/* Approved Eighty 6 monogram. Keep clear space at every size. */
.eighty6-wordmark{display:block;width:120px;max-width:100%;height:auto;object-fit:contain;margin-inline:auto}.brand:has(.eighty6-wordmark){display:inline-flex;flex-direction:column;gap:8px;letter-spacing:normal}.sidebar .mark,.wordmark{font-size:inherit;letter-spacing:normal}.sidebar .mark .eighty6-wordmark,.wordmark .eighty6-wordmark,.rail-brand img{filter:brightness(0) invert(96%) sepia(8%) saturate(400%)}.sidebar .mark{text-align:center;padding-bottom:24px}.sidebar .mark small{display:block;margin-top:12px}.wordmark>span{display:block;text-align:center;margin-top:12px}.signin .mark .eighty6-wordmark{margin:0 auto 24px;filter:none;width:150px}.rail-brand{margin-bottom:12px}.rail-brand img{display:block;width:58px;height:58px;object-fit:contain}.logo-img{width:62px!important;height:58px!important;object-fit:contain}.sab-dark .brand .eighty6-wordmark,.sab-dark .logo-img,.sab-dark .signin .mark .eighty6-wordmark{filter:brightness(0) invert(1)}
#idle-screen{background:#f5f1e9}#idle-screen img{width:clamp(180px,26vw,330px);height:auto;object-fit:contain}.sab-dark #idle-screen{background:#181818}.sab-dark #idle-screen img{filter:brightness(0) invert(96%)}
/* Navigation remains reachable on short tablets and enlarged text. */
.sidebar{overflow-y:auto}.rail{overflow-y:auto;overscroll-behavior:contain}.rail>*{flex-shrink:0}.topbar{height:auto;min-height:88px;flex-wrap:wrap}.top-left,.top-right{min-width:0;flex-wrap:wrap}.top-left strong{overflow-wrap:anywhere}.card,.panel,.portal-stat,.app-tile{min-width:0}.actions{flex-wrap:wrap}.actions>*{max-width:100%}button,a,input,select,textarea{touch-action:manipulation}
@media(max-width:700px){.eighty6-wordmark{width:95px}.logo-img{width:48px!important;height:48px!important}.rail{overflow-x:auto;overflow-y:hidden}.sidebar .mark{padding-bottom:12px}.brand:has(.eighty6-wordmark)>span{font-size:10px;letter-spacing:1px}}
.sab-dark #sab-language{background:#2b2b2b!important;border-color:#585858!important}.sab-dark #sab-language button{background:transparent!important;color:#e2e2e2!important}.sab-dark #sab-language button[aria-pressed=true]{background:#484848!important;color:white!important}
@media(min-width:651px) and (max-width:900px){.sidebar .mark .eighty6-wordmark{width:84px}.sidebar .mark{padding-bottom:10px}.sidebar .mark small{margin-top:6px}}
.wordmark{display:flex;flex-direction:column;align-items:center;gap:4px}.wordmark>span{border:0;padding:0;margin-top:0}.login-story .wordmark{position:static;margin-bottom:30px;align-self:flex-start}.wordmark .eighty6-wordmark{width:112px}
@media(min-width:701px) and (max-width:900px){.shell{display:block}.shell>.workspace{grid-column:auto}.shell .rail{position:relative;height:auto;width:100%;display:flex;flex-direction:row;align-items:center;padding:10px;gap:8px;overflow-x:auto;overflow-y:hidden}.shell .rail-brand{display:none}.shell .rail button{width:auto;min-width:78px;min-height:62px;font-size:12px;padding:10px}.shell .rail .pos-back{min-width:100px;margin:0}.shell .body-grid{grid-template-columns:1fr}.shell .ticket{border-inline:0;border-top:1px solid var(--line)}.shell .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shell .page-head{gap:18px;flex-wrap:wrap}.shell .topbar{padding:16px 20px}}

.eighty6-download-footer{padding:20px;text-align:center}.eighty6-download-footer a{display:inline-block;padding:12px;color:inherit;text-underline-offset:4px}
/* Read-only list ordering: compact, keyboard-accessible column controls. */
th > button[data-inventory-sort],th > button[data-mfg-sort],th > button[data-delivery-sort]{appearance:none;background:transparent;border:0;border-radius:4px;box-shadow:none;padding:4px 0;color:inherit;font:inherit;font-weight:600;text-align:inherit;cursor:pointer;white-space:nowrap}th > button[data-inventory-sort]:focus-visible,th > button[data-mfg-sort]:focus-visible,th > button[data-delivery-sort]:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#notification-bell{position:relative;margin-inline-start:auto}.notification-toggle{display:flex;align-items:center;gap:6px}.notification-toggle b{background:#9b2637;color:white;border-radius:20px;padding:2px 6px;font-size:11px}.notification-popover{position:absolute;inset-inline-end:0;top:100%;width:min(360px,calc(100vw - 32px));background:var(--panel,#fff);color:var(--text,#292526);border:1px solid var(--line,#ddd);border-radius:12px;box-shadow:0 8px 30px #0002;z-index:1000;padding:12px;max-height:75vh;overflow:auto}.notification-popover header{display:flex;gap:8px;align-items:center;justify-content:space-between}.notification-row{display:flex;gap:8px;border-bottom:1px solid var(--line,#ddd);padding:9px 0}.notification-row button{border:0;background:transparent;color:inherit;text-align:start;padding:4px;display:grid;gap:4px;width:100%}.notification-row strong{font-size:13px}.notification-row span,.notification-row small{font-size:12px}.notification-row.unread{border-inline-start:3px solid #713747;padding-inline-start:8px}.notification-row.critical strong{color:#b12d40}.notification-row.is-read{opacity:.7}[data-theme=dark] .notification-row.critical strong{color:#ff9ba7}#notification-page{max-width:900px}
#notification-bell{order:99}.sab-dark .notification-popover{background:#242124;color:#f3eef0}.sab-dark .notification-row.critical strong{color:#ff9ba7}@media(max-width:600px){.notification-toggle>span{display:none}}