/* Approved navy/blue desktop presentation. Mobile TSD rules remain separate. */
#desktop-workspace-nav[hidden],#desktop-client-overview[hidden],#desktop-active-product[hidden]{display:none!important}
@media(min-width:721px){
body.desktop-workspace{--desk-bg:#101a23;--desk-panel:#192b37;--desk-border:#344d5d;--desk-blue:#78c7f2;background:var(--desk-bg);color:#e6f2fc;font-family:Arial,sans-serif}
.desktop-workspace [hidden]{display:none!important}
.desktop-workspace .page-shell{max-width:1800px;padding:18px 24px;margin:auto;display:flex;flex-direction:column}
.desktop-workspace .workstation-bar{order:0;margin:0 0 5px}.desktop-workspace #desktop-workspace-nav{order:1}.desktop-workspace .page-head{order:2}.desktop-workspace .notice,.desktop-workspace .wb-readonly-bar{order:3}.desktop-workspace .metrics,.desktop-workspace .client-analytics-panel,.desktop-workspace #desktop-client-overview,.desktop-workspace .dispatcher-client-queue{order:4}.desktop-workspace .tabs{order:5}.desktop-workspace .workspace{order:6}
.desktop-workspace .topbar{background:var(--desk-panel);border-bottom:1px solid var(--desk-border);padding:15px 24px;color:#cce5fb}
.desktop-workspace .topbar a,.desktop-workspace h1,.desktop-workspace h2,.desktop-workspace h3,.desktop-workspace h4{color:#e6f2fc}
.desktop-workspace .brand span{background:var(--desk-blue);color:#10212e;border-radius:8px;padding:6px}
.desktop-workspace .page-head{gap:20px;padding:12px 0}.desktop-workspace .page-head h1{font-size:25px;margin:3px 0}
.desktop-workspace .head-controls{gap:8px}.desktop-workspace label,.desktop-workspace .eyebrow{color:#b6daf5}
.desktop-workspace input,.desktop-workspace select,.desktop-workspace textarea{background:#192b37;color:#e6f2fc;border:1px solid var(--desk-border);border-radius:5px}
.desktop-workspace input::placeholder,.desktop-workspace textarea::placeholder{color:#99b2c5}
.desktop-workspace input:focus,.desktop-workspace select:focus{outline:2px solid var(--desk-blue);outline-offset:1px}
.desktop-workspace button{color:#dcefff;background:#1b3040;border-color:var(--desk-border);border-radius:5px;min-height:36px}
.desktop-workspace button:hover:not(:disabled){border-color:var(--desk-blue)}
.desktop-workspace button.primary,.desktop-workspace button.active,.desktop-workspace button[aria-pressed=true]{background:var(--desk-blue);color:#072438;border-color:var(--desk-blue)}
.desktop-workspace button:disabled{opacity:.45;cursor:default}
.desktop-workspace .notice{font-size:12px;padding:8px 12px;background:#283644;border-color:var(--desk-border);color:#c0d9ed}
.desktop-workspace .notice.error{background:#352d24;color:#ffd58c;border-color:#786442}
.desktop-workspace .wb-readonly-bar,.desktop-workspace .workstation-bar,.desktop-workspace .metric,.desktop-workspace .orders-panel,.desktop-workspace .wave-panel,.desktop-workspace .client-analytics-panel,.desktop-workspace .dispatcher-client-queue{background:var(--desk-panel);border-color:var(--desk-border);color:#d9edfc}
.desktop-workspace .wb-readonly-bar{padding:10px 14px;margin-top:10px}
.desktop-workspace .locked-warehouse,.desktop-workspace .route-item,.desktop-workspace .tsd-command,.desktop-workspace .order-row,.desktop-workspace .panel-toolbar,.desktop-workspace .label-scan-workspace,.desktop-workspace .box-workspace,.desktop-workspace .supply-readiness,.desktop-workspace .wb-supply-workspace,.desktop-workspace .loading-workspace,.desktop-workspace .dropoff-workspace{background:#192b37;border-color:var(--desk-border);color:#d9edfc}
.desktop-workspace .metrics{gap:8px;margin:12px 0}.desktop-workspace .metric{padding:10px 12px}.desktop-workspace .metric strong{color:#e6f2fc;font-size:22px}
.desktop-workspace small,.desktop-workspace .cell-note,.desktop-workspace .muted,.desktop-workspace .workstation-label,.desktop-workspace .order-meta,.desktop-workspace .order-subtitle,.desktop-workspace .workstation-bar small{color:#a8cae3}
.desktop-workspace .tabs{gap:7px;border-bottom:1px solid var(--desk-border);padding:5px 0 10px}.desktop-workspace .tabs button{display:flex;gap:8px;align-items:center;padding:7px 10px;border:1px solid var(--desk-border);font-size:13px}
.desktop-workspace .tabs span{font-size:16px;min-width:24px;padding:2px 5px;background:#2c4557;color:#fff;border-radius:4px;font-weight:800}.desktop-workspace .tabs .active span{background:#b9e4fb;color:#072438}
.desktop-workspace .workspace{grid-template-columns:minmax(500px,1fr) minmax(300px,390px);gap:14px;align-items:start}
.desktop-workspace .wave-panel{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}
.desktop-workspace .order-list{max-height:60vh}.desktop-workspace .order-row{border-bottom:1px solid var(--desk-border)}
.desktop-workspace .order-name,.desktop-workspace .order-article,.desktop-workspace .order-name b,.desktop-workspace .route-title{color:#e5f1fc}
.desktop-workspace .order-photo{width:60px;height:65px;object-fit:contain;background:#f8fbfd}
.desktop-workspace .empty-list,.desktop-workspace .empty-wave{color:#adcce3;background:transparent}
.desktop-workspace .label-scan-workspace input{border:2px solid var(--desk-blue);height:44px;font-size:17px}
.desktop-workspace .group-chip,.desktop-workspace .dispatcher-client{background:#223847;color:#dcefff;border-color:var(--desk-border)}
.desktop-workspace .client-analytics-row,.desktop-workspace .client-analytics-head{background:#192b37;color:#dcefff;border-color:var(--desk-border)}
.desktop-workspace .client-analytics-row b,.desktop-workspace .dispatcher-client__name,.desktop-workspace .dispatcher-client__count,.desktop-workspace .dispatcher-client-queue__head b{color:#e5f1fc}
.desktop-workspace .badge{color:#d9eeff;background:#2b4556}.desktop-workspace .badge.green{background:#143f33;color:#98ecc5}.desktop-workspace .badge.amber{background:#503f20;color:#ffd881}
.desktop-workspace .compact-dispatcher-stage{border-color:var(--desk-border);background:#223847}
#desktop-workspace-nav{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--desk-border)}
#desktop-workspace-nav .desk-nav-hint{margin-left:auto;color:#aacde6;font-size:12px}
#desktop-client-overview{margin-top:20px}#desktop-client-overview h2{margin:0 0 8px;font-size:24px}
.desk-overview-meta{font-size:13px;color:#b6d7ef;margin:0 0 16px}
.desk-overview-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 18px}.desk-overview-tools input[type=search]{min-width:250px;flex:1;padding:10px 12px;height:40px}.desk-overview-tools label{display:flex;align-items:center;gap:6px;font-size:13px}
.desk-mode-tabs{display:flex;gap:8px;flex-wrap:wrap}.desk-mode-tabs button{display:flex;gap:9px;align-items:center}.desk-mode-tabs b{background:#2b4556;color:#e5f1fc;border-radius:4px;padding:3px 7px}.desk-mode-tabs [aria-pressed=true] b{background:#b9e4fb;color:#072438}
.desk-table-head,.desk-client-row{display:grid;grid-template-columns:minmax(180px,1.15fr) minmax(300px,1.6fr) minmax(170px,1fr) minmax(180px,1fr) minmax(145px,.7fr);gap:14px;padding:15px 12px;align-items:center;border-bottom:1px solid var(--desk-border)}
.desk-table-head{background:#223847;font-size:12px;color:#b8d9f2}.desk-client-row{background:#192b37}.desk-client-row:hover{background:#1e3241}
.desk-client-name,.desk-signals,.desk-supply{display:flex;flex-direction:column;gap:7px;font-size:13px;min-width:0}.desk-client-name b{font-size:14px}.desk-client-name small,.desk-supply small,.desk-signals small{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.desk-stage-counts{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.desk-count{display:flex;flex-direction:column;align-items:center;background:transparent!important;border-color:transparent!important;min-width:0;padding:4px 0!important;gap:6px}.desk-count b{font-size:24px;color:#dcefff}.desk-count small{font-size:11px;line-height:1.2;min-height:27px;max-width:100%;overflow-wrap:anywhere;text-align:center}.desktop-workspace .desk-count:disabled{opacity:.8}.desk-count[data-zero=true] b{color:#99b5c9}.desk-count[data-desktop-tab=new] b{color:#78c7f2}.desk-count:not(:disabled):hover{background:#2b4556!important}
.desk-tag{font-size:11px;background:#2b4556;color:#c8e4f8;padding:4px 7px;border-radius:4px;line-height:1.4;overflow-wrap:anywhere}.desk-tag.bad{background:#57302d;color:#ffb6ad}.desk-tag.wait{background:#503f20;color:#ffd881}
.desk-next{font-size:12px;text-align:left;white-space:normal;padding:9px}.desk-note{font-size:12px;color:#a8cae3;line-height:1.5;margin-top:16px}.desk-status{padding:12px;background:#223847;margin:12px 0;color:#d1e9fb;line-height:1.5;border-radius:5px}.desk-status:empty{display:none}
#desktop-client-overview[data-layout=cards] #desktop-overview-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:12px}#desktop-client-overview[data-layout=cards] .desk-table-head{display:none}#desktop-client-overview[data-layout=cards] .desk-client-row{display:flex;flex-direction:column;align-items:stretch;border:1px solid var(--desk-border);border-radius:7px}#desktop-client-overview[data-layout=cards] .desk-client-name b{font-size:17px}
.desktop-workspace .desktop-active-product{display:flex;gap:18px;margin:12px 0;padding:16px;border:1px solid var(--desk-border);border-radius:7px;background:#192b37;align-items:center}.desktop-product-photo{width:135px;height:140px;object-fit:contain;background:#f8fbfd;border-radius:5px}.desktop-photo-empty{width:135px;min-height:100px;display:grid;place-items:center;border:1px dashed var(--desk-border);color:#aac7df;text-align:center;font-size:12px}.desktop-product-info h3{font-size:22px;margin:0 0 8px}.desktop-product-info p{margin:6px 0;overflow-wrap:anywhere;color:#b9d9f0}.desktop-product-info .desktop-product-qty{font-size:24px;color:#78c7f2;font-weight:800}.desktop-product-info .desktop-sticker-code{background:#223847;padding:9px;color:#e6f2fc;border-radius:5px;font-family:monospace;overflow-wrap:anywhere}
@media(max-width:1250px){.desk-table-head{display:none}.desk-client-row{grid-template-columns: minmax(180px,1fr) minmax(280px,1.4fr);gap:16px}.desk-next{grid-column:2}.desktop-workspace .page-shell{padding:14px}.desktop-workspace .workspace{grid-template-columns:minmax(400px,1fr) minmax(260px,330px)}}
@media(max-width:920px){.desktop-workspace .workspace{grid-template-columns:1fr}.desktop-workspace .wave-panel{position:static;max-height:none}.desk-client-row{grid-template-columns:1fr}.desk-next{grid-column:auto}.desk-stage-counts{max-width:550px}.desktop-workspace .desktop-active-product{align-items:flex-start}}
}


/* Complete the desktop theme for legacy panels, including runtime-created ones. */
@media(min-width:721px){
html:has(body.desktop-workspace){color-scheme:dark}
body.desktop-workspace{
  color-scheme:dark;--bg:#101a23;--surface:#192b37;--line:#344d5d;
  --text:#e6f2fc;--muted:#a8cae3;--navy:#192b37;
  --green:#98ecc5;--green-bg:#143f33;--orange:#ffd881;--orange-bg:#503f20;
  --red:#ffb6ad;--red-bg:#57302d;scrollbar-color:#526e83 #192b37;
}
.desktop-workspace .order-head{background:#223847;color:#b8d9f2;border-bottom:1px solid var(--line)}
.desktop-workspace .product .scan-critical{color:var(--text)}
.desktop-workspace .wb-order-account{background:#2b4556;color:#d9eeff;border:1px solid var(--line)}
.desktop-workspace :is(.workstation-switch,.client-analytics-summary div,.wave-summary div,.list-more,.box-row,.loading-box,.wb-operation-plan span,.wb-command){background:var(--surface);color:var(--text);border-color:var(--line)}
.desktop-workspace :is(.simulation-actions button,.scan-action button,.packing-scan button,.dropoff-options button,.box-state-button,.box-print-button,.loading-scan button){background:#1b3040;color:#dcefff;border-color:var(--line)}
.desktop-workspace :is(.label-scan-workspace.stage-scan-workspace,.label-scan-workspace.sgtin-print-workspace,.loading-workspace,.wb-dispatch-workspace){background:var(--surface)}
.desktop-workspace :is(.order-row:hover,.order-row.selected,.client-analytics-row:hover){background:#223847}
.desktop-workspace .client-analytics-row.active{background:#23465a}
.desktop-workspace .client-analytics-head{background:#223847;color:#b8d9f2}
.desktop-workspace .client-analytics-status{background:#2b4556;color:#d9eeff}
.desktop-workspace :is(.badge.orange,.badge.amber,.client-analytics-number.warn){background:var(--orange-bg);color:var(--orange)}
.desktop-workspace :is(.badge.red,.client-analytics-status.error){background:var(--red-bg);color:var(--red)}
.desktop-workspace .client-analytics-status.active{background:var(--green-bg);color:var(--green)}
.desktop-workspace :is(.route-step,.wb-command>span){background:#2b4556;color:#d9eeff}
.desktop-workspace .wb-command.succeeded>span{background:var(--green-bg);color:var(--green)}
.desktop-workspace .wb-command.failed>span{background:var(--red-bg);color:var(--red)}
.desktop-workspace .loading-box:not(.loaded){background:var(--orange-bg);border-color:#b89048}
.desktop-workspace .loading-box.loaded{background:var(--green-bg);border-color:#438569}
.desktop-workspace .wb-command.succeeded{background:var(--green-bg);border-color:#438569}
.desktop-workspace .wb-command.failed{background:var(--red-bg);border-color:#a85d54}
.desktop-workspace :is(button.danger,.simulation-actions button.shortage){background:var(--red-bg);color:var(--red);border-color:#a85d54}
.desktop-workspace .dropoff-options button.active{background:#78c7f2;color:#072438;border-color:#78c7f2}
.desktop-workspace .box-row.active{border-color:#78c7f2}
.desktop-workspace .notice.error{background:var(--red-bg);color:var(--red);border-color:#a85d54}
.desktop-workspace .wb-readonly-status.error{color:var(--red)}
.desktop-workspace .wb-sgtin-verdict-card{background:var(--orange-bg);color:var(--orange);border-color:#b89048}
.desktop-workspace .wb-sgtin-verdict-card[data-status=accepted]{background:var(--green-bg);color:var(--green);border-color:#438569}
.desktop-workspace .wb-sgtin-verdict-card[data-status=rejected]{background:var(--red-bg);color:var(--red);border-color:#a85d54}
.desktop-workspace .marker-reconciliation-card{background:var(--orange-bg);color:#ffe4aa;border-color:#b89048}
.desktop-workspace .marker-reconciliation-card :is(h4,p,code){color:inherit}
.desktop-workspace #fbs-pending-commands{background:#223847!important;color:#d9eeff!important;border-color:var(--line)!important}
.desktop-workspace .dispatcher-client.active{background:#23465a;border-color:#78c7f2}
.desktop-workspace .dispatcher-client.warning{background:#3a3426;border-left-color:#ddb868}
.desktop-workspace .dispatcher-client.high{background:#493528;border-left-color:#eea56c}
.desktop-workspace .dispatcher-client.critical{background:#462b2a;border-left-color:#e98c83}
.desktop-workspace :is(.dispatcher-client__key,.dispatcher-client-queue__hint){color:var(--muted)}
.desktop-workspace .order-age{background:#2b4556;color:#d9eeff}
.desktop-workspace :is(.order-age.warning,.order-age.high){background:var(--orange-bg);color:var(--orange)}
.desktop-workspace .order-age.critical{background:var(--red-bg);color:var(--red)}
.desktop-workspace .compact-dispatcher{background:var(--surface);border-color:var(--line)}
.desktop-workspace .compact-dispatcher__head b{color:var(--text)}
.desktop-workspace .compact-dispatcher__head small{color:var(--muted)}
.desktop-workspace .compact-dispatcher__stage{background:#223847;color:#dcefff;border-color:var(--line)}
.desktop-workspace .compact-dispatcher__stage.completed{background:#1d3a36;color:#a7dfcc}
.desktop-workspace .compact-dispatcher__stage.active{background:#78c7f2;color:#072438;border-color:#78c7f2}
.desktop-workspace :is(.compact-dispatcher__next,.compact-dispatcher__empty){background:#223847;color:#dcefff}
.desktop-workspace .compact-dispatcher__content[data-compact-dispatcher-content=loading] :is(.loading-scan,.loading-warning,.loading-actions){background:var(--surface)}
.desktop-workspace button:disabled{opacity:1;color:#a8c1d5;background:#2c4353;border-color:var(--line)}
.desktop-workspace .desk-count:disabled{opacity:.8}
.desktop-workspace .desk-stage-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px 8px}
.desktop-workspace .desk-count{padding:3px 0!important;gap:4px;min-height:45px}
.desktop-workspace .desk-count b{font-size:22px}
.desktop-workspace .desk-count small{font-size:11px;line-height:1.2;min-height:14px;white-space:nowrap;overflow-wrap:normal;word-break:normal}
#desktop-client-overview[data-layout=cards] #desktop-overview-rows{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:14px}
#desktop-client-overview[data-layout=cards] .desk-client-row{gap:12px;padding:14px;min-width:0}
#desktop-client-overview[data-layout=cards] .desk-client-name{min-height:74px;overflow-wrap:break-word}
#desktop-client-overview[data-layout=cards] .desk-client-name b{font-size:16px;line-height:1.25}
#desktop-client-overview[data-layout=cards] .desk-next{margin-top:auto;width:100%;min-height:38px}
.desktop-workspace :is(.desk-supply,.desk-signals,.desktop-product-info){min-width:0;overflow-wrap:break-word}
.desktop-workspace .desktop-active-product{flex-wrap:wrap}
.desktop-workspace .desktop-product-info{flex:1 1 260px}
}
@media(min-width:721px){
.desktop-workspace .fbs-scale-module{min-width:0;background:var(--surface);color:var(--text);border-color:var(--line)}
.desktop-workspace .fbs-scale-module header{border-color:var(--line)}
.desktop-workspace .fbs-scale-module :is(small,label,h4,.fbs-scale-status,.fbs-scale-empty){color:var(--muted)}
.desktop-workspace .fbs-scale-module :is(button,input,select){max-width:100%;background:#1b3040;color:var(--text);border-color:var(--line)}
.desktop-workspace .fbs-scale-module :is(.fbs-scale-card,.fbs-scale-slot,.fbs-scale-totals span){min-width:0;background:#223847;border-color:var(--line)}
.desktop-workspace .fbs-scale-slot.status-accepted{background:var(--green-bg);border-left-color:#438569}
.desktop-workspace .fbs-scale-slot.status-rejected{background:var(--red-bg);border-left-color:#a85d54}
.desktop-workspace .fbs-scale-slot.status-unknown{background:#352c48;border-left-color:#b098dc}
.desktop-workspace :is(.fbs-scale-error,.fbs-scale-slot p){background:var(--red-bg);color:var(--red)}
.desktop-workspace .fbs-scale-module th{background:#223847;color:var(--muted)}
.desktop-workspace .fbs-scale-module :is(th,td){border-color:var(--line)}
.desktop-workspace .fbs-scale-buffer{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr))}
.desktop-workspace .fbs-scale-supplies{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.desktop-workspace .fbs-scale-module button:disabled{opacity:1;color:#a8c1d5;background:#2c4353}
}
@media(min-width:1600px){
.desktop-workspace :is(.desk-table-head,.desk-client-row){grid-template-columns:minmax(180px,1.2fr) minmax(480px,2.1fr) minmax(170px,1fr) minmax(180px,1fr) minmax(140px,.8fr)}
#desktop-client-overview[data-layout=table] .desk-stage-counts{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
}
@media(min-width:721px) and (max-width:1100px){
.desktop-workspace .workspace{grid-template-columns:minmax(0,1fr)}
.desktop-workspace .wave-panel{position:static;max-height:none}
.desktop-workspace .workstation-bar{flex-wrap:wrap;gap:10px}
.desktop-workspace .workstation-switch{flex-wrap:wrap;max-width:100%}
.desktop-workspace .workstation-switch button{flex:1 1 auto}
.desktop-workspace .head-controls{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) auto auto}
.desktop-workspace .page-head{align-items:stretch;flex-direction:column}
.desktop-workspace .desk-overview-tools input[type=search]{min-width:180px;max-width:100%}
.desktop-workspace #desktop-workspace-nav{flex-wrap:wrap}
.desktop-workspace #desktop-workspace-nav .desk-nav-hint{flex-basis:100%;margin-left:0}
}

@media(min-width:721px){
.desktop-workspace .desktop-picking-shelf{margin:6px 0 10px}
.desktop-workspace .desktop-picking-shelf :is(small,b){display:block}
.desktop-workspace .desktop-picking-shelf b{font-size:23px;line-height:1.2;color:#78c7f2;overflow-wrap:anywhere}
.desktop-workspace .desktop-picking-article h3{font-size:22px;line-height:1.2;margin:4px 0 10px;overflow-wrap:anywhere}
.desktop-workspace .desktop-picking-name{font-size:13px;color:var(--muted)}
}

@media(min-width:721px){
.desktop-workspace .desktop-sticker-preview{flex:0 1 260px;max-width:100%;margin:0;padding:10px;background:#223847;border:1px solid var(--line);border-radius:6px}
.desktop-workspace .desktop-sticker-preview figcaption{font-weight:700;margin-bottom:8px;color:var(--text)}
.desktop-workspace .desktop-sticker-preview img{display:block;width:100%;height:auto;aspect-ratio:58/40;object-fit:contain;background:#fff}
.desktop-workspace .desktop-sticker-preview small{display:block;margin-top:8px;color:var(--muted)}
.desktop-workspace .desktop-sticker-preview p{color:var(--muted)}
}

.wb-sticker-preview-button{display:grid!important;gap:4px;width:180px;max-width:100%;height:auto!important;min-height:0!important;margin-top:6px;padding:0!important;overflow:hidden;background:#fff!important;border:1px solid #6f8ca0!important;border-radius:4px!important;color:#173247!important;cursor:zoom-in}
.wb-sticker-preview-button img{display:block;width:100%;height:auto;background:#fff}
.wb-sticker-preview-button span{display:block;padding:5px 7px;background:#e9f4fb;color:#173247;font-size:11px;font-weight:700;text-align:center}
.wb-sticker-preview-button:focus-visible{outline:3px solid #78c7f2;outline-offset:2px}
body.wb-sticker-lightbox-open{overflow:hidden}
.wb-sticker-lightbox[hidden]{display:none!important}
.wb-sticker-lightbox{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:rgba(4,12,18,.88)}
.wb-sticker-lightbox__panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(96vw,1100px);height:min(94vh,820px);overflow:hidden;background:#192b37;border:1px solid #6d91aa;border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.55);color:#e6f2fc}
.wb-sticker-lightbox__panel header,.wb-sticker-lightbox__panel footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#223847}
.wb-sticker-lightbox__panel header{border-bottom:1px solid #3d5b6f}.wb-sticker-lightbox__panel footer{border-top:1px solid #3d5b6f}
.wb-sticker-lightbox__panel button{min-height:38px;padding:8px 14px;background:#1b3040;color:#e6f2fc;border:1px solid #6d91aa;border-radius:5px;font-weight:700}
.wb-sticker-lightbox__panel button:hover,.wb-sticker-lightbox__panel button:focus-visible{border-color:#78c7f2;outline:none}
.wb-sticker-lightbox__canvas{display:grid;place-items:center;min-height:0;padding:18px;overflow:auto;background:#0f1a22}
.wb-sticker-lightbox__canvas img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;background:#fff;transform-origin:center;transition:transform .18s ease}
.wb-sticker-lightbox[data-rotation="90"] .wb-sticker-lightbox__canvas img,.wb-sticker-lightbox[data-rotation="270"] .wb-sticker-lightbox__canvas img{max-width:calc(100vh - 190px);max-height:calc(100vw - 90px)}
@media(max-width:720px){.wb-sticker-lightbox{padding:8px}.wb-sticker-lightbox__panel{width:100%;height:96vh}.wb-sticker-lightbox__panel header,.wb-sticker-lightbox__panel footer{padding:9px;flex-wrap:wrap}.wb-sticker-lightbox__canvas{padding:8px}}