/* SOBIG TECH 2026.09 — shared presentation layer.
   Scoped to #sobig-ui. Screen only: original print/QR layouts remain intact.
   !important is intentional: legacy pages and app-theme inject competing rules. */
@media screen {
#sobig-ui {
 --st-bg:#0e151e;--st-panel:#1a2533;--st-raised:#253343;--st-input:#111e2c;
 --st-text:#edf3f8;--st-muted:#acbbcc;--st-line:#36475b;--st-edge:#ffffff0c;
 --st-accent:#ff812b;--st-accent-text:#ffb783;--st-warm:#35291f;
 --st-shadow:0 9px 25px #00000032,0 2px 5px #00000024;
 --st-hero:linear-gradient(115deg,#223244,#16222f);--st-side:linear-gradient(165deg,#202d3b,#111b28);
 --st-field-shadow:inset 0 2px 4px #00000024;--st-nav-width:236px;
 --bg:var(--st-bg);--bg0:var(--st-bg);--bg1:var(--st-bg);--page:var(--st-bg);
 --panel:var(--st-panel);--panel2:var(--st-raised);--panel-2:var(--st-raised);
 --card:var(--st-panel);--surface:var(--st-panel);--surface-2:var(--st-raised);
 --text:var(--st-text);--muted:var(--st-muted);--line:var(--st-line);--border:var(--st-line);
 --stroke:var(--st-line);--stroke2:var(--st-line);--input:var(--st-input);
 --accent:var(--st-accent);--accent2:#ffa356;--orange:var(--st-accent);
 --shadow:var(--st-shadow);--radius:18px;--radius2:14px;
 color-scheme:dark;
}
#sobig-ui[data-sobig-theme="light"] {
 --st-bg:#edf1f6;--st-panel:#fff;--st-raised:#f2f5f9;--st-input:#fff;
 --st-text:#1b2b3d;--st-muted:#536579;--st-line:#d2dce8;--st-edge:#fff;
 --st-accent-text:#9d4209;--st-warm:#fff0e2;
 --st-shadow:0 9px 25px #314d7015,0 2px 5px #314d700d;
 --st-hero:linear-gradient(115deg,#fff,#e4ecf5);--st-side:linear-gradient(165deg,#fff,#f0f4f9);
 --st-field-shadow:inset 0 2px 3px #314d7008;color-scheme:light;
}
#sobig-ui body {margin:0!important;padding:0!important;min-height:100vh;color:var(--st-text)!important;background:radial-gradient(ellipse at 95% 0%,#fa771312,transparent 45%),var(--st-bg)!important;font-family:Inter,"Segoe UI",system-ui,sans-serif!important;font-size:14px;line-height:1.5}
#sobig-ui body::before,#sobig-ui body::after {display:none!important}
#sobig-ui :is(button,input,select,textarea) {font-family:inherit}
#sobig-ui :is(h1,h2,h3,h4,.brand-text-main,.section-title,.panel-title,.item-name) {color:var(--st-text)!important}
#sobig-ui :is(h1,.brand-text-main) {font-size:clamp(26px,2.5vw,36px)!important;letter-spacing:-1px;line-height:1.18!important;font-weight:720!important}
#sobig-ui :is(h2,.panel-title,.section-title) {font-size:18px!important;letter-spacing:-.2px;font-weight:650!important}
#sobig-ui :is(h3,.form-title) {font-size:15px;font-weight:650}
#sobig-ui :is(.muted,.small,.hint,.subtitle,.brand-text-sub,.stock-detail,.kpi-sub,.top p,small) {color:var(--st-muted)!important;font-size:12px!important;line-height:1.55}
#sobig-ui :is(a,button,input,select,textarea,summary):focus-visible {outline:3px solid var(--st-accent)!important;outline-offset:3px!important}
#sobig-ui a {text-underline-offset:3px}
#sobig-ui :is(button,.btn,.btn-secondary,.quick-link,.nav-link) {transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
#sobig-ui :is(button,input,select,textarea):disabled {opacity:.5;cursor:not-allowed}
#sobig-ui .st-icon {width:20px;height:20px;flex:0 0 20px;vertical-align:middle}

/* One stable desktop shell across the four original navigation implementations. */
#sobig-ui body.st-has-sidebar {padding-left:var(--st-nav-width)!important}
#sobig-ui :is(.app-shell,.plan-app-shell,.tool-app-shell,.app) {display:block!important;grid-template-columns:1fr!important;padding:0!important;gap:0!important;max-width:none!important;margin:0!important;background:transparent!important}
#sobig-ui :is(main.main,main.plan-main,main.tool-main,main.page,body>main) {width:100%!important;min-width:0!important;max-width:1640px!important;margin:0 auto!important;padding:30px 32px 70px!important;background:transparent!important;color:var(--st-text)!important}
#sobig-ui main.login-shell {max-width:480px!important;margin:clamp(35px,12vh,150px) auto!important;padding:30px!important}
#sobig-ui :is(.shell,.tool-main .shell,.plan-main .shell) {width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
#sobig-ui :is(.shell>.card,.main>.content,.shell>.card>.content) {background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
#sobig-ui .st-navigation {position:fixed!important;inset:0 auto 0 0!important;z-index:900!important;width:var(--st-nav-width)!important;height:100dvh!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;margin:0!important;padding:0!important;transform:none!important;border:0!important;border-right:1px solid var(--st-line)!important;border-radius:0!important;background:var(--st-side)!important;color:var(--st-text)!important;box-shadow:7px 0 24px #0000000c!important}
#sobig-ui .st-navigation:hover,#sobig-ui .st-navigation:focus-within {width:var(--st-nav-width)!important}
#sobig-ui .st-brand {height:auto!important;flex:0 0 auto!important;position:relative!important;padding:22px 20px 20px!important;border-bottom:1px solid var(--st-line)!important;background:transparent!important;overflow:visible!important;font-family:inherit!important;font-style:normal!important}
#sobig-ui .st-brand::before,#sobig-ui .st-brand::after {display:none!important}
#sobig-ui .st-brand-home {display:block;color:var(--st-text)!important;text-decoration:none!important;line-height:1.4}
#sobig-ui .st-brand-home img {display:block;width:174px;max-width:100%;height:auto;padding:8px 9px;border-radius:9px;background:#fff;box-shadow:0 3px 9px #00000020}
#sobig-ui .st-brand-caption {display:block;margin-top:12px;font-size:9px;letter-spacing:1.4px;font-weight:650;color:var(--st-muted)}
#sobig-ui .st-nav {display:flex!important;flex-direction:column!important;align-content:start!important;flex:1!important;min-height:0!important;gap:4px!important;margin:0!important;padding:15px 12px!important;overflow:auto!important;scrollbar-width:thin;scrollbar-color:var(--st-line) transparent}
#sobig-ui .st-navigation .st-nav-link {position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;flex:0 0 auto!important;width:100%!important;min-height:42px!important;margin:0!important;padding:9px 12px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;color:var(--st-muted)!important;font-size:13px!important;font-weight:550!important;text-decoration:none!important;white-space:normal!important}
#sobig-ui .st-nav-link::before {display:none!important}
#sobig-ui .st-navigation .st-nav-link:hover {background:var(--st-raised)!important;color:var(--st-text)!important}
#sobig-ui .st-navigation .st-nav-link.active {background:linear-gradient(95deg,var(--st-warm),var(--st-panel))!important;color:var(--st-accent-text)!important;border-color:var(--st-line)!important;box-shadow:inset 3px 0 var(--st-accent),0 4px 9px #0000000d!important}
#sobig-ui .st-navigation .st-nav-icon {display:grid!important;place-items:center!important;width:23px!important;height:25px!important;flex:0 0 23px!important;opacity:1!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;font-size:18px!important;transform:none!important;box-shadow:none!important}
#sobig-ui .st-navigation .st-nav-label {display:block!important;position:static!important;opacity:1!important;width:auto!important;max-width:none!important;height:auto!important;overflow:visible!important;white-space:normal!important;transform:none!important;clip:auto!important;line-height:1.35!important;color:inherit!important}
#sobig-ui .st-navigation :is(.nav-badge,.nav-count,.side-nav-badge) {position:static!important;display:inline-block!important;opacity:1!important;flex:0 0 auto;margin-left:auto!important;min-width:22px;padding:2px 5px!important;background:var(--st-warm)!important;color:var(--st-accent-text)!important;border-radius:6px!important;font-size:10px!important}
#sobig-ui .st-nav-footer {width:100%!important;flex:0 0 auto!important;margin:0!important;padding:15px 20px!important;border-top:1px solid var(--st-line)!important;background:transparent!important}
#sobig-ui .st-nav-footer :is(.sidebar-user,.side-user,.tool-user,.who,.sobig-shared-user) {display:flex!important;align-items:center!important;gap:10px!important;font-size:12px!important;color:var(--st-text)!important;white-space:normal!important}
#sobig-ui .st-nav-footer :is(.user-avatar,.avatar,.side-avatar,.tool-avatar,.sobig-shared-avatar) {display:grid!important;place-items:center!important;width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:10px!important;background:linear-gradient(140deg,#ffb96a,#f47721)!important;color:#311805!important;font-size:13px!important;box-shadow:0 4px 9px #f4772120}
#sobig-ui .st-nav-footer :is(.side-user-copy,.tool-user-copy,.sobig-shared-user-copy,.sidebar-user>div:not(.user-avatar),.who>div:not(.avatar),.user-name,.user-role,.side-user-name,.side-user-role) {display:block!important;opacity:1!important;transform:none!important;color:var(--st-text)!important}
#sobig-ui .st-nav-footer :is(.logout,.side-logout,.tool-logout) {display:flex!important;align-items:center!important;gap:9px!important;padding:10px 0!important;min-height:36px!important;color:var(--st-muted)!important;background:transparent!important;font-size:12px!important}
#sobig-ui .st-nav-footer :is(.logout span,.side-logout-label,.tool-logout-label) {opacity:1!important;transform:none!important;display:inline!important}
#sobig-ui .st-menu-toggle {display:none!important}
#sobig-ui .sobig-theme-toggle {width:auto!important;max-width:100%;min-height:36px!important;padding:7px 11px!important;position:static!important;inset:auto!important;border:1px solid var(--st-line)!important;background:var(--st-panel)!important;color:var(--st-text)!important;border-radius:9px!important;box-shadow:0 3px 7px #00000012!important;font-size:11px!important;font-weight:550!important}
#sobig-ui .st-nav-footer .sobig-theme-toggle {width:100%!important;margin-top:8px}

/* Layered heading, without illustration. */
#sobig-ui .st-page-heading {position:relative!important;isolation:isolate;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px!important;margin:0 0 25px!important;padding:25px 28px!important;min-height:132px;background:var(--st-hero)!important;border:1px solid var(--st-line)!important;border-radius:18px!important;box-shadow:inset 0 1px var(--st-edge),var(--st-shadow)!important;color:var(--st-text)!important;overflow:hidden}
#sobig-ui .st-page-heading::before {content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 100% 0%,#ff791f13,transparent 55%);z-index:-1}
#sobig-ui .st-page-heading::after {content:'';position:absolute;top:25px;left:0;width:3px;height:44px;background:linear-gradient(var(--st-accent),#ffb16b);border-radius:0 3px 3px 0;pointer-events:none}
#sobig-ui .st-page-heading :is(.brand,.greeting,.title,.topbar-meta,.topbar-right,.header-right) {background:transparent!important;border:0!important;box-shadow:none!important;color:var(--st-text)!important;min-width:0}
#sobig-ui .st-page-heading :is(.topbar-meta,.topbar-right,.header-right) {display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:9px!important;max-width:100%!important;padding:0!important}
#sobig-ui .st-page-heading .brand-icon {display:none!important}
#sobig-ui .st-page-heading p {margin-top:8px!important;color:var(--st-muted)!important;font-size:13px!important}
#sobig-ui .st-dashboard-hero {min-height:178px;align-items:center!important}
#sobig-ui .st-kicker {font-size:10px;font-weight:650;letter-spacing:1.7px;color:var(--st-accent-text);margin-bottom:14px}
#sobig-ui :is(.week-chip,.topbar-meta>span,.period) {background:var(--st-panel)!important;border:1px solid var(--st-line)!important;color:var(--st-muted)!important;padding:8px 11px!important;border-radius:8px!important;box-shadow:0 3px 6px #0000000a;font-size:12px!important}

/* Panels and metrics share a lit top edge and a two-level shadow. */
#sobig-ui :is(.panel,.form-card,.result-card,.planner-panel,.card,.stat-card,.stats-card,.inventory-filter-card,.inventory-summary-card,.inventory-value-card,.kpi,.table-wrap,.app-card,.login-shell,.login-card) {background:linear-gradient(140deg,var(--st-panel),var(--st-panel) 65%,var(--st-raised))!important;color:var(--st-text)!important;border-color:var(--st-line)!important;border-radius:16px!important;box-shadow:inset 0 1px var(--st-edge),var(--st-shadow)!important}
#sobig-ui :is(.panel-header,.inventory-card-head) {padding:19px 21px!important;margin:0!important;border-bottom:1px solid var(--st-line);flex-wrap:wrap;gap:8px}
#sobig-ui .panel-title::before {content:'';display:inline-block;vertical-align:-1px;width:4px;height:14px;margin-right:10px;border-radius:3px;background:var(--st-accent)}
#sobig-ui :is(.kpi-grid,.kpis) {gap:15px!important;margin-bottom:25px!important}
#sobig-ui .kpi-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important}
#sobig-ui .kpi {position:relative;overflow:hidden;min-width:0!important;padding:21px 18px!important;transition:box-shadow .18s,transform .18s}
#sobig-ui .kpi::after {content:'';position:absolute;bottom:0;left:18px;right:18px;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--st-accent),#ff812b22)}
#sobig-ui .kpi-label {font-size:12px!important;color:var(--st-muted)!important;font-weight:600!important}
#sobig-ui .kpi-value {font-size:34px!important;font-weight:700!important;letter-spacing:-1px;line-height:1.2;margin-top:5px!important;color:var(--st-text)!important}
#sobig-ui .kpi-icon {width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:12px!important;background:var(--st-raised)!important;box-shadow:inset 0 1px var(--st-edge),0 4px 9px #00000012!important;color:var(--st-accent-text)!important}
#sobig-ui .kpi.red .kpi-value {color:#ee746e!important}
#sobig-ui .kpi.red {border-color:#c56c5544!important;background:linear-gradient(120deg,var(--st-warm),var(--st-panel))!important}
#sobig-ui .kpi-arrow {color:var(--st-muted)!important}
#sobig-ui :is(.content-grid,.dashboard-grid) {grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)!important;gap:22px!important;align-items:start}
#sobig-ui .st-day-stack {display:grid;gap:20px;min-width:0}
#sobig-ui .kpi.red.st-kpi-clear {background:linear-gradient(140deg,var(--st-panel),var(--st-raised))!important;border-color:var(--st-line)!important}
#sobig-ui .kpi.red.st-kpi-clear .kpi-value {color:var(--st-text)!important}
#sobig-ui .right-column {gap:18px!important}
#sobig-ui :is(.quick-grid,.today-list,.stock-body,.upcoming-list) {padding:18px 20px!important}
#sobig-ui .quick-link {min-height:56px!important;border:1px solid var(--st-line)!important;background:var(--st-raised)!important;color:var(--st-text)!important;border-radius:11px!important;font-size:13px!important;box-shadow:inset 0 1px var(--st-edge),0 3px 7px #0000000c}
#sobig-ui .quick-icon {border:0!important;background:var(--st-panel)!important;color:var(--st-accent-text)!important;border-radius:8px!important;width:32px!important;height:32px!important}
#sobig-ui .stock-alert {border-radius:11px!important;font-size:13px!important}
#sobig-ui .stock-detail {display:block!important;margin-top:5px!important}
#sobig-ui .panel-footer {padding:14px 20px!important;border-top:1px solid var(--st-line)}
#sobig-ui .empty {font-size:13px!important;color:var(--st-muted)!important;line-height:1.6!important;padding:30px 20px!important}
#sobig-ui :is(.job-row,.upcoming-row,.item,.datebox,.inventory-stat,.workcard-stat,.quick-result,.result-item) {background:var(--st-raised)!important;border-color:var(--st-line)!important;color:var(--st-text)!important;border-radius:10px!important;box-shadow:inset 0 1px var(--st-edge)}

/* Inputs, tables and controls: retain widths, validation and existing actions. */
#sobig-ui :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="submit"]),select,textarea) {background:var(--st-input)!important;color:var(--st-text)!important;border:1px solid var(--st-line)!important;border-radius:9px!important;box-shadow:var(--st-field-shadow)!important;font-size:14px!important;min-height:41px;color-scheme:inherit!important;max-width:100%}
#sobig-ui :is(input,textarea)::placeholder {color:var(--st-muted)!important;opacity:.8}
#sobig-ui :is(input[type="checkbox"],input[type="radio"]) {accent-color:var(--st-accent)}
#sobig-ui :is(label,.inventory-filter-field,.field label) {color:var(--st-muted)!important;font-size:12px!important;font-weight:550!important}
#sobig-ui :is(.btn,.btn-primary,.apply,.primary,.login-button,.login-btn,button[type="submit"]):not(.danger):not(.btn-danger):not(.restore):not(.secondary):not(.btn-secondary):not(.plus):not(.minus):not(.sec) {background:linear-gradient(180deg,#ffa453,#ff7a23)!important;border:1px solid #ffad65!important;color:#2c1607!important;border-radius:10px!important;box-shadow:inset 0 1px #ffe0b9,0 5px 12px #ee741b25!important;font-weight:650!important;font-size:13px!important}
#sobig-ui :is(.btn-secondary,.secondary,.outline-button,.links a,.print,.filter-button,.logout-link,.back-link,.ghost-btn,.sec) {background:var(--st-raised)!important;border:1px solid var(--st-line)!important;color:var(--st-text)!important;border-radius:9px!important;box-shadow:inset 0 1px var(--st-edge),0 3px 7px #0000000d!important;font-size:12px!important;font-weight:600!important}
#sobig-ui :is(.danger,.restore,.btn-danger) {background:#982d34!important;color:#fff!important;border-color:#c85b62!important;box-shadow:0 3px 9px #00000016!important}
#sobig-ui :is(.seg,.tabs,.tab-bar) {background:var(--st-bg)!important;border-color:var(--st-line)!important;box-shadow:inset 0 2px 4px #00000012;border-radius:10px!important;flex-wrap:wrap}
#sobig-ui :is(.seg a,.tab,.tab-button) {color:var(--st-muted)!important;font-size:12px!important;min-height:34px;display:inline-flex;align-items:center}
#sobig-ui :is(.seg a.active,.tab.active,.tab-button.active) {background:var(--st-raised)!important;color:var(--st-accent-text)!important;border-radius:7px!important;box-shadow:inset 0 1px var(--st-edge),0 2px 5px #00000016}
#sobig-ui :is(.text-link,.inventory-text-link,summary) {color:var(--st-accent-text)!important}
#sobig-ui table {background:var(--st-panel)!important;color:var(--st-text)!important}
#sobig-ui table th {background:var(--st-raised)!important;color:var(--st-muted)!important;border-color:var(--st-line)!important;font-size:11px!important;letter-spacing:.4px;font-weight:650!important}
#sobig-ui table td {background:var(--st-panel)!important;color:var(--st-text)!important;border-color:var(--st-line)!important;font-size:13px!important;line-height:1.5!important}
#sobig-ui table tbody tr:nth-child(even) td {background:color-mix(in srgb,var(--st-panel) 65%,var(--st-raised))!important}
#sobig-ui table tbody tr:hover td {background:var(--st-raised)!important}
#sobig-ui .table-wrap {overflow-x:auto!important;max-width:100%}
#sobig-ui :is(.inventory-value-table,.inventory-value-table td,.inventory-value-table th) {border-color:var(--st-line)!important}
#sobig-ui :is(.inventory-stat strong,.datebox strong,.workcard-stat strong) {color:var(--st-text)!important}
#sobig-ui .inventory-value-total {color:var(--st-accent-text)!important;font-size:32px!important}
#sobig-ui :is(.inventory-stat.is-warning,.reminder) {background:var(--st-warm)!important;border-color:#d68b4955!important;color:var(--st-accent-text)!important}
#sobig-ui .inventory-stat.is-warning strong {color:var(--st-accent-text)!important}
#sobig-ui :is(.inventory-card-title,.inventory-section-title,.shelf-title,.shelf-room-name,.workcard-title,.workcard-section-title) {color:var(--st-text)!important}
#sobig-ui :is(.pill,.badge) {font-size:11px!important}
#sobig-ui .pill {background:var(--st-warm)!important;color:var(--st-accent-text)!important;align-self:flex-start}
#sobig-ui :is(.inventory-dialog,.sales-order-dialog,.modal,.modal-card,.modal-content,.shelf-card,.workshop-modal,.str-dialog) {background:var(--st-panel)!important;color:var(--st-text)!important;border-color:var(--st-line)!important;border-radius:17px!important;box-shadow:inset 0 1px var(--st-edge),0 28px 80px #00000055!important}
#sobig-ui :is(.sales-order-panel,.sales-order-line,.shelf-room,.shelf-cell,.workcard-section,.workshop-task,.str-job) {background:var(--st-raised)!important;color:var(--st-text)!important;border-color:var(--st-line)!important}
#sobig-ui :is(.sales-order-dialog-header,.inventory-dialog-head,.shelf-header,.modal-header,.workcard-head) {background:var(--st-hero)!important;color:var(--st-text)!important;border-color:var(--st-line)!important}
#sobig-ui dialog::backdrop {background:#07111db3;backdrop-filter:blur(3px)}

/* Hourly board: geometry, drag targets and status identities are unchanged. */
#sobig-ui #planning-board {--spb-bg:var(--st-bg);--spb-surface:var(--st-panel);--spb-surface-raised:var(--st-raised);--spb-border:var(--st-line);--spb-text:var(--st-text);--spb-muted:var(--st-muted);--spb-orange:var(--st-accent)}
#sobig-ui #planning-board :is(.spb-timeline,.spb-backlog,.spb-panel) {background:var(--st-panel)!important;color:var(--st-text)!important;border-color:var(--st-line)!important;border-radius:15px!important;box-shadow:inset 0 1px var(--st-edge),var(--st-shadow)!important}
#sobig-ui #planning-board :is(.spb-row-label,.spb-axis,.spb-view-tabs,.spb-panel-head) {background:var(--st-raised)!important;color:var(--st-text)!important;border-color:var(--st-line)!important}
#sobig-ui #planning-board :is(.spb-heading,.spb-stat strong,.spb-row-label strong,.spb-panel h3,.spb-job-title) {color:var(--st-text)!important}
#sobig-ui #planning-board :is(.spb-stat span,.spb-hour,.spb-row-label>div>span,.spb-open-slot-hint,.spb-legend,.spb-help,.spb-field label) {color:var(--st-muted)!important;font-size:12px!important}
#sobig-ui #planning-board .spb-stats {padding:13px 17px;background:var(--st-panel);border:1px solid var(--st-line);border-radius:11px;box-shadow:inset 0 1px var(--st-edge);gap:12px 24px}
#sobig-ui #planning-board .spb-track {background-color:var(--st-input)!important;background-image:linear-gradient(to right,var(--st-line) 1px,transparent 1px)!important;border-color:var(--st-line)!important}
#sobig-ui #planning-board .spb-grid-row:nth-child(odd) .spb-track {background-color:var(--st-panel)!important}
#sobig-ui #planning-board .spb-button {background:var(--st-raised)!important;color:var(--st-text)!important;border-color:var(--st-line)!important;box-shadow:inset 0 1px var(--st-edge),0 3px 7px #0000000b!important;border-radius:8px!important}
#sobig-ui #planning-board .spb-primary {background:linear-gradient(#ffa453,#ff7a23)!important;color:#2c1607!important;border-color:#ffad65!important;box-shadow:inset 0 1px #ffe0b9,0 4px 12px #ee741b25!important}
#sobig-ui #planning-board .spb-danger {color:#ed8c88!important}
#sobig-ui #planning-board :is(.spb-view-link,.spb-backlog-card,.spb-empty) {color:var(--st-muted)!important}
#sobig-ui #planning-board .spb-view-link.is-active {background:var(--st-panel)!important;color:var(--st-accent-text)!important;box-shadow:0 2px 5px #00000020}
#sobig-ui #planning-board .spb-backlog-card {background:var(--st-raised)!important;border-color:var(--st-line)!important}
#sobig-ui #planning-board .spb-backlog-card strong {color:var(--st-text)!important}
#sobig-ui #planning-board .spb-job .spb-job-title {color:inherit!important}
#sobig-ui #planning-board :is(.spb-panel-empty p,.spb-panel-description,.spb-job-facts dt,.spb-job-metrics span) {color:var(--st-muted)!important}
#sobig-ui #planning-board .spb-job-facts dd {color:var(--st-text)!important}
#sobig-ui #planning-board .spb-panel-symbol {background:var(--st-raised)!important;color:var(--st-accent-text)!important;border-color:var(--st-line)!important}
#sobig-ui[data-sobig-theme="light"] #planning-board .spb-job {background:#e4edf9!important;color:#254468!important;border-color:#b5cbe3!important;border-left-color:#6189b7!important}
#sobig-ui[data-sobig-theme="light"] #planning-board .spb-job.is-teal {background:#def1ed!important;color:#20574e!important;border-color:#afd4ce!important;border-left-color:#438e7f!important}
#sobig-ui[data-sobig-theme="light"] #planning-board .spb-job.is-done {background:#e3ebe8!important;color:#36594d!important;border-color:#b6cfc5!important;opacity:1}
#sobig-ui[data-sobig-theme="light"] #planning-board .spb-job.is-selected {background:#fff0dd!important;color:#743300!important;border-color:#f19a50!important;border-left-color:#df781f!important}
#sobig-ui :is(.schedule-time,.schedule-job,.schedule-tech,.upcoming-title,.upcoming-date) {color:var(--st-text)!important}
#sobig-ui main.login-shell {border:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;padding:0!important;min-height:0!important;display:block!important}
#sobig-ui .login-card {padding:32px!important}
#sobig-ui .login-card .brand {margin-bottom:24px!important}
#sobig-ui .login-card .brand img {display:block;width:190px;max-width:100%;height:auto;background:#fff;padding:9px;border-radius:9px}
#sobig-ui .login-card .st-brand-caption {font-style:normal;font-family:Inter,"Segoe UI",system-ui,sans-serif;letter-spacing:1.2px}
#sobig-ui .login-card .field-label {color:var(--st-muted)!important;font-size:13px!important}
#sobig-ui .security-label {color:var(--st-accent-text)!important}
#sobig-ui body[data-st-page="quick"]>.card,#sobig-ui body[data-st-page="qr"]>.card {margin:30px auto!important;width:calc(100% - 28px);box-sizing:border-box}
#sobig-ui .login-shell .sobig-theme-toggle {display:flex!important;margin:20px auto 0!important}
#sobig-ui :is(.inventory-stat-label,.inventory-stat.is-warning .inventory-stat-label,.fortnox-note,.brand-sub,.datebox span,.summary-label,.note,.panel-kicker) {color:var(--st-muted)!important;font-size:12px!important}
#sobig-ui .fortnox-note {background:var(--st-warm)!important;border-color:var(--st-line)!important}
#sobig-ui :is(.form-title,.dialog-title,.modal-title,.sales-order-title,.inventory-pick-title) {color:var(--st-text)!important;font-size:17px!important;font-weight:650!important}
#sobig-ui .dialog-header {border-color:var(--st-line)!important}
#sobig-ui :is(.planning-note,.competency-option,.chan,.chat-box) {background:var(--st-raised)!important;color:var(--st-text)!important;border-color:var(--st-line)!important}
#sobig-ui .planning-note.planner-warning {background:var(--st-warm)!important;color:var(--st-accent-text)!important}
#sobig-ui .competency-option:has(input:checked) {background:var(--st-warm)!important;color:var(--st-accent-text)!important;border-color:var(--st-accent)!important}
#sobig-ui .st-page-heading .brand-title,#sobig-ui body[data-st-page="mina_sidor"] .st-page-heading>div:first-child>div:first-child {color:var(--st-text)!important;font-size:30px!important;font-weight:700!important;letter-spacing:-.7px}
#sobig-ui body>.shell {padding:30px 32px 70px!important;max-width:1640px!important;margin:0 auto!important;min-width:0!important}
#sobig-ui :is(.hero,.summary-item,.metric,.chat,.chatbox) {background:var(--st-panel)!important;color:var(--st-text)!important;border-color:var(--st-line)!important;box-shadow:inset 0 1px var(--st-edge),var(--st-shadow)!important}
#sobig-ui .hero::before,#sobig-ui .hero::after {display:none!important}
#sobig-ui :is(.hero p,.hero .eyebrow,.summary-value,.hero-pill,.chat-message,.message-body) {color:var(--st-text)!important}
#sobig-ui body[data-st-page="jobkort"] .hero {background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
#sobig-ui body[data-st-page="historik"] .content>.table-wrap {width:100%;min-width:0}
#sobig-ui body[data-st-page="historik"] .row {flex-wrap:wrap!important}

@media(hover:hover) {
 #sobig-ui :is(a.kpi,.quick-link):hover {transform:translateY(-2px);border-color:var(--st-accent)!important;box-shadow:inset 0 1px var(--st-edge),0 14px 26px #00000022!important}
 #sobig-ui :is(.btn,.btn-primary,.apply):hover {filter:brightness(1.04)}
}
@media(max-width:1250px) {
 #sobig-ui {--st-nav-width:218px}
 #sobig-ui :is(main.main,main.plan-main,main.tool-main,main.page,body>main) {padding:24px 22px 60px!important}
 #sobig-ui .kpi {padding:17px 13px!important;gap:10px!important}
 #sobig-ui .kpi-icon {width:34px!important;height:34px!important;flex-basis:34px!important}
 #sobig-ui :is(.content-grid,.dashboard-grid) {grid-template-columns:minmax(0,1.25fr) minmax(285px,1fr)!important}
 #sobig-ui .inventory-top-grid {grid-template-columns:1fr!important}
}
@media(max-width:1050px) {
 #sobig-ui .kpi-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #sobig-ui :is(.content-grid,.dashboard-grid) {grid-template-columns:minmax(0,1fr)!important}
 #sobig-ui .layout {grid-template-columns:1fr!important}
 #sobig-ui .inventory-value-card {grid-template-columns:1fr!important}
}
@media(max-width:900px) {
 #sobig-ui body.st-has-sidebar {padding-left:0!important}
 #sobig-ui .st-navigation,#sobig-ui .st-navigation:hover,#sobig-ui .st-navigation:focus-within {position:relative!important;inset:auto!important;width:100%!important;height:auto!important;overflow:visible!important;border-right:0!important;border-bottom:1px solid var(--st-line)!important;box-shadow:0 3px 14px #00000012!important}
 #sobig-ui .st-brand {display:flex!important;align-items:center;justify-content:space-between;padding:14px 20px!important;border-bottom:0!important;gap:12px}
 #sobig-ui .st-brand-home img {width:142px!important;padding:5px 7px;border-radius:7px}
 #sobig-ui .st-brand-caption {margin-top:6px;font-size:8px}
 #sobig-ui .st-menu-toggle {display:flex!important;align-items:center;gap:7px;min-height:44px;padding:10px 13px!important;border:1px solid var(--st-line)!important;border-radius:9px;background:var(--st-panel)!important;color:var(--st-text)!important;font-size:13px!important}
 #sobig-ui .st-navigation .st-nav,#sobig-ui .st-navigation .st-nav-footer {display:none!important}
 #sobig-ui .st-navigation.st-menu-open .st-nav {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px 14px!important;border-top:1px solid var(--st-line);max-height:none!important}
 #sobig-ui .st-navigation.st-menu-open .st-nav-footer {display:block!important}
 #sobig-ui .st-navigation .st-nav-link {min-height:46px!important;font-size:12px!important;padding:10px!important;gap:8px!important}
 #sobig-ui .st-nav-footer .sobig-theme-toggle {max-width:220px}
 #sobig-ui .st-page-heading {padding:22px!important;gap:16px!important;min-height:120px}
 #sobig-ui .st-dashboard-hero {min-height:155px}
 #sobig-ui #planning-board .spb-layout {grid-template-columns:1fr!important}
 #sobig-ui #planning-board .spb-panel {position:static!important}
}
@media(max-width:600px) {
 #sobig-ui .time-form {grid-template-columns:minmax(0,1fr)!important}
 #sobig-ui .time-form .span-all {grid-column:1!important}
 #sobig-ui .chat-form {flex-wrap:wrap}
 #sobig-ui .chat-form input {min-width:0}
 #sobig-ui .schedule-row {grid-template-columns:48px minmax(0,1fr)!important;margin-left:0;padding-left:18px!important}
 #sobig-ui .schedule-row .status {grid-column:2;justify-self:start}
 #sobig-ui .upcoming-row {grid-template-columns:75px minmax(0,1fr)!important}
 #sobig-ui body>.shell {padding:18px 14px 90px!important}
 #sobig-ui :is(main.main,main.plan-main,main.tool-main,main.page,body>main) {padding:18px 14px 90px!important}
 #sobig-ui .st-page-heading {padding:20px!important;align-items:flex-start!important;flex-direction:column!important;border-radius:14px!important;margin-bottom:20px!important}
 #sobig-ui :is(h1,.brand-text-main) {font-size:27px!important}
 #sobig-ui .st-page-heading :is(.topbar-right,.header-right) {width:100%!important;justify-content:flex-start!important;font-size:12px!important}
 #sobig-ui .st-page-heading .seg {max-width:100%;display:flex!important;flex-wrap:wrap!important}
 #sobig-ui .kpi-grid {gap:10px!important}
 #sobig-ui .kpi {padding:16px 12px!important;align-items:flex-start!important;gap:7px!important}
 #sobig-ui .kpi-icon {display:none!important}
 #sobig-ui .kpi-value {font-size:29px!important}
 #sobig-ui .kpi-label,#sobig-ui .kpi-sub {font-size:11px!important}
 #sobig-ui .kpi-arrow {display:none}
 #sobig-ui .quick-grid {grid-template-columns:1fr!important}
 #sobig-ui :is(.panel-header,.inventory-card-head) {padding:16px!important}
 #sobig-ui :is(.quick-grid,.today-list,.stock-body,.upcoming-list) {padding:16px!important}
 #sobig-ui :is(.dates,.grid2,.kpis,.inventory-stats-grid,.inventory-filter-fields) {grid-template-columns:1fr!important}
 #sobig-ui :is(.links,.buttons) {flex-wrap:wrap!important}
 #sobig-ui :is(input,select,textarea) {font-size:16px!important}
 #sobig-ui :is(button,.btn,.btn-secondary,select) {min-height:44px}
 #sobig-ui .st-navigation .st-nav-label {overflow-wrap:anywhere!important}
 #sobig-ui main.login-shell {width:calc(100% - 28px)!important;margin:30px auto!important;padding:25px!important}
}
@media(prefers-reduced-motion:reduce) {
 #sobig-ui *,#sobig-ui *::before,#sobig-ui *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
 #sobig-ui :is(a.kpi,.quick-link):hover {transform:none}
}
}
@media screen {
 #sobig-ui .st-nav .st-nav-section {flex:0 0 auto;grid-column:1 / -1;padding:5px 12px 7px;color:var(--st-muted);font-size:10px;font-weight:700;line-height:1.5;letter-spacing:1.6px;text-transform:uppercase}
 #sobig-ui .st-nav .st-nav-section-admin {margin-top:16px;padding-top:18px;border-top:1px solid var(--st-line)}
}
@media print {
 #sobig-ui .st-menu-toggle,#sobig-ui .st-kicker {display:none!important}
 #sobig-ui .st-brand-home img {width:150px;height:auto}
}

