/* Geometry is present in the first HTML response; content may arrive later. */
@font-face{font-family:InterFallback;src:local('Arial');size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}
body{font-family:Inter,InterFallback,system-ui,'Segoe UI',sans-serif}
html{scrollbar-gutter:stable}
@media screen{
 .cabinet-active #app{min-height:calc(100vh - 160px)}
 .cabinet-active #cabinet-topbar{min-height:68px;align-content:flex-start}
 .cabinet-active[data-shell-status='wb'] #cabinet-topbar,.cabinet-active[data-shell-status='ozon'] #cabinet-topbar{min-height:108px}
 .cabinet-active #cabinet-wb-status,.cabinet-active #cabinet-ozon-status{min-height:24px}
 .cabinet-active #app>h1,.cabinet-active .page-heading{min-height:44px}
 .cabinet-active #app h1:focus{outline:none}
 .page-loading{min-height:340px;padding:24px;border:1px solid var(--cabinet-border);border-radius:14px;background:var(--cabinet-surface);color:var(--cabinet-muted)}
 .loading-line{height:24px;margin:24px 0;background:#eef1f6;border-radius:6px;width:75%}
 .loading-line:last-child{width:45%}
 .order-no-photo{min-height:107px}
 .marketplace-mark img{width:22px;height:22px;object-fit:contain}
 .sidebar-brand a{border-radius:4px}
}
@media screen and (max-width:999px){#cabinet-menu[open]:not(:modal){display:none}}
@media screen and (max-width:540px){.cabinet-active[data-shell-status='wb'] #cabinet-topbar{min-height:124px}}
@media print{.page-loading{display:none}}

/* Sticky in normal flow: does not cover the scanner or take keyboard focus. */
@media screen {
 #app-update-notice:not([hidden]){position:sticky;top:0;z-index:40;margin:0 32px 20px;padding:18px 20px;background:#eaf0ff;border:2px solid var(--cabinet-accent);border-radius:12px;box-shadow:0 4px 16px #24304714}
 #app-update-notice strong{font-size:17px}
 #app-update-notice [data-update-countdown]{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
 #app-update-notice [data-update-hint]{font-size:13px}
 #app-update-notice button:disabled{opacity:.65;cursor:wait}
 #app-update-notice [hidden]{display:none!important}
 @media(max-width:600px){#app-update-notice:not([hidden]){margin:0 16px 16px;padding:12px;gap:8px}#app-update-notice button{margin:0;width:100%}#app-update-notice>div{flex-basis:100%}}
}