/* Shared cabinet tokens. Physical label printing remains in app.css. */
@font-face { font-family:Inter; src:url('/assets/cache/42f39666a44a5ef037006013b2ac907e7dbc8e05f3965aed4adc65020217408a/fonts/Inter-variable.woff2') format('woff2'); font-style:normal; font-weight:100 900; font-display:swap; }
body { font-family:Inter,system-ui,"Segoe UI",sans-serif; }
:root { --cabinet-bg:#f3f5f9; --cabinet-surface:#fff; --cabinet-ink:#243047; --cabinet-muted:#657188; --cabinet-border:#e1e6ef; --cabinet-accent:#4964bd; --cabinet-sidebar:#192336; --cabinet-radius:14px; }
#cabinet-menu { border:0; padding:24px 18px; background:var(--cabinet-sidebar); color:#dce4f5; width:260px; max-width:86vw; height:100dvh; max-height:100dvh; margin:0; position:fixed; inset:0 auto 0 0; overflow:auto; }
#cabinet-menu::backdrop { background:rgb(14 23 40 / 45%); }
.sidebar-brand { display:flex; align-items:center; justify-content:space-between; min-height:44px; margin:0 4px 34px; }
.sidebar-brand img,.brand img { display:block; }
.brand img { background:var(--cabinet-sidebar); border-radius:10px; padding:4px 8px; width:166px; height:44px; }
.icon-button { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; min-height:44px; padding:0; border:1px solid var(--cabinet-border); border-radius:12px; }
#menu-close { background:transparent; color:#dce4f5; border-color:#536078; font-size:24px; }
#menu-open,#cabinet-breadcrumbs { display:none; }
#cabinet-navigation { display:flex; flex-direction:column; gap:5px; margin:0; }
#cabinet-navigation a { display:flex; align-items:center; gap:12px; min-height:48px; padding:12px; border-radius:10px; color:#bac6db; text-decoration:none; font-size:15px; font-weight:550; }
#cabinet-navigation a:hover { background:#243149; color:#fff; }
#cabinet-navigation a[aria-current] { background:#34466b; color:#fff; }
#cabinet-navigation svg { flex-shrink:0; }
.sidebar-bottom { margin-top:30px; border-top:1px solid #354158; padding:18px 12px 0; }
.sidebar-bottom p { margin:0 0 12px; overflow-wrap:anywhere; font-size:14px; }
.sidebar-bottom a,.sidebar-bottom button { display:flex; align-items:center; width:100%; min-height:44px; padding:8px 0; background:none; border:0; color:#bac6db; font-size:14px; text-decoration:none; font-weight:400; }
body.cabinet-active { background:var(--cabinet-bg); color:var(--cabinet-ink); }
.cabinet-active #cabinet-topbar { max-width:none; padding:18px 24px 0; min-height:62px; display:flex; gap:16px; justify-content:flex-start; }
.cabinet-active #cabinet-topbar>.brand { display:none; }
.cabinet-active #menu-open { display:inline-flex; flex-shrink:0; }
.cabinet-active #cabinet-breadcrumbs { display:flex; gap:8px; margin:0; min-width:0; flex-wrap:nowrap; align-items:center; font-size:13px; }
#cabinet-breadcrumbs a { color:var(--cabinet-muted); text-decoration:none; }
#cabinet-breadcrumbs a:hover { text-decoration:underline; }
#cabinet-breadcrumbs>a,#cabinet-breadcrumbs>span[aria-current] { min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#cabinet-breadcrumbs>.icon-button,#cabinet-breadcrumbs>.crumb-separator,#cabinet-breadcrumbs>.crumb-overflow { flex-shrink:0; }
#cabinet-breadcrumbs>.icon-button { flex:0 0 44px; min-width:44px; }
.cabinet-content main .page-heading button.icon-button { padding:0; border:0; border-radius:8px; background:transparent; box-shadow:none; color:var(--cabinet-muted); }
.cabinet-content main .page-heading button.icon-button:hover { background:#e9edf4; color:var(--cabinet-accent); }
.page-heading button.icon-button svg { flex:0 0 20px; width:20px; height:20px; }
.page-heading { display:flex; align-items:center; gap:4px; min-width:0; margin:20px 0; }
.page-heading h1 { margin:0; min-width:0; }
.page-heading>.icon-button { flex-shrink:0; }
@media(max-width:540px) {
  .cabinet-active #cabinet-topbar { flex-wrap:nowrap; }
  .cabinet-active #cabinet-breadcrumbs { gap:4px; width:0; }
  #cabinet-breadcrumbs>a { flex:0 1 70px; }
  #cabinet-breadcrumbs>span[aria-current] { flex:1 1 80px; }
}
.crumb-separator { display:inline-flex; color:#93a0b4; }
.crumb-separator svg { width:13px; height:13px; }
.crumb-ancestors { display:none; }
.crumb-overflow { position:relative; margin:0; }
.crumb-overflow summary { padding:0 10px; min-height:44px; display:flex; align-items:center; list-style:none; border-radius:8px; background:#e9edf4; }
.crumb-overflow div { position:absolute; top:46px; left:0; z-index:5; min-width:190px; max-width:70vw; background:white; border:1px solid var(--cabinet-border); padding:8px; border-radius:12px; box-shadow:0 8px 24px #19233615; }
.crumb-overflow div>* { display:block; padding:12px; }
.cabinet-active main { max-width:none; margin:0; padding:10px 24px 28px; }
.cabinet-active main>h1 { text-align:left; font-size:28px; margin:10px 0 24px; font-weight:650; letter-spacing:-.7px; }
.cabinet-active footer { max-width:none; margin:0; padding:20px 24px; }
.cabinet-active .card { border-color:var(--cabinet-border); border-radius:var(--cabinet-radius); }
.cabinet-active:not(.cabinet-workflow) button.primary { background:var(--cabinet-accent); border-color:var(--cabinet-accent); }
.workspace-tabs { display:flex; gap:24px; border-bottom:1px solid var(--cabinet-border); margin:16px 0 24px; }
.workspace-tabs button { flex:0 1 auto; padding:12px 2px; background:transparent; border:0; border-radius:0; color:var(--cabinet-muted); font-size:15px; }
.workspace-tabs button[aria-current] { color:var(--cabinet-accent); box-shadow:inset 0 -2px var(--cabinet-accent); }
.dashboard-intro { text-align:left; margin:-12px 0 28px; color:var(--cabinet-muted); }
.dashboard-priority { display:grid; gap:16px; margin-bottom:32px; }
.equipment-card { display:flex; gap:16px; align-items:center; padding:20px; border:1px solid var(--cabinet-border); border-radius:var(--cabinet-radius); background:white; text-decoration:none; color:var(--cabinet-ink); }
.equipment-card>div { flex:1; min-width:0; }
.equipment-card h2 { margin:0 0 5px; font-size:16px; }
.equipment-card p { margin:0; font-size:14px; color:var(--cabinet-muted); }
.equipment-card>svg { flex-shrink:0; color:var(--cabinet-muted); }
.dashboard-heading { font-size:14px; color:var(--cabinet-muted); font-weight:550; margin-bottom:14px; }
.dashboard-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.section-card { position:relative; display:block; padding:22px; border:1px solid var(--cabinet-border); border-radius:var(--cabinet-radius); background:white; text-decoration:none; color:var(--cabinet-ink); transition:border-color .15s,box-shadow .15s; }
.section-card:hover,.equipment-card:hover { border-color:#b6c3e3; box-shadow:0 4px 16px #25365308; }
.tile-icon { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:44px; height:44px; border-radius:12px; background:#edf1fa; color:var(--cabinet-accent); }
.tile-icon.supplies { background:#f4edf8; color:#875799; }
.marketplace-mark { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:44px; height:32px; border-radius:8px; }
.marketplace-mark img { display:block; width:34px; max-height:22px; object-fit:contain; }
.marketplace-wb { background:#7f30e3; }
.marketplace-wb img { width:30px; }
.marketplace-ozon { background:#eaf2ff; }
.tile-icon.supplies,.tile-icon.ozon { width:64px; height:44px; background:transparent; }
.tile-icon .marketplace-mark { width:64px; height:44px; border-radius:12px; }
.tile-icon .marketplace-wb { background:linear-gradient(120deg,#7f30e3,#f90479); }
.tile-icon .marketplace-wb img { width:39px; }
.tile-icon .marketplace-ozon img { width:50px; }
.section-card:has(.tile-icon.supplies) { background:linear-gradient(145deg,#fbf7ff,#fff 65%); border-color:#e4d5f7; }
.section-card:has(.tile-icon.ozon) { background:linear-gradient(145deg,#f3f8ff,#fff 65%); border-color:#d3e3ff; }
.section-card:has(.tile-icon.supplies) h2 { color:#7024cc; }
.section-card:has(.tile-icon.ozon) h2 { color:#005bff; }
#cabinet-navigation .marketplace-mark { width:22px; height:22px; border-radius:5px; }
#cabinet-navigation .marketplace-mark img { width:19px; max-height:18px; }
#cabinet-navigation .marketplace-wb img { width:18px; }
.breadcrumb-brand { display:inline-flex; align-items:center; justify-content:center; margin-left:8px; padding:7px 10px; border-radius:7px; }
.breadcrumb-brand.wb { background:#7f30e3; }.breadcrumb-brand.ozon { background:#eaf2ff; }
.breadcrumb-brand img { width:86px; height:16px; object-fit:contain; }.breadcrumb-brand.ozon img { width:64px; }
@media(max-width:540px) { .breadcrumb-brand { display:none; } }
.tile-icon.returns { background:#edf5f2; color:#438174; }
.section-card h2 { margin:16px 0 6px; font-size:18px; font-weight:600; }
.section-card p { margin:0; padding-right:10px; color:var(--cabinet-muted); font-size:14px; }
.tile-arrow { position:absolute; right:20px; top:30px; color:#97a4ba; }
.resume-card { display:block; padding:24px; background:#e9eefb; color:#293f7b; border:1px solid #d2dcf3; border-radius:var(--cabinet-radius); text-decoration:none; }
.resume-card h2 { font-size:21px; }.resume-card p { margin:8px 0; }.resume-card progress { display:block; margin:14px 0; accent-color:var(--cabinet-accent); }
.eyebrow { font-size:11px; letter-spacing:1.1px; font-weight:650; }
.empty-section { margin:36px auto; text-align:center; max-width:520px; padding:32px 20px; }.empty-section h2 { margin-top:20px; }.empty-section p { color:var(--cabinet-muted); }.empty-section a { display:inline-flex; align-items:center; gap:10px; margin-top:16px; }
.cabinet-workflow main { max-width:760px; }
@media(min-width:1000px) {
  .cabinet-active { padding-left:260px; }
  #cabinet-menu { z-index:4; }
  .cabinet-active #menu-open,#menu-close { display:none; }
  .cabinet-active #cabinet-topbar { padding:24px 36px 0; }
  .cabinet-active main { padding:10px 36px 32px; }
  .cabinet-active footer { padding:20px 36px; }
  .crumb-ancestors { display:contents; }.crumb-overflow { display:none; }
  .dashboard-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .dashboard-priority { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .equipment-card { align-self:start; }
}
@media(max-width:540px) {
  .cabinet-active main { padding:10px 16px 24px; }
  .cabinet-active #cabinet-topbar { padding:12px 16px 0; }
  .cabinet-active main>h1 { font-size:24px; margin:10px 0 22px; }
  .dashboard-grid { gap:12px; }.section-card { padding:16px; }.section-card h2 { font-size:16px; }.section-card p { font-size:13px; }.tile-arrow { display:none; }
  .equipment-card { padding:16px; gap:12px; }.dashboard-priority { margin-bottom:24px; }
}
@media(max-width:359px) { .dashboard-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .section-card { transition:none; } }
#cabinet-scroll-top { position:fixed; right:20px; bottom:calc(20px + env(safe-area-inset-bottom)); z-index:6; display:flex; align-items:center; justify-content:center; width:46px; height:46px; min-height:46px; padding:0; border-radius:50%; color:var(--cabinet-accent); background:white; border:1px solid #c9d3e8; box-shadow:0 4px 16px #1923361c; }
#cabinet-scroll-top:hover { background:#edf1fa; }
.cabinet-active #cabinet-topbar { flex-wrap:wrap; column-gap:12px; row-gap:8px; }
#cabinet-wb-refresh { flex-shrink:0; border-radius:50%; color:var(--cabinet-accent); }
#cabinet-wb-refresh.refresh-running svg { animation:wb-refresh-spin 1s linear infinite; }
#cabinet-wb-status { flex-basis:100%; color:var(--cabinet-muted); font-size:12px; line-height:1.6; display:flex; gap:8px 24px; flex-wrap:wrap; }
#cabinet-wb-status:empty { display:none; }
#cabinet-wb-status p { margin:0; flex-basis:100%; }
.refresh-detail { display:block; max-width:620px; }
@keyframes wb-refresh-spin { to { transform:rotate(360deg); } }
@media(max-width:540px) { .cabinet-active #cabinet-breadcrumbs { flex:1; } #cabinet-wb-status { gap:2px 16px; } }
@media(prefers-reduced-motion:reduce) { #cabinet-wb-refresh.refresh-running svg { animation:none; } }
@media print { body.cabinet-active { padding-left:0; } #cabinet-scroll-top { display:none !important; } }
/* Cabinet lists and administration. Screen-only: picking, packing and labels keep their controls. */
@media screen {
  .cabinet-content main { font-size:15px; line-height:1.55; }
  .cabinet-content main :is(h2,h3) { color:var(--cabinet-ink); font-weight:600; letter-spacing:-.25px; line-height:1.4; overflow-wrap:anywhere; }
  .cabinet-content main h2 { font-size:18px; margin:0 0 12px; }
  .cabinet-content main h3 { font-size:16px; margin:0 0 8px; }
  .cabinet-content main p { margin:10px 0; }
  .cabinet-content main :is(.muted,small,.status) { color:var(--cabinet-muted); font-size:13px; }
  .cabinet-content main strong,.cabinet-content main b { font-weight:600; }
  .cabinet-content main .card { padding:24px; margin:16px 0; box-shadow:0 2px 6px #24304703; }
  .cabinet-content main .card>:first-child { margin-top:0; }
  .cabinet-content main .card>:last-child { margin-bottom:0; }
  .cabinet-content main button:not(.photo-open) { font-family:inherit; font-size:14px; font-weight:550; line-height:1.4; min-height:44px; padding:10px 16px; border-radius:10px; border-color:var(--cabinet-border); }
  .cabinet-content main button:not(.primary,.success,.warning,.danger,.photo-open) { color:var(--cabinet-ink); background:white; }
  .cabinet-content main button.primary { background:var(--cabinet-accent); border-color:var(--cabinet-accent); color:white; }
  .cabinet-content main button:disabled { opacity:.55; }
  .cabinet-content main :is(button,a,input,select,textarea,summary):focus-visible { outline:3px solid #9aade0; outline-offset:3px; }
  .cabinet-content main label { font-size:14px; font-weight:550; margin:16px 0 8px; }
  .cabinet-content main :is(input:not([type=checkbox],[type=radio]),select,textarea) { font-family:inherit; font-size:16px; line-height:1.4; min-height:44px; padding:10px 12px; border:1px solid #d4dce9; border-radius:10px; background:white; color:var(--cabinet-ink); max-width:100%; min-width:0; }
  .cabinet-content main input::placeholder { color:var(--cabinet-muted); }
  .cabinet-content main input[type=file] { font-size:14px; }
  .cabinet-content main input::file-selector-button { font:inherit; padding:8px 12px; margin:-2px 12px -2px -4px; border:0; border-radius:6px; background:#edf1f8; color:var(--cabinet-ink); cursor:pointer; }
  .cabinet-content main :is(.order-search,#uin-history-search) { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 12px; align-items:end; margin:24px 0 16px; }
  .cabinet-content main :is(.order-search,#uin-history-search)>label { grid-column:1/-1; margin:0; }
  .cabinet-content main :is(.order-search,#uin-history-search)>button { margin:0; }
  .cabinet-content main .workspace-tabs { gap:24px; margin:8px 0 24px; }
  .cabinet-content main .workspace-tabs button { flex:0 1 auto; padding:10px 2px; background:transparent; border:0; border-radius:0; color:var(--cabinet-muted); font-size:15px; }
  .cabinet-content main .workspace-tabs button[aria-current] { color:var(--cabinet-accent); }
  .cabinet-content main .supply-tabs { display:flex; gap:4px; padding:5px; background:#e9edf3; border:1px solid #e1e6ef; border-radius:12px; margin:20px 0; }
  .cabinet-content main .supply-tabs button { flex:0 1 auto; display:flex; align-items:center; justify-content:center; gap:8px; background:transparent; border:1px solid transparent; color:#58657a; padding:9px 14px; }
  .cabinet-content main .supply-tabs button.primary { background:white; border-color:#d8dfeb; color:var(--cabinet-ink); box-shadow:0 1px 3px #2430470d; }
  .cabinet-content main .supply-tabs small { font-size:12px; font-weight:500; color:inherit; font-variant-numeric:tabular-nums; background:#dfe5ee; border-radius:6px; padding:2px 6px; }
  .cabinet-content main .supply-tabs button.primary small { background:#edf1fa; color:#3e55a3; }
  .cabinet-content main .order-product { margin:18px 0; gap:18px; }
  .cabinet-content main .order-product p { margin:6px 0; }
  .cabinet-content main .order-photo { width:72px; height:96px; border-radius:8px; }
  .cabinet-content main .order-card>h2 { font-size:17px; margin-bottom:4px; font-variant-numeric:tabular-nums; }
  .cabinet-content main .order-card>p:last-child { padding-top:12px; border-top:1px solid #edf0f5; font-size:13px; color:var(--cabinet-muted); }
  .cabinet-content main .actions { align-items:center; gap:10px; }
  .cabinet-content main .actions>* { flex:0 1 auto; }
  .cabinet-content main .actions>span { font-size:13px; color:var(--cabinet-muted); }
  .cabinet-content main .completed-runs>summary { min-height:48px; padding:14px 18px; border-color:var(--cabinet-border); border-radius:12px; font-size:15px; font-weight:550; }
  .cabinet-content main .completed-runs>summary::after { content:''; width:8px; height:8px; border:solid var(--cabinet-muted); border-width:0 1.5px 1.5px 0; transform:rotate(45deg); margin:0 3px 4px 14px; flex-shrink:0; }
  .cabinet-content main .completed-runs[open]>summary::after { transform:rotate(225deg); margin-top:6px; }
  .cabinet-content main .audit { padding:20px; margin:12px 0; background:white; border:1px solid var(--cabinet-border); border-radius:var(--cabinet-radius); }
  .cabinet-content main .import-entry { gap:6px; }
  .cabinet-content main .notice { border:1px solid #ead9b7; background:#fff7e9; border-radius:10px; }
  .cabinet-content main .uin-code { overflow-wrap:anywhere; }
}
@media screen and (min-width:760px) {
  .cabinet-content main form:not(.order-search):not(#matching-filter) { max-width:720px; }
  .cabinet-content main form button.full { width:auto; min-width:150px; }
  .cabinet-content main .card>button.full { width:auto; margin:12px 8px 0 0; }
  .cabinet-content main #matching-filter { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:16px; align-items:end; }
  .cabinet-content main #matching-filter label { margin:0; }
  .cabinet-content main #matching-filter select { margin-bottom:0; }
}
@media screen and (max-width:540px) {
  .cabinet-content main .card { padding:18px; }
  .cabinet-content main .supply-tabs button { flex:1 1 120px; padding:9px 10px; }
  .cabinet-content main .workspace-tabs { gap:20px; }
  .cabinet-content main .order-product { gap:12px; }
  .cabinet-content main .order-product h3 { font-size:15px; }
  .cabinet-content main .audit { padding:16px; }
}
@media (hover:hover) {
  .cabinet-content main button:not(:disabled,.photo-open,.success,.warning,.danger):hover { background:#edf1f8; border-color:#c5d0e4; }
  .cabinet-content main button.primary:not(:disabled):hover { background:#3c55aa; color:white; }
  .cabinet-content main .supply-tabs button.primary:not(:disabled):hover { background:white; color:var(--cabinet-ink); }
}
@media (prefers-reduced-motion:reduce) { .cabinet-content main button { transition:none; } }
/* Work screens share the cabinet design while retaining prominent warehouse controls. */
@media screen {
 .cabinet-workflow main { max-width:860px; }
 .cabinet-workflow main .slot { font-size:36px; font-weight:750; letter-spacing:.5px; margin:20px 0 12px; }
 .cabinet-workflow main .quantity { font-size:24px; font-weight:750; color:var(--cabinet-ink); }
 .cabinet-workflow main .status.picked-status { color:#197044; font-weight:600; }
 .cabinet-workflow main .actions>* { flex:1 1 0; }
 .cabinet-workflow main button:not(.photo-open) { min-height:48px; font-size:15px; }
 .cabinet-workflow main .actions button { padding:12px; }
 .cabinet-workflow main .full { width:100%; }
 .cabinet-workflow main form button.full { width:100%; }
 .cabinet-workflow main .row { flex-wrap:wrap; font-size:14px; color:var(--cabinet-muted); }
 .cabinet-workflow main progress { accent-color:var(--cabinet-accent); margin:12px 0 0; }
 .cabinet-workflow main .bottom { background:#f3f5f9f5; border-top:1px solid var(--cabinet-border); }
 .cabinet-workflow main .packing-number { font-size:20px; }
 .cabinet-workflow main .packing-number strong { font-weight:700; }
 .cabinet-workflow main .packing-size { font-size:22px; }
 .cabinet-workflow main .packing-controls button { flex:1 1 170px; }
 .cabinet-workflow main #packing-uin { min-height:52px; font-size:20px; font-variant-numeric:tabular-nums; letter-spacing:1px; }
 .cabinet-workflow main .card:has(#packing-scan) { border-color:#c8d3ec; }
 .cabinet-workflow main .packing-counts { padding:12px 14px; background:#e9edf5; border-radius:10px; font-size:14px; }
 .cabinet-workflow main #packing-message:empty { display:none; }
 .cabinet-workflow main #packing-message:not(:empty) { padding:12px 14px; background:#edf1f8; border-radius:10px; }
 .cabinet-workflow main .packing-link { color:var(--cabinet-accent); border-color:var(--cabinet-border); border-radius:10px; font-size:15px; }
 .cabinet-workflow main .run-more { border-color:var(--cabinet-border); }
 .cabinet-workflow main .run-more-chevron { font-size:0; width:9px; height:9px; border:solid var(--cabinet-muted); border-width:0 1.5px 1.5px 0; transform:rotate(45deg); }
 .cabinet-workflow main .run-more[open] .run-more-chevron { transform:rotate(225deg); }
 .cabinet-auth { background:var(--cabinet-bg); color:var(--cabinet-ink); }
 .cabinet-auth #cabinet-topbar { max-width:480px; padding:32px 0 24px; justify-content:center; }
 .cabinet-auth main { max-width:480px; padding:28px; margin:0 auto; background:white; border:1px solid var(--cabinet-border); border-radius:16px; }
 .cabinet-auth main h1 { font-size:26px; font-weight:650; margin:0 0 10px; }
 .cabinet-auth main #signin,.cabinet-auth main #activate { margin:24px 0; }
 .cabinet-auth main .actions button,.cabinet-auth main form button.full { width:100%; }
 .cabinet-auth main .personal-device { align-items:flex-start; font-weight:400; margin-top:22px; }
 .cabinet-auth main .personal-device input { accent-color:var(--cabinet-accent); }
 .cabinet-auth footer { max-width:480px; text-align:center; padding:20px; }
}
@media screen and (max-width:540px) {
 .cabinet-auth #cabinet-topbar { padding:24px 16px 20px; }
 .cabinet-auth main { width:calc(100% - 32px); padding:22px 18px; }
 .cabinet-workflow main .packing-product { gap:12px; align-items:flex-start; }
 .cabinet-workflow main .packing-product img { width:76px; height:76px; }
 .cabinet-workflow main .packing-number { font-size:18px; }
}
@media screen {
 .cabinet-active .packing-dialog { border:1px solid var(--cabinet-border); border-radius:14px; color:var(--cabinet-ink); padding:24px; font-size:15px; }
 .cabinet-active .packing-dialog h2 { font-size:20px; font-weight:600; }
 .cabinet-active .packing-dialog input { border-color:#d4dce9; border-radius:10px; }
 .cabinet-active .packing-dialog button { border-color:var(--cabinet-border); border-radius:10px; font-size:15px; }
 .cabinet-active .packing-dialog button.primary { background:var(--cabinet-accent); border-color:var(--cabinet-accent); color:white; font-weight:600; }
 .cabinet-active .packing-dialog button.primary:not(:disabled):hover { background:#3c55aa; }
 .cabinet-active .packing-dialog button.primary:disabled { background:#e8ecf3; border-color:var(--cabinet-border); color:var(--cabinet-muted); opacity:1; cursor:not-allowed; }
}
/* Ozon connection wizard: screen styles only, independent of packing and labels. */
@media screen {
  .ozon-setup { max-width:720px; }
  .ozon-setup .card { overflow-wrap:anywhere; }
  .ozon-setup form { margin:20px 0; }
  .ozon-setup input,.ozon-setup select { width:100%; max-width:100%; min-width:0; box-sizing:border-box; }
  .ozon-setup label { display:block; margin-top:16px; }
  .ozon-setup form button { margin-top:16px; }
  .ozon-steps { list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:12px; margin:0 0 24px; }
  .ozon-steps li { display:flex; align-items:center; gap:8px; color:#657188; font-size:14px; }
  .ozon-steps li span { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#e1e6ef; flex-shrink:0; }
  .ozon-steps [aria-current] { color:#005bff; font-weight:600; }
  .ozon-steps [aria-current] span { background:#eaf2ff; }
  .ozon-instructions { padding-left:24px; }
  .ozon-instructions li { margin-bottom:16px; line-height:1.55; }
  .ozon-details { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:12px; }
  .ozon-details dt { color:#657188; }.ozon-details dd { margin:0; overflow-wrap:anywhere; }
  #ozon-message:not(:empty) { background:#fff4df; padding:16px; border-radius:10px; }
}

@media screen {
 #cabinet-ozon-status { flex-basis:100%; display:flex; flex-wrap:wrap; gap:8px 24px; color:var(--cabinet-muted); font-size:13px; }
 #cabinet-ozon-status[hidden], #cabinet-ozon-refresh[hidden] { display:none; }
 .ozon-list-filters { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin:20px 0; }
 .cabinet-content main .ozon-list-filters>label { display:flex; align-items:center; gap:12px; flex:1 1 340px; min-width:0; margin:0; }
 .cabinet-content main #ozon-list-warehouse { appearance:none; flex:1; width:100%; margin:0; padding-right:40px; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23657188' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center; cursor:pointer; }
 .cabinet-content main .ozon-list-filters .supply-tabs { flex:2 1 480px; margin:0; }
 .ozon-posting-dates { display:flex; flex-wrap:wrap; gap:0 24px; }
 .ozon-product-list { list-style:none; padding:0; margin:0; }
 .ozon-product-list li { display:flex; justify-content:space-between; gap:20px; padding:12px 0; }
 .ozon-product-list li+li { border-top:1px solid var(--cabinet-border); }
 .ozon-posting-footer { border-top:1px solid var(--cabinet-border); margin-top:16px; padding-top:12px; }
 .ozon-posting-footer p { margin:4px 0; }
 .cabinet-content main .ozon-product-list h3 { margin:0 0 10px; font-size:18px; font-weight:600; }
 .ozon-discount-deadline { color:var(--cabinet-accent); font-weight:600; }
 .ozon-product-list li>div { min-width:0; flex:1; }
 .cabinet-content main button.ozon-photo-open { flex:0 0 80px; width:80px; min-height:107px; padding:0; margin:0; border:0; background:white; line-height:0; align-self:start; }
 .ozon-photo-open img { display:block; width:80px; height:107px; object-fit:contain; border-radius:8px; }
 .ozon-no-photo { flex:0 0 80px; width:80px; color:var(--cabinet-muted); font-size:13px; }
 .ozon-product-list li>strong { flex-shrink:0; }
 .ozon-product-list p { margin:4px 0 0; }
 #ozon-postings :is(p,strong,h2) { overflow-wrap:anywhere; }
}
@media screen and (max-width:480px) {
 .ozon-product-list li { display:grid; grid-template-columns:64px minmax(0,1fr); gap:8px 12px; }
 .cabinet-content main button.ozon-photo-open, .ozon-photo-open img { width:64px; min-height:86px; height:86px; }
 .ozon-no-photo { width:64px; }
 .ozon-product-list li>strong { grid-column:2; }
}

@media screen {
 #cabinet-ozon-refresh { flex-shrink:0; border-radius:50%; color:var(--cabinet-accent); }
 #cabinet-ozon-refresh.refresh-running svg { animation:wb-refresh-spin 1s linear infinite; }
}
@media(prefers-reduced-motion:reduce) { #cabinet-ozon-refresh.refresh-running svg { animation:none; } }

@media screen {
 .ozon-selection { display:flex; flex-wrap:wrap; align-items:center; gap:12px 16px; margin:20px 0; padding:16px; border:1px solid var(--cabinet-border); border-radius:14px; background:white; }
 .cabinet-content main .ozon-selection label, .cabinet-content main .ozon-select-row label { display:flex; align-items:center; gap:10px; margin:0; min-height:44px; cursor:pointer; }
 .cabinet-content main :is(.ozon-selection,.ozon-select-row) input[type=checkbox] { width:22px; height:22px; min-height:22px; flex-shrink:0; margin:0; accent-color:var(--cabinet-accent); }
 .ozon-select-row { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
 .cabinet-content main .ozon-select-row label { min-width:44px; justify-content:center; }
 .cabinet-content main .ozon-select-row h2 { margin:0; }
 .cabinet-content main button.ozon-text-action { background:transparent; border:0; padding:6px 0; color:var(--cabinet-accent); text-decoration:underline; text-underline-offset:3px; }
 #ozon-selection-message { flex-basis:100%; font-size:13px; color:var(--cabinet-muted); }
 #ozon-selection-message:empty { display:none; }
 .ozon-supply-dialog { box-sizing:border-box; width:min(94vw,560px); max-height:90dvh; overflow:auto; border:0; border-radius:14px; padding:24px; color:var(--cabinet-ink); background:white; }
 .ozon-supply-dialog::backdrop { background:rgb(0 0 0 / 55%); }
 .ozon-supply-dialog input,.ozon-supply-dialog select { box-sizing:border-box; width:100%; min-width:0; font:inherit; min-height:44px; padding:10px 12px; border:1px solid var(--cabinet-border); border-radius:10px; background:white; color:inherit; }
 .ozon-supply-dialog select { appearance:none; padding-right:40px; background:white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23657188' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center; }
 .ozon-supply-dialog button { min-height:44px; font:inherit; margin-top:16px; }
 .ozon-supply-dialog [data-message] { color:#a63a32; overflow-wrap:anywhere; }
 .ozon-supply-dialog :focus-visible { outline:3px solid #9aade0; outline-offset:3px; }
 .ozon-supply-dialog [hidden] { display:none; }
 .cabinet-content main .ozon-workspace-tabs a { display:block; padding:10px 2px; min-height:44px; box-sizing:border-box; text-decoration:none; font-size:15px; color:var(--cabinet-muted); }
 .cabinet-content main .ozon-workspace-tabs a[aria-current=page] { color:var(--cabinet-accent); border-bottom:2px solid var(--cabinet-accent); }
}
/* Cancellation filters: icon, label and count remain clear on mobile. */
.cancellation-badge{display:inline-flex;align-items:center;gap:8px;min-height:44px;box-sizing:border-box;padding:8px 12px;margin:8px 0;color:#a32029;background:#fff0f1;border:1px solid #e5a0a5;border-radius:10px;font-weight:600;text-decoration:none;max-width:100%}
.cancellation-badge svg{flex:none}
.cancellation-badge strong{background:#b4232d;color:white;min-width:24px;padding:2px 6px;border-radius:12px;text-align:center}
a.cancellation-badge:hover{background:#ffe1e4}
.cancellation-card{border-left:4px solid #b4232d}

@media screen {
.supply-compact {display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.supply-compact>div:first-child {flex:1;min-width:180px}
.supply-compact h2 {margin:0 0 6px}
.supply-compact .actions {margin:0}
.supply-more {position:relative}
.supply-more>summary {cursor:pointer;min-width:44px;min-height:44px;display:grid;place-items:center;font-size:24px;list-style:none}
.supply-more>div {position:absolute;right:0;z-index:3;min-width:190px;background:white;padding:8px;border:1px solid var(--cabinet-border,#e1e6ef);border-radius:10px;box-shadow:0 8px 20px #19233622}
.supply-stage {display:inline-block;padding:6px 10px;border-radius:8px;background:#eef1f9;color:#40547e;font-size:14px}
.supply-order {display:flex;justify-content:space-between;gap:12px;align-items:start;flex-wrap:wrap}
.supply-order p {margin:6px 0}
@media(max-width:600px){.supply-compact{gap:12px}.supply-compact>.actions{width:100%}.supply-compact>.actions>button{flex:1}.supply-order{display:block}}
}

@media screen {
#app-update-notice:not([hidden]) {display:flex;align-items:center;gap:16px;margin:16px 24px 0;padding:14px 16px;border:1px solid #cbd5f0;border-radius:12px;background:#edf1fc;color:#243047;font-size:14px}
#app-update-notice>div {flex:1;min-width:0}
#app-update-notice p {margin:4px 0 0;line-height:1.45}
#app-update-notice [data-update-hint]:empty {display:none}
#app-update-notice button {flex-shrink:0;min-height:44px;background:#4964bd;color:white}
@media(min-width:1100px){#app-update-notice:not([hidden]){margin-left:36px;margin-right:36px}}
@media(max-width:600px){#app-update-notice:not([hidden]){margin:12px 16px 0;padding:12px;gap:10px;flex-wrap:wrap}#app-update-notice button{margin-left:auto}}
}
@media print {#app-update-notice {display:none!important}}

/* Shared WB/Ozon supply presentation; screen-only, no packing print changes. */
@media screen {
.supply-filters{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}.supply-filters label{display:grid;gap:6px;flex:1;min-width:150px;color:#657188}.supply-filters select{width:100%}
.supply-compact{position:relative;display:grid;grid-template-columns:minmax(190px,2fr) minmax(80px,.7fr) minmax(140px,1.2fr) minmax(150px,1fr) 44px;gap:24px;align-items:center;transition:background .15s,border-color .15s}.supply-compact>div:first-child{min-width:0}.supply-compact p{margin:6px 0}.supply-card-link{color:inherit;text-decoration:none}.supply-card-link:after{content:"";position:absolute;inset:0;border-radius:14px}.supply-compact:hover{background:#f8faff;border-color:#bac7e8}.supply-compact:focus-within{outline:2px solid #4964bd;outline-offset:2px}.supply-compact:active{background:#edf1fc}.supply-more,.supply-compact .cancellation-badge{position:relative;z-index:1}.supply-more a{display:block;padding:12px;color:inherit;white-space:nowrap}.supply-warehouse{min-width:0;overflow-wrap:anywhere}
.supply-metrics{display:flex;gap:20px 32px;flex-wrap:wrap;margin:20px 0}.supply-metrics>div{display:flex;align-items:baseline;gap:10px}.supply-metrics dt{color:#657188}.supply-metrics dd{margin:0;font-weight:600;color:#243047}.supply-compact .supply-metrics{margin:0}.supply-heading-status{margin-bottom:12px}.supply-steps{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.supply-steps>section{padding:20px;border:1px solid #e1e6ef;border-radius:14px;background:#fff}.supply-steps>section.is-current{background:#edf1fc;border-color:#a7b7e3}.supply-steps h2{font-size:18px;margin-top:0}.supply-steps .actions{margin-bottom:0}.supply-order{display:block}.product-uins{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.supply-order .ozon-product-list li>div{min-width:0}.supply-order .photo-open{flex-shrink:0}.supply-order .ozon-product-list{list-style:none;padding:0}
@media(max-width:1000px){.supply-compact{grid-template-columns:minmax(0,2fr) minmax(0,1fr) 44px;gap:16px}.supply-identity{grid-column:1/3}.supply-more{grid-column:3;grid-row:1}.supply-list-count{grid-column:1}.supply-warehouse{grid-column:1/3}.supply-steps{grid-template-columns:1fr}}
@media(max-width:480px){.supply-filters{gap:10px}.supply-filters label{min-width:100%;}.supply-compact{grid-template-columns:minmax(0,1fr) 44px}.supply-identity{grid-column:1}.supply-more{grid-column:2}.supply-compact>div{grid-column:1/3}.supply-compact>.supply-identity{grid-column:1}.supply-metrics{gap:12px 20px}.supply-steps>section{padding:16px}}
}

/* One visual language for nested WB/Ozon work screens; printing untouched. */
@media screen {
.cabinet-workflow main .workflow-packing{max-width:1100px;margin:0 auto 0 0}
.cabinet-workflow main .workflow-packing>p{margin:12px 0;color:var(--cabinet-muted)}
.cabinet-workflow main .workflow-packing .card{padding:20px;border-radius:14px;border:1px solid var(--cabinet-border);box-shadow:none;background:var(--cabinet-surface,#fff)}
.cabinet-workflow main .workflow-packing h2{font-size:18px;line-height:1.4;margin:0 0 12px;font-weight:600}
.cabinet-workflow main .workflow-packing .packing-counts{padding:16px 20px;margin:16px 0;background:#e9edf5}
.cabinet-workflow main .workflow-packing .packing-counts .supply-metrics{margin:0}
.cabinet-workflow main .workflow-tools{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}
.cabinet-workflow main .workflow-product{display:flex;align-items:flex-start;gap:16px;margin:0 0 16px;min-width:0}
.cabinet-workflow main .workflow-product>div{min-width:0;flex:1}.cabinet-workflow main .workflow-product>.ow-pack-photo{flex:0 0 auto}
.cabinet-workflow main .workflow-product img{width:80px;height:107px;object-fit:contain;border-radius:8px;flex-shrink:0}
.cabinet-workflow main .workflow-product p{margin:6px 0;overflow-wrap:anywhere}
.cabinet-workflow main .workflow-product .packing-size{font-size:18px}
.cabinet-workflow main .workflow-history>details,.cabinet-workflow main #ow-pack-list>p{border:1px solid var(--cabinet-border);border-radius:10px;padding:12px;margin:10px 0;background:#fff}
.cabinet-workflow main .workflow-history summary{line-height:1.65;overflow-wrap:anywhere;cursor:pointer}
.cabinet-workflow main #ow-pack-list a{display:block;color:var(--cabinet-text);text-decoration:none;line-height:1.6}
.cabinet-workflow main #ow-pack-list a:hover{color:var(--cabinet-accent)}
.cabinet-workflow main .workflow-packing .packing-number{font-size:18px;overflow-wrap:anywhere;line-height:1.6}
.cabinet-workflow main .workflow-packing #packing-scan input,.cabinet-workflow main .workflow-packing #ow-scan input{height:52px;font-size:20px;letter-spacing:1px}
.cabinet-workflow main .workflow-packing .packing-controls{display:flex;gap:10px;flex-wrap:wrap}
.cabinet-workflow main .workflow-packing .packing-controls:empty{display:none}
.cabinet-workflow main .workflow-packing .packing-status{border-radius:8px;padding:6px 10px;display:inline-block;font-size:14px}
@media(max-width:600px){.cabinet-workflow main .workflow-packing .card{padding:16px}.cabinet-workflow main .workflow-packing .packing-counts{padding:14px}.cabinet-workflow main .workflow-tools>button{width:100%}.cabinet-workflow main .workflow-product{gap:12px}.cabinet-workflow main .workflow-product img{width:64px;height:86px}}
}

@media screen {
 .cabinet-content .list-pagination {display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px 0;padding:12px;border:1px solid var(--cabinet-border);border-radius:12px;background:var(--cabinet-surface)}
 .cabinet-content .list-pagination a,.cabinet-content .list-pagination button {display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:10px 14px;border:1px solid var(--cabinet-border);border-radius:10px;background:var(--cabinet-surface);font:inherit;font-size:14px;text-decoration:none;color:var(--cabinet-ink)}
 .cabinet-content .list-pagination span {font-size:14px;color:var(--cabinet-muted)}
 .order-bought {display:inline-block;padding:6px 10px;border-radius:8px;background:#d9f3e5;color:#16633b;font-size:14px;font-weight:650;vertical-align:middle}
 .order-uin {overflow-wrap:anywhere}.order-uin button {margin-left:6px}
 .uin-comparison {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
 .uin-comparison section {padding:12px;background:var(--cabinet-surface);border:1px solid var(--cabinet-border);border-radius:10px;min-width:0;overflow-wrap:anywhere}
 .uin-comparison h4 {margin:0 0 12px}.uin-difference {background:#fff2d2;color:#725214;padding:6px;border-radius:6px}
 .ur-coverage {line-height:1.9;overflow-wrap:anywhere}
}