/* DRAGUM working UI. Carbon informs structure only; no Carbon code or IBM assets.
 One shared screen layer, deliberately excluded from physical label printing.
 Decorative shadows are removed at their owning declarations, not by a reset. */
@font-face{font-family:Inter;src:url('/assets/fonts/Inter-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
/* Official designer artwork remains byte-for-byte unchanged. Show its clear-space
   viewport (42,42,343,91) without scaling either axis differently. */
.dg-brand-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex:none;text-decoration:none}
.dg-brand-link:focus-visible{outline:3px solid var(--dragum-petrol);outline-offset:3px;border-radius:3px}
.dg-brand-link .dg-brand-viewport{--dg-brand-width:166px;display:block;position:relative;width:var(--dg-brand-width);height:calc(var(--dg-brand-width) * 91 / 343);overflow:hidden;flex:none;margin:0;padding:0}
.sidebar-brand .dg-brand-link .dg-brand-viewport{--dg-brand-width:152px}
.dg-brand-link .dg-brand-viewport .dg-brand-image{display:block;position:absolute;left:calc(var(--dg-brand-width) * -42 / 343);top:calc(var(--dg-brand-width) * -42 / 343);width:calc(var(--dg-brand-width) * 427 / 343);height:calc(var(--dg-brand-width) * 175 / 343);max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;object-fit:fill}
@media screen {
  :root {
    --dragum-petrol:#0B4F4A;--dragum-graphite:#111827;--dragum-light:#F8FAFB;--dragum-teal:#14B8A6;
    --dg-border:#d9e1e5;--dg-muted:#526272;--dg-radius:8px;--dg-control:44px;--dg-sidebar:224px;
    --dg-control-border:#b7c4cc;--dg-control-hover:#edf3f3;
    --dg-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23526272' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    --cabinet-bg:var(--dragum-light);--cabinet-ink:var(--dragum-graphite);--cabinet-muted:var(--dg-muted);
    --cabinet-border:var(--dg-border);--cabinet-accent:var(--dragum-petrol);--cabinet-accent-hover:#083d39;
    --cabinet-sidebar:var(--dragum-graphite);--cabinet-focus:var(--dragum-petrol);--cabinet-radius:var(--dg-radius);
    --bg:var(--dragum-light);--surface:#fff;--ink:var(--dragum-graphite);--muted:var(--dg-muted);
    --border:var(--dg-border);--accent:var(--dragum-petrol);--menu:var(--dragum-graphite);
  }
  :root .cabinet-link{background:var(--dragum-petrol)}
  :root .cabinet-link:hover{background:#083d39}
  :root .cabinet-link:focus-visible{outline:3px solid var(--dragum-petrol);outline-offset:3px}
  body{font-family:Inter,system-ui,'Segoe UI',sans-serif}
  .dg-icon{display:inline-block;vertical-align:middle;flex:none;pointer-events:none}
  /* Compact copy/check glyphs share the existing 44px keyboard/touch controls. */
  :is(.ui-copy,.copy-control)>.ui-icon{width:14px;height:14px}
  :is(.cabinet-active,.dragum-catalog) :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--dragum-petrol);outline-offset:3px}
  :is(#cabinet-menu,#product-menu) :is(button,a,summary):focus-visible{outline-color:var(--dragum-teal)}
  /* WHY: a focused field redraws its existing edge, so dense labels stay clear.
     Checkbox/radio drawing and browser-native validation are left intact. */
  body :is(input:not([type=checkbox],[type=radio]),select,textarea):focus {
    outline:1px solid var(--dragum-petrol);
    outline-offset:-1px;
    box-shadow:none;
  }
  @media(forced-colors:active) {
    body :is(input:not([type=checkbox],[type=radio]),select,textarea):focus {
      outline-color:Highlight;
    }
  }
  :is(#cabinet-menu,#product-menu){box-sizing:border-box;width:var(--dg-sidebar);max-width:calc(100vw - 36px);height:100dvh;max-height:100dvh;inset:0 auto 0 0;margin:0;padding:18px 10px 14px;border:0;border-radius:0;background:var(--dragum-graphite);color:#dce5eb;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
  #cabinet-menu{position:fixed}
  /* The frozen catalogue header centers children through 1100px; this is a vertical drawer at every width. */
  .dragum-catalog #product-menu{position:fixed;flex-direction:column;align-items:stretch;justify-content:flex-start;z-index:4}
  .dragum-catalog #product-menu:not([open]){display:none}
  .dragum-catalog #product-menu[open]{display:flex}
  :is(#cabinet-menu,#product-menu)::backdrop{background:rgb(17 24 39 / 48%)}
  :is(#cabinet-menu,#product-menu) .sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 20px;min-height:44px}
  .sidebar-brand>a{display:inline-flex;align-items:center;flex:none}
  :is(#menu-close,#product-menu-close){display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;min-width:36px;min-height:44px;height:44px;padding:0;border:0;border-radius:6px;background:transparent;color:#dce5eb}
  :is(#cabinet-navigation,#product-navigation){display:flex;flex-direction:column;gap:3px;margin:0}
  :is(#cabinet-navigation,#product-navigation) :is(a,summary){box-sizing:border-box;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px;border:0;border-radius:6px;color:#cad5df;background:transparent;font:500 13px/1.35 Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer;overflow-wrap:normal}
  :is(#cabinet-navigation,#product-navigation) :is(a,summary)>span:not(.marketplace-mark){flex:1;min-width:0;overflow-wrap:anywhere}
  :is(#cabinet-navigation,#product-navigation) :is(a,summary):hover{background:#243242;color:#fff}
  :is(#cabinet-navigation,#product-navigation) a[aria-current]{background:#2b3544;box-shadow:none;color:#fff}
  :is(#cabinet-navigation,#product-navigation) summary{list-style:none}
  :is(#cabinet-navigation,#product-navigation) summary::-webkit-details-marker{display:none}
  :is(#cabinet-navigation,#product-navigation) summary>.dg-icon:last-child{width:16px;height:16px;color:#9eafbb;transform:rotate(-90deg)}
  :is(#cabinet-navigation,#product-navigation) details[open]>summary>.dg-icon:last-child{transform:rotate(0)}
  .dg-nav-group{margin:0}
  :is(#cabinet-navigation,#product-navigation) .dg-nav-children{margin:2px 0 5px 20px;padding-left:7px;border-left:1px solid #354454}
  :is(#cabinet-navigation,#product-navigation) .dg-nav-children a{font-size:12px;padding:9px 7px;gap:8px}
  :is(#cabinet-navigation,#product-navigation) .dg-nav-children :is(.dg-icon,.marketplace-mark){width:19px;height:19px}
  :is(#cabinet-navigation,#product-navigation) .marketplace-mark{display:inline-flex;justify-content:center;align-items:center;flex:none;width:22px;height:22px;border-radius:4px}
  :is(#cabinet-navigation,#product-navigation) .marketplace-mark img{width:19px;height:18px;object-fit:contain}
  #product-navigation .marketplace-wb{background:#7f30e3}#product-navigation .marketplace-ozon{background:#eaf2ff}
  .sidebar-bottom,.dragum-catalog .global-bottom{margin-top:18px;padding:14px 10px 0;border-top:1px solid #354454;font-size:12px;color:#9eafbb;overflow-wrap:anywhere}
  .sidebar-bottom p{font-size:12px;margin-bottom:6px}.sidebar-bottom :is(a,button){min-height:44px;font-size:12px;color:#cad5df}
  .dragum-catalog .global-bottom{display:block;min-width:0;margin-top:auto;padding-top:12px}
  .dragum-catalog .global-bottom p{min-width:0;margin:0 0 8px;line-height:1.4;overflow-wrap:anywhere}
  /* WHY: sign-out remains a visible keyboard/touch action in the dark sidebar. */
  #product-signout{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid #465463;border-radius:6px;background:transparent;color:#dce5eb;font:500 13px/1.4 Inter,system-ui,sans-serif}
  #product-signout:hover{background:#2b3544;border-color:#68788a;color:#fff}
  #product-signout:focus-visible{outline:3px solid var(--dragum-teal);outline-offset:3px}
  .dragum-catalog .workspace{display:block;min-width:0;margin:0 2px 12px;padding:8px 10px;border:1px solid #354454;border-radius:6px;color:#c6d1db;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
  .cabinet-active #cabinet-topbar,.dragum-catalog .topbar{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:64px;height:auto;margin:0;padding:10px 24px;border-bottom:1px solid var(--dg-border);background:#fff;font-size:13px;color:var(--dg-muted)}
  .cabinet-active #cabinet-topbar,.dragum-catalog .topbar{flex-wrap:nowrap;align-content:center}
  .cabinet-active[data-shell-status] #cabinet-topbar{min-height:64px}
  /* One header row; intermediate ancestors collapse into an accessible menu. */
  .cabinet-active #cabinet-breadcrumbs,.dragum-catalog .dg-product-crumbs{display:block;flex:1 1 0;min-width:0;width:auto;margin:0}
  .dg-breadcrumbs{font:400 13px/1.4 Inter,system-ui,sans-serif;color:var(--dg-muted);min-width:0}
  .dg-breadcrumbs .dg-breadcrumb-list{display:flex;flex-wrap:nowrap;align-items:center;gap:0 10px;list-style:none;padding:0;margin:0;min-width:0}
  .dg-breadcrumbs .dg-breadcrumb{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%;padding:0;margin:0;flex:none}
  .dg-breadcrumbs .dg-breadcrumb>a,.dg-breadcrumbs .dg-breadcrumb>span:not(.dg-breadcrumb-separator){display:flex;align-items:center;min-height:44px;min-width:0;color:inherit;white-space:nowrap;text-decoration:none}
  .dg-breadcrumbs .dg-breadcrumb>a:hover{text-decoration:underline;text-underline-offset:3px}
  .dg-breadcrumbs .dg-breadcrumb>a:focus-visible{outline:3px solid var(--dragum-petrol);outline-offset:3px;border-radius:2px}
  .dg-breadcrumbs .dg-breadcrumb-separator{flex:none;color:var(--dg-muted)}
  #cabinet-navigation-actions,#cabinet-page-status{display:none}
  .cabinet-active #cabinet-navigation-actions{display:flex;align-items:center;gap:8px;flex:none}
  .cabinet-active #cabinet-navigation-actions>.icon-button{flex:0 0 44px;min-width:44px;min-height:44px;width:44px;height:44px;padding:0;border:1px solid var(--dg-border);border-radius:6px}
  /* Saved dates and warnings remain live status, visually separate from navigation. */
  .cabinet-active #cabinet-page-status:has(>[role="status"]:not([hidden]):not(:empty)){display:block;padding:8px 24px;border-bottom:1px solid var(--dg-border);background:var(--dragum-light);color:var(--dg-muted)}
  .cabinet-active #cabinet-page-status>[role="status"]{min-width:0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
  .cabinet-active #cabinet-page-status>[role="status"][hidden]{display:none}
  .support-page .support-crumbs.dg-breadcrumbs{display:block;padding-top:10px;padding-bottom:10px}
  .support-page.ui-history .support-header{background:#fff;border-bottom:1px solid var(--dg-border);color:var(--dg-muted)}
  .dragum-catalog .topbar button.icon{width:44px;min-height:44px;flex:none;border-color:var(--dg-border);border-radius:6px}
  .cabinet-active:not(.cabinet-workflow) main{width:auto;max-width:none;padding:20px 24px 28px}
  .dragum-catalog .shell{margin-left:0}
  .dragum-catalog main{max-width:none;padding:20px 24px 28px}
  .cabinet-active:not(.cabinet-workflow) main :is(h1,.page-heading h1),.dragum-catalog main h1{font-size:24px;font-weight:650;line-height:1.3;letter-spacing:-.5px}
  .cabinet-active:not(.cabinet-workflow) main>h1{margin:0 0 18px}
  .cabinet-active:not(.cabinet-workflow) .page-heading{margin:0 0 18px;min-height:40px}
  .cabinet-active:not(.cabinet-workflow) main h2{font-size:18px;line-height:1.4;font-weight:600}
  .cabinet-active:not(.cabinet-workflow) main{font-size:14px;line-height:1.5}
  .cabinet-active:not(.cabinet-workflow) main .card{padding:16px;border:1px solid var(--dg-border);border-radius:var(--dg-radius);box-shadow:none}
  .cabinet-active:not(.cabinet-workflow) main :is(button,.button){border-radius:var(--dg-radius);font-size:14px;min-height:var(--dg-control);padding:8px 12px}
  .cabinet-active:not(.cabinet-workflow) main :is(input:not([type=checkbox],[type=radio]),select,textarea){max-width:100%;min-height:var(--dg-control);border-color:var(--dg-control-border);border-radius:var(--dg-radius);padding:8px 12px;font-size:16px;background-color:#fff;color:var(--dragum-graphite)}
  /* Same native select/field affordances in both existing shells. A system picker
     remains the fallback; no replacement widget or field/query logic is introduced. */
  :is(body:is(.cabinet-active:not(.cabinet-workflow),.dragum-catalog) :is(main,#content,dialog:not(#cabinet-menu,#product-menu)),:is(.cabinet-auth :is(#signin,#activate),.cabinet-active .ui-standard-controls,.cabinet-active dialog.ui-dialog:not(.packing-dialog,.ozon-workflow),.cabinet-active dialog.ui-dialog.catalog-dialog)) :is(input:not([type=checkbox],[type=radio],[type=file]),select):hover:not(:disabled,[aria-invalid=true]) { border-color:#8b9da8; }
  :is(body:is(.cabinet-active:not(.cabinet-workflow),.dragum-catalog) :is(main,#content,dialog:not(#cabinet-menu,#product-menu)),:is(.cabinet-auth :is(#signin,#activate),.cabinet-active .ui-standard-controls,.cabinet-active dialog.ui-dialog:not(.packing-dialog,.ozon-workflow),.cabinet-active dialog.ui-dialog.catalog-dialog)) select:not([multiple]) { appearance:none; padding-right:44px; background-image:var(--dg-chevron); background-position:right 12px center; background-size:20px; background-repeat:no-repeat; }
  @supports (appearance:base-select) {
    :is(body:is(.cabinet-active:not(.cabinet-workflow),.dragum-catalog) :is(main,#content,dialog:not(#cabinet-menu,#product-menu)),:is(.cabinet-auth :is(#signin,#activate),.cabinet-active .ui-standard-controls,.cabinet-active dialog.ui-dialog:not(.packing-dialog,.ozon-workflow),.cabinet-active dialog.ui-dialog.catalog-dialog)) select:not([multiple]),
    :is(body:is(.cabinet-active:not(.cabinet-workflow),.dragum-catalog) :is(main,#content,dialog:not(#cabinet-menu,#product-menu)),:is(.cabinet-auth :is(#signin,#activate),.cabinet-active .ui-standard-controls,.cabinet-active dialog.ui-dialog:not(.packing-dialog,.ozon-workflow),.cabinet-active dialog.ui-dialog.catalog-dialog)) select:not([multiple])::picker(select) { appearance:base-select; }
    :is(body:is(.cabinet-active:not(.cabinet-workflow),.dragum-catalog) :is(main,#content,dialog:not(#cabinet-menu,#product-menu)),:is(.cabinet-auth :is(#signin,#activate),.cabinet-active .ui-standard-controls,.cabinet-active dialog.ui-dialog:not(.packing-dialog,.ozon-workflow),.cabinet-active dialog.ui-dialog.catalog-dialog)) select:not([multiple]) { display:flex; flex-direction:row; justify-content:space-between; padding-inline:12px; background-image:none; align-items:center; gap:8px; height:var(--dg-control); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; }
    :is(body:is(.cabinet-active:not(.cabinet-workflow),.dragum-catalog) :is(main,#content,dialog:not(#cabinet-menu,#product-menu)),:is(.cabinet-auth :is(#signin,#activate),.cabinet-active .ui-standard-controls,.cabinet-active dialog.ui-dialog:not(.packing-dialog,.ozon-workflow),.cabinet-active dialog.ui-dialog.catalog-dialog)) select:not([multiple])::picker-icon { content:''; flex:none; width:20px; height:20px; margin-left:12px; background:var(--dg-chevron) center/20px no-repeat; }
    :is(body:is(.cabinet-active:not(.cabinet-workflow),.dragum-catalog) :is(main,#content,dialog:not(#cabinet-menu,#product-menu)),:is(.cabinet-auth :is(#signin,#activate),.cabinet-active .ui-standard-controls,.cabinet-active dialog.ui-dialog:not(.packing-dialog,.ozon-workflow),.cabinet-active dialog.ui-dialog.catalog-dialog)) select:open::picker-icon { transform:rotate(180deg); }
    :is(body:is(.cabinet-active:not(.cabinet-workflow),.dragum-catalog) :is(main,#content,dialog:not(#cabinet-menu,#product-menu)),:is(.cabinet-auth :is(#signin,#activate),.cabinet-active .ui-standard-controls,.cabinet-active dialog.ui-dialog:not(.packing-dialog,.ozon-workflow),.cabinet-active dialog.ui-dialog.catalog-dialog)) select::picker(select) { padding:4px; margin-block:4px; border:1px solid var(--dg-control-border); border-radius:var(--dg-radius); background:#fff; color:var(--dragum-graphite); box-shadow:none; max-height:min(284px,60dvh); overflow:auto; font:400 14px/1.4 Inter,system-ui,sans-serif; }
    :is(body:is(.cabinet-active:not(.cabinet-workflow),.dragum-catalog) :is(main,#content,dialog:not(#cabinet-menu,#product-menu)),:is(.cabinet-auth :is(#signin,#activate),.cabinet-active .ui-standard-controls,.cabinet-active dialog.ui-dialog:not(.packing-dialog,.ozon-workflow),.cabinet-active dialog.ui-dialog.catalog-dialog)) select option { display:flex; align-items:center; gap:8px; min-height:var(--dg-control); padding:8px 12px; border-radius:4px; background:#fff; color:var(--dragum-graphite); white-space:normal; overflow-wrap:anywhere; }
    :is(body:is(.cabinet-active:not(.cabinet-workflow),.dragum-catalog) :is(main,#content,dialog:not(#cabinet-menu,#product-menu)),:is(.cabinet-auth :is(#signin,#activate),.cabinet-active .ui-standard-controls,.cabinet-active dialog.ui-dialog:not(.packing-dialog,.ozon-workflow),.cabinet-active dialog.ui-dialog.catalog-dialog)) select option:checked { background:var(--dg-control-hover); color:var(--dragum-petrol); }
    :is(body:is(.cabinet-active:not(.cabinet-workflow),.dragum-catalog) :is(main,#content,dialog:not(#cabinet-menu,#product-menu)),:is(.cabinet-auth :is(#signin,#activate),.cabinet-active .ui-standard-controls,.cabinet-active dialog.ui-dialog:not(.packing-dialog,.ozon-workflow),.cabinet-active dialog.ui-dialog.catalog-dialog)) select option:hover { background:var(--dg-control-hover); }
    :is(body:is(.cabinet-active:not(.cabinet-workflow),.dragum-catalog) :is(main,#content,dialog:not(#cabinet-menu,#product-menu)),:is(.cabinet-auth :is(#signin,#activate),.cabinet-active .ui-standard-controls,.cabinet-active dialog.ui-dialog:not(.packing-dialog,.ozon-workflow),.cabinet-active dialog.ui-dialog.catalog-dialog)) select option::checkmark { order:1; margin-left:auto; color:var(--dragum-petrol); }
  }
  .cabinet-content main .page-heading:has(>#cabinet-wb-refresh,>#cabinet-ozon-refresh) { gap:4px; }
  .cabinet-active:not(.cabinet-workflow) main :is(input[type=checkbox],input[type=radio]){accent-color:var(--dragum-petrol)}
  .cabinet-active:not(.cabinet-workflow) main button.primary,.cabinet-active dialog.ui-dialog button.primary{background:var(--dragum-petrol);border-color:var(--dragum-petrol);color:#fff}
  .cabinet-active:not(.cabinet-workflow) main button.primary:hover{background:#083d39;border-color:#083d39}
  .cabinet-active:not(.cabinet-workflow) main :is(.icon-button,.ui-copy){width:44px;height:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}
  .cabinet-active .workspace-tabs{gap:20px;margin:12px 0 16px}
  .cabinet-active .workspace-tabs button{font-size:14px;padding:10px 2px;border-radius:0}
  .cabinet-active main :is(.workspace-tabs button,.ozon-workspace-tabs a)[aria-current]{background:#edf0f2;color:var(--dragum-graphite);border-bottom:0;box-shadow:none}
  .cabinet-active .dashboard-priority{margin:0 0 20px;gap:12px}
  .cabinet-active .dashboard-grid{gap:12px}
  .cabinet-active :is(.section-card,.equipment-card){padding:16px;border:1px solid var(--dg-border);border-radius:var(--dg-radius);box-shadow:none;background:#fff}
  .cabinet-active .section-card:hover,.cabinet-active .equipment-card:hover{border-color:#92b8b2;box-shadow:none}
  .cabinet-active .section-card h2{color:var(--dragum-graphite);font-size:16px;margin:12px 0 5px}
  .cabinet-active .section-card p{font-size:13px;color:var(--dg-muted);padding-right:0}
  .cabinet-active .tile-icon{background:#eaf4f2;border-radius:8px;color:var(--dragum-petrol)}
  .cabinet-active .dashboard-heading{font-size:12px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.6px;color:var(--dg-muted)}
  .cabinet-active .dg-card-heading{display:flex;min-width:0;align-items:center;gap:12px;padding-right:20px}
  .cabinet-active .dg-card-heading h2{min-width:0;margin:0;font-size:15px;overflow-wrap:anywhere}
  .cabinet-active .dg-section-card{min-width:0;align-self:start}
  .cabinet-active .dg-section-links{display:flex;flex-direction:column;margin:12px -4px -4px}
  .cabinet-active .dg-section-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px;border-radius:5px;color:var(--dg-muted);font-size:13px;text-decoration:none}
  .cabinet-active .dg-section-links a:hover{background:#edf5f3;color:var(--dragum-petrol)}
  .cabinet-active .dg-section-links a{min-width:0;overflow-wrap:anywhere}
  .cabinet-active .dg-section-links a>span{min-width:0}
  .cabinet-active .dg-section-links a .dg-icon{width:16px;height:16px}
  .cabinet-active .tile-arrow{top:24px;right:14px;color:#7c929d}
  .cabinet-active:not(.cabinet-workflow) main .list-pagination{gap:16px;margin:16px 0}
  .cabinet-active:not(.cabinet-workflow) main .product-catalog .catalog-filters{padding:16px;margin-bottom:16px;border-radius:var(--dg-radius);gap:12px}
  .cabinet-active:not(.cabinet-workflow) main .product-catalog table{font-size:13px}
  .cabinet-active:not(.cabinet-workflow) main .product-catalog :is(th,td){padding:8px 12px;line-height:1.4}
  .product-catalog :is(tbody tr:hover,tr:focus-within),.directory-table tbody tr:hover{background:#edf5f3}
  .cabinet-active:not(.cabinet-workflow) main .product-catalog .catalog-name{padding:0;font-size:14px;text-align:left;line-height:1.4}
  .catalog-status{border-radius:4px;padding:3px 7px;background:#f0f3f5;font-size:12px}
  .catalog-status.matched{background:#e6f3ec;color:#236746}.catalog-status.review{background:#fff0eb;color:#9a3c27}.catalog-status.unmatched{background:#fff5df;color:#80561e}
  .cabinet-active .directory-table :is(th,td){padding:8px 12px;font-size:13px}
  .cabinet-active .directory-table th{background:#f0f4f5;color:var(--dg-muted);font-weight:600}
  .cabinet-active:not(.cabinet-workflow) dialog.ui-dialog{border-radius:10px}
  /* Ordinary form affordances also apply to matching and employee dialogs.
     The common control geometry below also covers the warehouse workflows. */
  :is(.cabinet-auth :is(#signin,#activate),.cabinet-active .ui-standard-controls,.cabinet-active dialog.ui-dialog:not(.packing-dialog,.ozon-workflow),.cabinet-active dialog.ui-dialog.catalog-dialog) :is(input:not([type=checkbox],[type=radio],[type=file]),select,textarea) { box-sizing:border-box; min-height:var(--dg-control); max-width:100%; padding-block:8px; border-color:var(--dg-control-border); border-radius:var(--dg-radius); font-size:16px; line-height:1.4; background-color:#fff; color:var(--dragum-graphite); }
  :is(.cabinet-auth :is(#signin,#activate),.cabinet-active .ui-standard-controls,.cabinet-active dialog.ui-dialog:not(.packing-dialog,.ozon-workflow),.cabinet-active dialog.ui-dialog.catalog-dialog) :is(input:not([type=checkbox],[type=radio],[type=file]),textarea) { padding-inline:12px; }
  :is(.cabinet-auth :is(#signin,#activate),.cabinet-active .ui-standard-controls,.cabinet-active dialog.ui-dialog:not(.packing-dialog,.ozon-workflow),.cabinet-active dialog.ui-dialog.catalog-dialog) button:not(.ui-dialog-close,.ui-copy,.icon-button) { min-height:var(--dg-control); padding:8px 12px; border-radius:var(--dg-radius); font-size:14px; line-height:1.4; }
  :is(.cabinet-auth :is(#signin,#activate),.cabinet-active .ui-standard-controls,.cabinet-active dialog.ui-dialog:not(.packing-dialog,.ozon-workflow),.cabinet-active dialog.ui-dialog.catalog-dialog) button.primary { background:var(--dragum-petrol); border-color:var(--dragum-petrol); color:#fff; }
  :is(.cabinet-auth :is(#signin,#activate),.cabinet-active .ui-standard-controls,.cabinet-active dialog.ui-dialog:not(.packing-dialog,.ozon-workflow),.cabinet-active dialog.ui-dialog.catalog-dialog) button.primary:hover:not(:disabled) { background:#083d39; border-color:#083d39; }
  @media(min-width:1000px) and (pointer:fine) {
    :is(.cabinet-auth :is(#signin,#activate),.cabinet-active .ui-standard-controls,.cabinet-active dialog.ui-dialog:not(.packing-dialog,.ozon-workflow),.cabinet-active dialog.ui-dialog.catalog-dialog) :is(input:not([type=checkbox],[type=radio],[type=file]),select,textarea) { font-size:14px; }
  }
  /* F07: one control height across app-owned forms, including picking, returns,
     packing and their dialogs. Multiline content may grow; photo/icon hitareas stay intact. */
  :is(.cabinet-active :is(#app,#document-content),.cabinet-auth :is(#signin,#activate),.cabinet-active dialog.ui-dialog) :is(input:not([type=checkbox],[type=radio],[type=file]),select:not([multiple])) { box-sizing:border-box; min-height:var(--dg-control); height:auto; padding-block:8px; font-size:16px; line-height:1.4; }
  :is(.cabinet-active :is(#app,#document-content),.cabinet-auth :is(#signin,#activate),.cabinet-active dialog.ui-dialog) :is(button,.button,.ow-back,.packing-link,.cabinet-link):not(.ui-dialog-close,.ui-copy,.icon-button,.photo-open,.ozon-photo-open,.catalog-picture button,.uin-registry-photo button) { box-sizing:border-box; min-height:var(--dg-control); height:auto; padding-block:8px; font-size:14px; line-height:1.4; }
  @media(min-width:1000px) and (pointer:fine) {
    :is(.cabinet-active :is(#app,#document-content),.cabinet-auth :is(#signin,#activate),.cabinet-active dialog.ui-dialog) :is(input:not([type=checkbox],[type=radio],[type=file]),select:not([multiple])) { font-size:14px; }
  }
  /* Large scan digits fit the token height without changing keyboard/focus logic. */
  .cabinet-active #app :is(#packing-uin,#ow-uin) { height:var(--dg-control); min-height:var(--dg-control); padding-block:calc((var(--dg-control) - 1.2em - 2px)/2); font-size:20px; line-height:1.2; }
  .cabinet-active :is(.catalog-dialog .primary,.cr-reasons a[aria-current]){border-color:var(--dragum-petrol);background:var(--dragum-petrol);color:#fff}
  .cabinet-active footer,.dragum-catalog footer{padding:12px 24px 20px;font-size:12px;color:var(--dg-muted)}
  .support-page .support-header a:has(img),.support-page .ui-history-logo{display:inline-flex;background:#fff;padding:4px 8px;border-radius:6px;flex:none}
  .support-page .support-header img,.support-page .ui-history-logo img{display:block;object-fit:contain;max-width:100%}
  .support-page .support-header .dg-brand-link{background:transparent;padding:0;border-radius:0}
  .support-page main>h1{font-size:24px}
  .support-page main>.card,.support-page main>details{border-radius:var(--dg-radius);padding:18px}
  .dg-knowledge-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 20px}
  .support-page .dg-knowledge-topics a{display:flex;align-items:center;min-height:44px;padding:10px 12px;background:#fff;border:1px solid var(--dg-border);border-radius:6px;color:var(--dragum-petrol);text-decoration:none;font-size:13px;line-height:1.4}
  .support-page .dg-knowledge-topics a:hover{border-color:var(--dragum-petrol);background:#edf5f3}
  .support-page #step-count{background:#e8f3f1;color:var(--dragum-petrol)}
  @media(max-width:600px){.dg-knowledge-topics{grid-template-columns:repeat(2,minmax(0,1fr))}}
  /* Preserve numeric product/cell typography and all print selectors. */
  @media(min-width:1000px){
    body.cabinet-active{padding-left:var(--dg-sidebar)}
    .dragum-catalog .shell{margin-left:var(--dg-sidebar)}
    :is(#menu-close,#product-menu-close,#product-menu-open){display:none}
    .cabinet-active .dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  }
  @media(min-width:1000px) and (pointer:fine){
    :is(#cabinet-navigation,#product-navigation) :is(a,summary){min-height:var(--dg-control);padding-top:8px;padding-bottom:8px}
    .cabinet-active:not(.cabinet-workflow) main :is(input:not([type=checkbox],[type=radio]),select,textarea){font-size:14px}
  }
  @media(max-width:999px){
    :is(#cabinet-menu,#product-menu){width:300px}
    .dragum-catalog #product-menu[open]:not(:modal){display:none}
    .dragum-catalog .global nav{display:flex}
    .dragum-catalog .global-bottom{margin-top:18px}
  }
  @media(max-width:767px){
    /* Long section names must retain their full touch target on phones. */
    .cabinet-active .dashboard-grid{grid-template-columns:minmax(0,1fr);gap:10px}
    .cabinet-active .dg-section-card{padding:12px 14px}
    .cabinet-active .dg-card-heading{gap:12px;padding-right:0}
    .cabinet-active .dg-card-heading h2{font-size:15px;line-height:1.4}
    .cabinet-active .dg-section-links{margin:8px 0 0 56px}
    .cabinet-active .dg-section-links a{padding:8px 0}
    .cabinet-active .dg-section-card>.tile-arrow{display:none}
    .cabinet-active .equipment-card h2,.cabinet-active .equipment-card p{overflow-wrap:anywhere}
  }
  @media(max-width:600px){
    .cabinet-active #cabinet-topbar,.dragum-catalog .topbar{padding:8px 12px;gap:8px}
    .cabinet-active #cabinet-page-status:has(>[role="status"]:not([hidden]):not(:empty)){padding:8px 12px}
    .cabinet-active:not(.cabinet-workflow) main,.dragum-catalog main{padding:16px 12px 24px}
    .cabinet-active:not(.cabinet-workflow) main :is(h1,.page-heading h1),.dragum-catalog main h1{font-size:22px}
    .cabinet-active:not(.cabinet-workflow) main .card{padding:12px}
    .cabinet-active .dashboard-grid{gap:10px}
    .cabinet-active :is(.section-card,.equipment-card){padding:14px}
    .cabinet-active:not(.cabinet-workflow) main .product-catalog .catalog-filters{padding:12px}
    .cabinet-active:not(.cabinet-workflow) main .product-catalog td{padding:6px 0}
    .cabinet-active footer,.dragum-catalog footer{padding:12px}
  }
  @media(prefers-reduced-motion:reduce){:is(#cabinet-navigation,#product-navigation) *{transition:none}}
}

@media screen {
  .catalog-kind-search { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:end; }
  .catalog-kind-choice { min-width:0; }
}

/* The same compact parent navigation applies to every shell. */
@media screen {
  .dg-breadcrumbs .dg-breadcrumb[hidden]{display:none}
  .dg-breadcrumbs .dg-breadcrumb:last-child{flex:0 1 auto;overflow:hidden}
  .dg-breadcrumbs .dg-breadcrumb:last-child>span[aria-current]{display:block;overflow:hidden;text-overflow:ellipsis;line-height:44px}
  .dg-breadcrumbs .dg-mobile-parent{display:none}
  .dg-crumb-overflow details{position:relative;border:0;padding:0;margin:0}
  .dg-crumb-overflow summary{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;list-style:none;cursor:pointer}
  .dg-crumb-overflow summary::-webkit-details-marker{display:none}
  .dg-crumb-overflow summary:focus-visible{outline:3px solid var(--dragum-petrol);outline-offset:2px}
  .dg-breadcrumbs .dg-crumb-menu{position:absolute;z-index:30;top:100%;left:0;min-width:180px;max-width:min(360px,calc(100vw - 48px));list-style:none;margin:0;padding:8px;background:#fff;border:1px solid var(--dg-border);border-radius:6px;color:var(--dg-muted)}
  .dg-breadcrumbs .dg-crumb-menu .dg-breadcrumb{display:block;max-width:100%}
  .dg-breadcrumbs .dg-crumb-menu :is(a,span){white-space:normal;overflow-wrap:anywhere}
  .dg-support-menu{display:none}
  .support-page .support-header{flex-wrap:nowrap;background:#fff;color:var(--dg-muted);border-bottom:1px solid var(--dg-border)}
  .support-page .support-header .dg-breadcrumbs{flex:1 1 0;width:auto;min-width:0;margin:0;padding:0}
  .support-page .support-header .dg-breadcrumbs a{color:var(--dragum-petrol)}
}
@media screen and (max-width:767px) {
  .dg-breadcrumbs .dg-breadcrumb-list{display:none}
  .dg-breadcrumbs .dg-mobile-parent{display:flex;align-items:center;min-height:44px;max-width:100%;color:var(--dragum-petrol);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
  .cabinet-active #cabinet-navigation-actions{display:none}
  .support-page .support-header>a:has(img){display:none}
  .dg-support-menu{display:block;position:relative;flex:none;margin:0;padding:0;border:0}
  .dg-support-menu>summary{display:flex;align-items:center;justify-content:center;list-style:none;width:44px;min-height:44px;border:1px solid var(--dg-border);border-radius:6px;color:var(--dragum-graphite);cursor:pointer}
  .dg-support-menu>summary::-webkit-details-marker{display:none}
  .dg-support-menu>nav{position:absolute;z-index:30;top:100%;left:0;width:min(260px,calc(100vw - 32px));padding:8px;background:#fff;border:1px solid var(--dg-border);border-radius:6px}
  .support-page .dg-support-menu>nav>a{display:flex;align-items:center;min-height:44px;color:var(--dragum-petrol);padding:4px 8px}
  .support-page.ui-history .ui-history-sidebar{display:none}
}

/* Shared navigation/home/support shell: no form, scanner or print controls. */
@media screen {
  :is(#cabinet-menu,#product-menu).dg-sidebar[open]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0}
  :is(#cabinet-menu,#product-menu).dg-sidebar:not([open]){display:none}
  :is(#cabinet-menu,#product-menu)>.sidebar-brand,:is(#cabinet-menu,#product-menu)>nav,:is(#cabinet-menu,#product-menu)>.dg-sidebar-footer{flex-shrink:0}
  :is(#cabinet-navigation,#product-navigation)>a>.dg-icon,:is(#cabinet-navigation,#product-navigation) .dg-nav-parent>a>.dg-icon{width:22px;height:22px}
  :is(#cabinet-navigation,#product-navigation) .dg-nav-parent{display:flex;align-items:stretch;gap:2px;min-width:0}
  :is(#cabinet-navigation,#product-navigation) .dg-nav-parent>a{flex:1;min-width:0}
  :is(#cabinet-navigation,#product-navigation) .dg-nav-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:6px;background:transparent;color:#9eafbb;cursor:pointer}
  :is(#cabinet-navigation,#product-navigation) .dg-nav-toggle:hover{background:#243242;color:#fff}
  .dg-nav-toggle>.dg-icon{width:16px;height:16px;transform:rotate(-90deg)}
  .dg-nav-toggle[aria-expanded="true"]>.dg-icon{transform:none}
  :is(#cabinet-navigation,#product-navigation) .dg-nav-children[hidden]{display:none}
  :is(#cabinet-menu,#product-menu)>.dg-sidebar-footer{margin-top:auto;padding:14px 10px 0;border-top:1px solid #354454;font:400 12px/1.4 Inter,system-ui,sans-serif;color:#9eafbb}
  :is(#cabinet-menu,#product-menu)>nav{padding-bottom:18px}
  :is(#cabinet-menu,#product-menu) .dg-sidebar-footer p{margin:0 0 8px;font-size:12px;line-height:1.4}
  :is(#cabinet-menu,#product-menu) .dg-sidebar-footer>:is(button,.dg-signout-link){display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:0;min-height:44px;margin:0;padding:8px 10px;border:1px solid #465463;border-radius:6px;background:transparent;color:#dce5eb;font:500 13px/1.4 Inter,system-ui,sans-serif;box-shadow:none;text-decoration:none}
  :is(#cabinet-menu,#product-menu) .dg-sidebar-footer>:is(button,.dg-signout-link):hover{background:#2b3544;border-color:#68788a;color:#fff}
  :is(#cabinet-menu,#product-menu) .dg-sidebar-footer>:is(button,.dg-signout-link)[hidden]{display:none}
  .cabinet-active .dashboard-grid{grid-auto-rows:1fr;align-items:stretch}
  .cabinet-active .dg-overview-card{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:start;gap:14px;align-self:stretch;min-width:0;height:100%;padding:18px;border:1px solid var(--dg-border);border-radius:var(--dg-radius);background:#fff;box-shadow:none;color:var(--dragum-graphite);text-decoration:none}
  .cabinet-active .dg-overview-card:hover{background:#f4f8f7;border-color:#afc4c2;box-shadow:none}
  .cabinet-active .dg-overview-card .tile-icon{width:44px;height:44px;border-radius:8px}
  .cabinet-active .dg-overview-card .tile-icon .marketplace-mark{width:44px;height:44px;border-radius:8px}
  .cabinet-active .dg-overview-card .marketplace-mark img{max-width:36px;max-height:22px}
  .cabinet-active .dg-overview-card h2{margin:0 0 6px;font-size:16px;line-height:1.4;overflow-wrap:anywhere}
  .cabinet-active .dg-overview-card p{margin:0;padding:0;color:var(--dg-muted);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
  .cabinet-active .dg-overview-card>.dg-icon{margin-top:11px;width:20px;height:20px;color:var(--dg-muted)}
  .dg-overview-grid{margin-top:20px}
  .dg-document-shell.support-page main,.dg-document-shell.support-page footer{width:auto;max-width:none;margin:0}
  .dg-document-shell #document-content{line-height:1.6}
  .dg-document-shell #document-content>h1{margin:0 0 18px}
  .dg-document-shell #document-content>.card{margin:16px 0}
  .dg-document-shell #document-content li{line-height:1.6}
  .dg-document-shell #document-message:not(:empty){margin:16px 24px;padding:12px;border:1px solid var(--dg-border);border-radius:8px;background:#fff}
  .dg-document-shell #document-message:empty{display:none}
  .dg-skip{position:fixed;z-index:100;top:8px;left:8px;padding:12px;background:#fff;color:var(--dragum-petrol);transform:translateY(-200%)}
  .dg-skip:focus{transform:none}
  body.dragum-catalog #content .refs-grid{grid-auto-rows:1fr;align-items:stretch}
  body.dragum-catalog #content .ref-card{display:flex;flex-direction:column;gap:10px;height:100%;padding:18px;box-shadow:none;text-decoration:none}
  body.dragum-catalog #content .ref-card .dg-card-heading{display:flex;align-items:center;gap:12px;min-width:0}
  body.dragum-catalog #content .ref-card .tile-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:8px;background:#eaf3f1;color:var(--dragum-petrol)}
  body.dragum-catalog #content .ref-card h2{margin:0;font-size:16px;line-height:1.4;overflow-wrap:anywhere}
  body.dragum-catalog #content .ref-card p{margin:0;font-size:13px;line-height:1.5;color:var(--dg-muted)}
  body.dragum-catalog #content .ref-card .dg-reference-count{margin-top:auto}
  @media(min-width:1000px){.cabinet-active .dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
  @media(max-width:999px){
    :is(#cabinet-menu,#product-menu).dg-sidebar[open]:not(:modal){display:none}
    :is(#cabinet-menu,#product-menu)>.dg-sidebar-footer{margin-top:18px}
  }
  @media(max-width:767px){
    .cabinet-active .dashboard-grid{grid-template-columns:minmax(0,1fr)}
    .cabinet-active .dg-overview-card{padding:14px;gap:12px}
  }
}

@media screen {
  /* Current catalog lifecycle beside retained references; never hide history. */
  .productArchivedContext,.cabinet-content main .productArchivedContext { color:var(--cabinet-muted,#657188); }
  .productArchivedContext a,.cabinet-content main .productArchivedContext a { color:inherit; }
  .productStateBadge { display:inline-block; max-width:100%; padding:2px 7px; border:1px solid #d4dce2; border-radius:5px; background:#eef1f3; color:#596575; font-size:12px; font-weight:500; line-height:1.5; vertical-align:middle; white-space:normal; }
}

@media screen { :is(#cabinet-navigation,#product-navigation) .dg-nav-parent>a>span { overflow-wrap:normal; word-break:normal; } .dg-nav-parent>a { min-width:0; } }