/* 2026-11: shared page background, readable theme surfaces and controls. */
@media screen {
 #sobig-ui {min-height:100%;background:var(--st-bg)!important}
 #sobig-ui body {height:auto!important;min-height:100vh}
 #sobig-ui :is(.unplanned-section,.week-view,.day-schedule,.day-block,.pyramid-level) {background:var(--st-panel)!important;color:var(--st-text)!important;border-color:var(--st-line)!important}
 #sobig-ui :is(.pyramid-person,.hero-pill) {background:var(--st-raised)!important;color:var(--st-text)!important;border-color:var(--st-line)!important}
 #sobig-ui .pyramid-level.level-admin {background:linear-gradient(145deg,var(--st-warm),var(--st-panel))!important;border-color:var(--st-accent)!important}
 #sobig-ui :is(.pyramid-person span,.pyramid-empty) {color:var(--st-muted)!important}
 #sobig-ui .top-links .back {background:var(--st-raised)!important;color:var(--st-text)!important;border-color:var(--st-line)!important}
 #sobig-ui .hierarchy-count {color:var(--st-accent-text)!important;background:var(--st-warm)!important}
 #sobig-ui[data-sobig-theme="light"] :is(.status-planerat,.meta-badge) {color:#155577!important;background:#e0f2fe!important;border-color:#8ebfda!important}
 #sobig-ui[data-sobig-theme="light"] .status-klart {color:#166534!important;background:#dcfce7!important;border-color:#86bba0!important}
 #sobig-ui[data-sobig-theme="light"] .status-annat {color:var(--st-muted)!important;background:var(--st-raised)!important;border-color:var(--st-line)!important}
 #sobig-ui[data-sobig-theme="light"] .priority-hög {color:#87400a!important;background:#ffedd5!important;border-color:#e6ad72!important}
 #sobig-ui[data-sobig-theme="light"] .priority-akut {color:#991b1b!important;background:#fee2e2!important;border-color:#e5a3a3!important}
 #sobig-ui[data-sobig-theme="light"] #filterDialog a:not(.nav-link) {color:var(--st-accent-text)!important}
 #sobig-ui .day-pill {background:var(--st-raised)!important;color:var(--st-text)!important;border-color:var(--st-line)!important}
 #sobig-ui .day-pill.is-selected {background:var(--st-warm)!important;color:var(--st-accent-text)!important;border-color:var(--st-accent)!important}
 #sobig-ui .day-pill span {color:inherit!important}
 #sobig-ui button[type="submit"] {min-height:44px;padding:10px 16px}
 #sobig-ui body[data-st-page="appar"] :is(.intro,.platforms,.app-description,.steps ol,.note) {color:var(--st-muted)!important}
 #sobig-ui body[data-st-page="appar"] .button {background:var(--st-accent)!important;color:#2c1607!important}
 #sobig-ui body[data-st-page="appar"] .button.secondary {background:var(--st-raised)!important;color:var(--st-text)!important;border-color:var(--st-line)!important}
 #sobig-ui body[data-st-page="appar"] .steps {border-color:var(--st-line)!important}
}