:root{--bg:#d9ddd8;--desktop:#cad1cc;--window:#f5f7f8;--panel:#ffffff;--panel-2:#f0f3f4;--sidebar:#172126;--sidebar-2:#1d2a30;--text:#172024;--muted:#6c787e;--line:#d6dde0;--line-dark:#34444b;--accent:#e56f3f;--accent-2:#b14b26;--green:#2d8b67;--amber:#c98a27;--red:#bc4b4b;--blue:#3d74a8;--purple:#7861a7;--shadow:0 24px 80px rgba(26,36,40,.22);--sans:Inter,"Segoe UI",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--sans)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}.desktop-backdrop{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.62),transparent 32%),linear-gradient(135deg,#c9d2cc,#e2e1d7 48%,#c5d0d3);padding:40px 24px 28px;position:relative}.portfolio-ribbon{position:fixed;left:0;right:0;top:0;height:30px;background:#101416;color:#d9e0e3;display:flex;align-items:center;gap:12px;padding:0 14px;z-index:1000;font:10px var(--mono);letter-spacing:.03em}.portfolio-ribbon strong{color:#ff9168}.portfolio-ribbon span{opacity:.72}.ribbon-actions{margin-left:auto;display:flex;gap:6px}.portfolio-ribbon button{height:22px;border:1px solid #465159;background:#20272b;color:#e9eff1;padding:0 8px;font:10px var(--mono)}.app-window{width:min(1510px,calc(100vw - 48px));height:calc(100vh - 70px);min-height:720px;margin:0 auto;background:var(--window);border:1px solid #6e7d84;border-radius:9px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.app-window.maximized{position:fixed;inset:30px 0 0;width:100vw;height:calc(100vh - 30px);min-height:0;border-radius:0;border:0;z-index:900}.titlebar{height:40px;flex:0 0 40px;background:#e9edef;border-bottom:1px solid #cdd5d8;display:flex;align-items:center;padding-left:10px;user-select:none}.app-mark{width:24px;height:24px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2px;margin-right:9px}.app-mark i{display:block;background:var(--accent);border-radius:1px}.app-mark i:nth-child(3){grid-column:1/3}.app-mark.mini{width:18px;height:18px;margin:0 8px 0 0}.title-copy{display:flex;align-items:baseline;gap:9px;min-width:330px}.title-copy strong{font-size:12px;font-weight:700}.title-copy span{font-size:10px;color:var(--muted);border-left:1px solid #b8c1c5;padding-left:9px}.sync-state{margin-left:auto;margin-right:10px;display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3fa97d;box-shadow:0 0 0 2px rgba(63,169,125,.15)}.window-controls{height:40px;display:flex}.window-controls button{width:46px;height:40px;border:0;background:transparent;font-size:15px}.window-controls button:hover{background:#d7dfe2}.window-controls button:last-child:hover{background:#c84e4e;color:#fff}.app-body{display:flex;flex:1;min-height:0}.sidebar{width:238px;flex:0 0 238px;background:linear-gradient(180deg,var(--sidebar),#111a1e);color:#c7d0d4;border-right:1px solid #0c1215;display:flex;flex-direction:column;min-height:0}.workspace-card{height:66px;margin:12px 10px 8px;padding:10px;border:1px solid #2e3d43;background:rgba(255,255,255,.025);display:grid;grid-template-columns:34px 1fr 24px;align-items:center;gap:9px}.workspace-avatar{width:34px;height:34px;border-radius:4px;background:#d96f43;color:white;display:grid;place-items:center;font:bold 12px var(--mono)}.workspace-card strong{display:block;color:#f0f4f5;font-size:11px}.workspace-card span{display:block;margin-top:3px;color:#87969c;font-size:9px}.workspace-card button{border:0;background:transparent;color:#829198}.nav-groups{overflow:auto;padding:0 8px 12px;scrollbar-width:thin}.nav-group{margin-top:12px}.nav-label{display:block;padding:0 9px 5px;color:#62757d;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.nav-item{width:100%;height:36px;border:0;border-radius:4px;background:transparent;color:#aebcc2;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:5px;padding:0 9px;text-align:left;font-size:11px}.nav-item b{font-size:16px;font-weight:500;text-align:center;color:#70838b}.nav-item i{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#3a454a;color:#dbe2e5;font:9px/18px var(--mono);text-align:center;font-style:normal}.nav-item:hover{background:#223138;color:#e8edef}.nav-item.active{background:#2a3a40;color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.nav-item.active b{color:var(--accent)}.sidebar-footer{margin-top:auto;padding:10px;border-top:1px solid #27343a}.sidebar-footer button{width:100%;height:32px;border:1px solid #304047;background:#1b272c;color:#aebbc0;text-align:left;padding:0 10px;font-size:10px}.sidebar-footer button span{font-size:15px;margin-right:8px}.version{margin-top:8px;color:#53656d;font:8px var(--mono);letter-spacing:.06em}.workspace{min-width:0;flex:1;display:flex;flex-direction:column;background:var(--window)}.commandbar{height:58px;flex:0 0 58px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:16px;background:#fafbfb}.breadcrumbs{min-width:190px;font-size:10px;display:flex;gap:7px;color:var(--muted)}.breadcrumbs strong{color:var(--text)}.global-search{width:min(430px,36vw);height:34px;margin-left:auto;border:1px solid #cbd4d7;background:#fff;border-radius:5px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#7b878c;text-align:left;font-size:10px}.global-search span:nth-child(2){flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search kbd{font:9px var(--mono);border:1px solid #d5dcdf;background:#f4f6f7;padding:2px 5px;border-radius:3px}.command-actions{display:flex;align-items:center;gap:7px}.ghost-action,.primary-action,.icon-action,.primary-btn,.secondary-btn,.toolbar-btn{height:32px;border-radius:4px;font-size:10px;font-weight:700}.ghost-action,.secondary-btn,.toolbar-btn{border:1px solid #c9d2d6;background:#fff;padding:0 12px}.primary-action,.primary-btn{border:1px solid #bd542d;background:var(--accent);color:#fff;padding:0 14px}.primary-action:hover,.primary-btn:hover{background:#ce6035}.ghost-action:hover,.secondary-btn:hover,.toolbar-btn:hover{background:#f2f5f6}.icon-action{width:34px;border:1px solid #ccd5d8;background:#fff;position:relative}.icon-action i{position:absolute;right:-4px;top:-5px;min-width:16px;height:16px;border-radius:8px;background:var(--red);color:#fff;font:8px/16px var(--mono);font-style:normal}.view-host{flex:1;min-height:0;overflow:auto;padding:22px 24px 30px}.view{display:none;max-width:1450px;margin:0 auto}.view.active{display:block}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.page-head.compact{align-items:center}.page-head h1{margin:3px 0 5px;font-size:27px;letter-spacing:-.035em}.page-head:not(.compact) h1{font-size:31px}.page-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.5;max-width:680px}.eyebrow{font:9px var(--mono);letter-spacing:.11em;color:#8a969b}.head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.statusbar{height:27px;flex:0 0 27px;border-top:1px solid var(--line);background:#edf1f2;display:flex;align-items:center;gap:18px;padding:0 13px;font:9px var(--mono);color:#718087}.statusbar span:first-child{display:flex;align-items:center;gap:6px}.statusbar span:nth-child(2){margin-left:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 1px 1px rgba(24,33,36,.03);overflow:hidden}.panel-head{height:58px;padding:12px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head h2{font-size:14px;margin:3px 0 0}.panel-link{border:0;background:transparent;color:var(--accent-2);font-size:9px;font-weight:700}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;margin-bottom:10px}.kpi-card{min-height:105px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px;position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--tone,#6d7f87)}.kpi-card span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.kpi-card strong{display:block;font-size:26px;letter-spacing:-.03em;margin-top:10px}.kpi-card small{display:block;font-size:9px;color:#7a878c;margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:10px}.stock-health-body{display:grid;grid-template-columns:190px 1fr;align-items:center;min-height:230px;padding:18px}.health-donut{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 70%,var(--amber) 70% 90%,var(--red) 90% 100%);position:relative}.health-donut:after{content:"";position:absolute;inset:22px;border-radius:50%;background:#fff}.health-donut>div{z-index:1;text-align:center}.health-donut strong{display:block;font-size:24px}.health-donut span{font-size:9px;color:var(--muted)}.health-legend{display:grid;gap:10px}.legend-row{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;font-size:10px}.legend-row i{width:9px;height:9px;border-radius:2px;background:var(--c)}.legend-row span{color:var(--muted)}.legend-row strong{font:11px var(--mono)}.movement-panel{min-height:290px}.compact-select{height:28px;border:1px solid var(--line);background:#fff;font-size:9px;padding:0 7px}.bar-chart{height:195px;padding:24px 18px 8px;display:flex;align-items:flex-end;gap:12px}.chart-day{flex:1;min-width:20px;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px;position:relative;border-bottom:1px solid var(--line)}.chart-day:before{content:attr(data-day);position:absolute;bottom:-20px;font:8px var(--mono);color:#819096}.chart-bar{width:11px;min-height:2px;border-radius:2px 2px 0 0}.chart-bar.in{background:var(--green)}.chart-bar.out{background:var(--accent)}.chart-footer{display:flex;justify-content:center;gap:22px;padding:13px;font-size:9px;color:var(--muted)}.chart-footer span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:1px;background:var(--green)}.chart-footer span+span:before{background:var(--accent)}.alert-list,.activity-feed{max-height:295px;overflow:auto}.alert-row,.activity-row{padding:11px 14px;border-bottom:1px solid #edf0f1;display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center}.alert-icon,.activity-icon{width:30px;height:30px;border-radius:5px;display:grid;place-items:center;background:#f4e7df;color:#b75e36;font-weight:700}.alert-row strong,.activity-row strong{display:block;font-size:10px}.alert-row p,.activity-row p{margin:3px 0 0;font-size:9px;color:var(--muted)}.alert-row button{border:0;background:transparent;color:var(--accent-2);font-size:9px;font-weight:700}.activity-icon{background:#e6eff2;color:#477384}.activity-row time{font:8px var(--mono);color:#8b979c}.toolbar{min-height:48px;border:1px solid var(--line);background:#eef2f3;border-radius:6px 6px 0 0;display:flex;align-items:center;gap:7px;padding:7px 9px}.search-field{height:32px;min-width:260px;display:flex;align-items:center;gap:6px;border:1px solid #c9d2d5;background:#fff;border-radius:4px;padding:0 9px}.search-field input{border:0;outline:0;width:100%;font-size:10px;background:transparent}.toolbar select{height:32px;border:1px solid #c9d2d5;background:#fff;border-radius:4px;padding:0 7px;font-size:10px}.toolbar-spacer{flex:1}.result-count{font:9px var(--mono);color:#79878d}.table-panel{border:1px solid var(--line);border-top:0;background:#fff;overflow:auto;max-height:calc(100vh - 235px);min-height:340px}.data-table{width:100%;border-collapse:collapse;font-size:10px}.data-table th{position:sticky;top:0;z-index:2;height:34px;padding:0 10px;background:#f2f5f6;border-bottom:1px solid var(--line);text-align:left;font-size:8px;text-transform:uppercase;letter-spacing:.045em;color:#6f7c82}.data-table td{height:43px;padding:6px 10px;border-bottom:1px solid #edf0f1;white-space:nowrap}.data-table tbody tr:hover{background:#f7f9fa}.data-table tbody tr.selected{background:#edf3f5}.item-cell{display:flex;align-items:center;gap:9px}.item-icon{width:27px;height:27px;border-radius:4px;background:#e5ebed;display:grid;place-items:center;font:bold 9px var(--mono);color:#62757d}.item-cell strong{display:block;font-size:10px}.item-cell small{display:block;margin-top:2px;color:#87949a;font:8px var(--mono)}.status-pill{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:10px;font:8px var(--mono);background:#e9eef0;color:#65757b}.status-pill.healthy{background:#e4f3ec;color:#257251}.status-pill.low{background:#fff0da;color:#9b671d}.status-pill.out{background:#f9e2e2;color:#983c3c}.status-pill.over{background:#e8e8f7;color:#665496}.money{font-family:var(--mono)}.split-layout{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(460px,1.1fr);gap:12px}.form-panel{min-height:530px}.desktop-form{padding:16px;display:grid;gap:12px}.desktop-form label,.issue-context label{display:grid;gap:5px;font-size:9px;color:#68767c;text-transform:uppercase;letter-spacing:.04em}.desktop-form input,.desktop-form select,.desktop-form textarea,.issue-context input,.issue-context select{width:100%;border:1px solid #cad3d6;background:#fff;border-radius:4px;padding:0 9px;font-size:10px;text-transform:none;letter-spacing:0;color:var(--text)}.desktop-form input,.desktop-form select,.issue-context input,.issue-context select{height:34px}.desktop-form textarea{padding-top:8px;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.mono-pill{display:inline-flex;height:25px;align-items:center;padding:0 8px;border:1px solid var(--line);background:#f4f6f7;border-radius:3px;font:8px var(--mono);color:#6e7d82}.timeline-list{padding:6px 14px 14px;max-height:510px;overflow:auto}.timeline-row{display:grid;grid-template-columns:18px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid #edf0f1}.timeline-dot{width:9px;height:9px;border-radius:50%;margin-top:3px;background:var(--accent)}.timeline-row strong{display:block;font-size:10px}.timeline-row p{margin:3px 0 0;font-size:9px;color:var(--muted)}.timeline-row time{font:8px var(--mono);color:#8b979c}.issue-layout{display:grid;grid-template-columns:minmax(550px,1.15fr) minmax(430px,.85fr);gap:12px}.issue-builder{min-height:580px}.issue-context{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border-bottom:1px solid var(--line)}.issue-context label:last-child{grid-column:1/3}.inventory-picker{padding:12px}.inventory-picker .search-field{width:100%}.picker-list{margin-top:10px;border:1px solid var(--line);border-radius:4px;overflow:auto;max-height:405px}.picker-item{height:53px;padding:7px 9px;border-bottom:1px solid #edf0f1;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.picker-item:last-child{border-bottom:0}.picker-item strong{font-size:10px}.picker-item small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.picker-meta{text-align:right;font:8px var(--mono);color:#6d7c82}.picker-item button{height:27px;border:1px solid #c6d0d3;background:#fff;border-radius:3px;font-size:9px;font-weight:700}.issue-cart-panel{min-height:580px;display:flex;flex-direction:column}.cart-table-wrap{flex:1;overflow:auto}.compact-table td{height:40px}.qty-control{display:flex;align-items:center}.qty-control button{width:22px;height:22px;border:1px solid #ccd4d7;background:#f6f8f8}.qty-control input{width:38px;height:22px;border:1px solid #ccd4d7;border-left:0;border-right:0;text-align:center;font:9px var(--mono)}.remove-row{border:0;background:transparent;color:#a34e4e;font-size:14px}.issue-warnings{padding:0 12px}.warning-line{margin-top:7px;padding:7px 8px;border-radius:3px;background:#fff2df;color:#8e641f;font-size:9px}.warning-line.error{background:#fbe5e5;color:#963e3e}.cart-summary{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.cart-summary div{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#f3f6f6}.cart-summary span{font-size:9px;color:var(--muted)}.cart-summary strong{font:11px var(--mono)}.full-btn{margin:0 12px 12px;width:calc(100% - 24px);height:37px}.inline-info{padding:9px;background:#eef3f4;border:1px solid #d5dddf;font-size:9px;color:#64757b}.reorder-banner{margin-bottom:10px;border:1px solid #e5c99d;background:#fff5e4;border-radius:5px;padding:10px 12px;font-size:10px;color:#805a1e}.row-action{border:1px solid #ccd5d8;background:#fff;border-radius:3px;height:26px;font-size:9px}.department-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:10px}.department-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px}.department-card-head{display:flex;justify-content:space-between;align-items:start}.department-card h3{font-size:13px;margin:0}.department-card p{margin:5px 0 13px;font-size:9px;color:var(--muted)}.department-card .dept-id{font:8px var(--mono);color:#8a979c}.dept-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dept-metrics div{background:#f3f6f6;padding:8px}.dept-metrics span{display:block;font-size:8px;color:var(--muted)}.dept-metrics strong{display:block;margin-top:5px;font:11px var(--mono)}.progress-track{height:5px;background:#e5eaec;border-radius:3px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--accent);border-radius:3px}.supplier-grid{display:grid;grid-template-columns:repeat(3,minmax(270px,1fr));gap:10px}.supplier-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px}.supplier-card h3{font-size:12px;margin:0}.supplier-card p{font-size:9px;color:var(--muted);margin:5px 0 12px}.supplier-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.supplier-stats div{padding:8px;background:#f4f6f7}.supplier-stats span{display:block;font-size:8px;color:var(--muted)}.supplier-stats strong{display:block;margin-top:4px;font:10px var(--mono)}.report-tabs{display:flex;border-bottom:1px solid var(--line);gap:2px}.report-tabs button{height:34px;border:0;background:transparent;padding:0 13px;font-size:9px;color:#66767c}.report-tabs button.active{color:var(--accent-2);box-shadow:inset 0 -2px 0 var(--accent)}.report-content{margin-top:10px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.report-stat{border:1px solid var(--line);background:#fff;padding:12px;border-radius:5px}.report-stat span{font-size:8px;color:var(--muted)}.report-stat strong{display:block;font:18px var(--mono);margin-top:7px}.audit-timeline{background:#fff;border:1px solid var(--line);border-radius:0 0 6px 6px;padding:0 14px;max-height:calc(100vh - 250px);overflow:auto}.audit-row{display:grid;grid-template-columns:95px 26px 1fr 110px;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid #edf0f1}.audit-time{font:8px var(--mono);color:#7d8b91}.audit-type{width:24px;height:24px;border-radius:4px;background:#e8eef0;display:grid;place-items:center;font-size:10px}.audit-row strong{font-size:10px}.audit-row p{margin:3px 0 0;font-size:9px;color:var(--muted)}.audit-user{text-align:right;font:8px var(--mono);color:#7c8b91}.admin-layout{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-panel{grid-column:1/3}.user-list{padding:6px 14px 14px}.user-row{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f1}.user-avatar{width:32px;height:32px;border-radius:50%;background:#e5ebed;display:grid;place-items:center;font:bold 9px var(--mono)}.user-row strong{display:block;font-size:10px}.user-row span{font-size:8px;color:var(--muted)}.role-chip{padding:4px 7px;border-radius:10px;background:#edf1f2;font:8px var(--mono)}.role-matrix{padding:10px 14px}.role-row{display:grid;grid-template-columns:120px repeat(3,1fr);align-items:center;min-height:36px;border-bottom:1px solid #edf0f1;font-size:9px}.role-row.header{font:8px var(--mono);color:var(--muted)}.role-row i{text-align:center;font-style:normal}.permission-yes{color:var(--green)}.permission-no{color:#b8c0c4}.settings-list{padding:8px 14px 14px}.settings-list label{min-height:52px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f1}.settings-list span{font-size:10px;font-weight:700}.settings-list small{display:block;margin-top:3px;font-size:8px;font-weight:400;color:var(--muted)}.settings-list input{width:34px;height:18px}.drawer{position:fixed;right:0;top:30px;bottom:0;width:430px;background:#f7f9f9;border-left:1px solid #9ba8ad;box-shadow:-18px 0 50px rgba(21,30,34,.18);z-index:1200;display:flex;flex-direction:column}.drawer-head{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:#fff}.drawer-head h2{margin:4px 0 0;font-size:18px}.drawer-head button,.modal-titlebar button,.notification-head button{width:30px;height:30px;border:0;background:transparent;font-size:20px}.drawer-body{flex:1;overflow:auto;padding:16px}.detail-hero{padding:14px;background:#18252b;color:#fff;border-radius:5px}.detail-hero .sku{font:8px var(--mono);color:#91a1a8}.detail-hero h3{font-size:20px;margin:6px 0}.detail-hero p{font-size:9px;color:#adbbc1;margin:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.detail-metric{background:#fff;border:1px solid var(--line);padding:10px}.detail-metric span{font-size:8px;color:var(--muted)}.detail-metric strong{display:block;margin-top:5px;font:12px var(--mono)}.location-list{margin-top:12px;border:1px solid var(--line);background:#fff}.location-row{display:flex;justify-content:space-between;padding:9px 10px;border-bottom:1px solid #edf0f1;font-size:9px}.modal-overlay,.palette-overlay{position:fixed;inset:30px 0 0;background:rgba(13,20,23,.38);z-index:1400;display:grid;place-items:center}.desktop-modal{width:min(560px,calc(100vw - 36px));max-height:calc(100vh - 80px);background:#f7f9f9;border:1px solid #728188;border-radius:6px;box-shadow:0 28px 80px rgba(0,0,0,.35);overflow:hidden}.modal-titlebar{height:38px;background:#e8edef;border-bottom:1px solid #c9d3d6;display:flex;align-items:center;justify-content:space-between;padding-left:12px;font-size:11px}.modal-body{padding:15px;overflow:auto;max-height:calc(100vh - 120px)}.modal-form{display:grid;gap:10px}.modal-form label{display:grid;gap:4px;font-size:9px;color:var(--muted);text-transform:uppercase}.modal-form input,.modal-form select,.modal-form textarea{height:34px;border:1px solid #cad3d6;background:#fff;border-radius:4px;padding:0 9px;font-size:10px;text-transform:none}.modal-form textarea{height:auto;padding-top:8px}.modal-form .form-actions{margin-top:8px}.palette-overlay{place-items:start center;padding-top:90px}.command-palette{width:min(650px,calc(100vw - 40px));background:#fff;border:1px solid #78868c;border-radius:7px;box-shadow:0 30px 90px rgba(0,0,0,.35);overflow:hidden}.palette-input{height:52px;display:flex;align-items:center;gap:9px;padding:0 13px;border-bottom:1px solid var(--line)}.palette-input input{flex:1;border:0;outline:0;font-size:12px}.palette-input kbd{font:8px var(--mono);border:1px solid var(--line);padding:3px 5px;border-radius:3px}.palette-results{max-height:420px;overflow:auto;padding:7px}.palette-result{height:43px;width:100%;border:0;background:transparent;border-radius:4px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;text-align:left;padding:0 9px}.palette-result:hover,.palette-result.active{background:#eef2f3}.palette-result b{width:26px;height:26px;display:grid;place-items:center;background:#e3e9eb;border-radius:4px}.palette-result strong{display:block;font-size:10px}.palette-result small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.palette-result em{font:8px var(--mono);color:#829096;font-style:normal}.notification-panel{position:fixed;right:30px;top:94px;width:360px;max-height:560px;background:#fff;border:1px solid #7d8a8f;border-radius:6px;box-shadow:0 22px 60px rgba(0,0,0,.25);z-index:1300;overflow:hidden}.notification-head{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line);font-size:11px}.notification-item{padding:10px 12px;border-bottom:1px solid #edf0f1}.notification-item strong{font-size:10px}.notification-item p{font-size:9px;color:var(--muted);margin:3px 0 0}.toast-host{position:fixed;right:24px;bottom:24px;z-index:1800;display:grid;gap:7px}.toast{min-width:290px;max-width:380px;padding:10px 12px;background:#172126;color:#fff;border:1px solid #31434b;border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.24);font-size:10px;animation:toastin .18s ease}.toast.success{border-left:3px solid var(--green)}.toast.warn{border-left:3px solid var(--amber)}.toast.error{border-left:3px solid var(--red)}@keyframes toastin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.taskbar-app{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);height:38px;border:1px solid #6f7d83;background:#eef2f3;border-radius:5px;box-shadow:0 10px 35px rgba(0,0,0,.2);display:flex;align-items:center;padding:0 13px;font-size:10px}.closed-launcher{position:fixed;inset:30px 0 0;display:grid;place-items:center}.closed-launcher button{width:280px;height:130px;background:#eff3f3;border:1px solid #849197;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;justify-content:center}.closed-launcher .app-mark{margin:0 0 10px}.closed-launcher strong{font-size:12px}.closed-launcher small{margin-top:5px;color:var(--muted)}body.dark{--window:#182126;--panel:#202b30;--panel-2:#1b252a;--text:#e7edef;--muted:#95a3a9;--line:#334247;--bg:#11191d}.dark .desktop-backdrop{background:linear-gradient(135deg,#1b2429,#11181c)}.dark .titlebar,.dark .commandbar,.dark .statusbar{background:#202b30;border-color:#334247}.dark .global-search,.dark .toolbar,.dark .toolbar select,.dark .search-field,.dark .ghost-action,.dark .secondary-btn,.dark .toolbar-btn,.dark .icon-action,.dark .compact-select,.dark .desktop-form input,.dark .desktop-form select,.dark .desktop-form textarea,.dark .issue-context input,.dark .issue-context select{background:#1b252a;border-color:#3a4a50;color:#e3e9eb}.dark .kpi-card,.dark .panel,.dark .table-panel,.dark .data-table th,.dark .drawer,.dark .drawer-head,.dark .detail-metric,.dark .location-list,.dark .desktop-modal,.dark .command-palette,.dark .notification-panel{background:#202b30;border-color:#35454b}.dark .data-table th,.dark .toolbar,.dark .cart-summary div,.dark .inline-info{background:#1b252a}.dark .health-donut:after{background:#202b30}.dark .picker-item:hover,.dark .data-table tbody tr:hover{background:#26343a}.dark .modal-titlebar{background:#253238;border-color:#3b4a50}.dark .progress-track{background:#334248}@media(max-width:1350px){.sidebar{width:190px;flex-basis:190px}.workspace-card{grid-template-columns:30px 1fr}.workspace-card button{display:none}.global-search{width:290px}.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid,.split-layout,.issue-layout{grid-template-columns:1fr}.department-grid,.supplier-grid{grid-template-columns:repeat(2,1fr)}.report-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.desktop-backdrop{padding-left:8px;padding-right:8px}.app-window{width:calc(100vw - 16px);min-width:760px}.portfolio-ribbon span{display:none}.sidebar{width:170px;flex-basis:170px}.command-actions .ghost-action{display:none}.view-host{padding:18px}.kpi-grid{grid-template-columns:repeat(2,1fr)}}


/* UI reliability + readability pass */
.ui-svg{width:1em;height:1em;display:block;overflow:visible}.nav-icon{width:24px;height:24px;display:grid!important;place-items:center}.nav-icon .ui-svg{width:16px;height:16px}.nav-label{color:#91a4ac!important;font-size:9px}.nav-item{color:#c5d0d4!important;font-size:11px}.nav-item b{color:#9cafb6!important}.nav-item:hover{color:#fff!important}.nav-item.active{color:#fff!important}.nav-item.active b{color:#ff8b5d!important}.workspace-card span{color:#a6b5bb!important}.version{color:#81959d!important}.sidebar-footer button{color:#c7d2d6!important}.sidebar-footer .theme-icon{display:inline-grid;vertical-align:middle;width:18px;height:18px;margin-right:7px}.sidebar-footer .theme-icon .ui-svg{width:15px;height:15px}.global-search .search-symbol,.palette-input .search-symbol{display:grid;place-items:center;width:20px;height:20px}.global-search .search-symbol .ui-svg,.palette-input .search-symbol .ui-svg{width:15px;height:15px}.icon-action{display:grid;place-items:center}.icon-action>.ui-svg{width:16px;height:16px}.eyebrow{color:#5e6d73!important}.page-head p,.timeline-row p,.activity-row p,.picker-item small,.settings-list small,.palette-result small{color:#596970}.data-table th{color:#586970}.result-count,.timeline-row time,.activity-row time{color:#617279}.panel-link{color:#8e3517}.status-pill.healthy{background:#d9eee4;color:#155d3e}.status-pill.low{background:#ffebc9;color:#6d4308}.status-pill.out{background:#f7dada;color:#7b2727}.status-pill.over{background:#e3def3;color:#493676}.alert-row.actionable{cursor:pointer}.alert-row.actionable:hover{background:#f8fafb}.alert-icon .ui-svg,.activity-icon .ui-svg,.audit-type .ui-svg{width:15px;height:15px}.alert-icon.error{background:#f7dada;color:#8a2f2f}.alert-icon.warn{background:#fff0d9;color:#865814}.alert-icon.success{background:#dff0e7;color:#1b6847}.activity-icon{color:#315f72}.audit-type{display:grid;place-items:center}.audit-type .ui-svg{width:14px;height:14px}.item-icon{color:#425d69}.item-icon .ui-svg{width:16px;height:16px}.palette-result b{color:#3e5965}.palette-result b .palette-svg{width:15px;height:15px}.notification-panel{width:390px}.notification-head{font-weight:700}.notification-panel #notificationList{max-height:500px;overflow:auto}.notification-item{width:100%;min-height:67px;padding:10px 12px;border:0;border-bottom:1px solid #e2e8ea;background:#fff;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;color:var(--text)}button.notification-item{cursor:pointer}.notification-item:hover{background:#f3f7f8}.notification-item:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.notification-icon{width:30px;height:30px;border-radius:5px;background:#e8eef0;color:#4b6874;display:grid;place-items:center}.notification-item.warn .notification-icon{background:#fff0d9;color:#865814}.notification-item.error .notification-icon{background:#f7dada;color:#8a2f2f}.notification-icon .ui-svg{width:15px;height:15px}.notification-copy{min-width:0}.notification-item strong{display:block;font-size:10px;color:var(--text)}.notification-item p{font-size:9px;color:#596970;margin:3px 0 0;line-height:1.45}.notification-open{white-space:nowrap;color:#8e3517;font-size:9px;font-weight:700}.notification-item.empty{grid-template-columns:32px 1fr}.dark{--muted:#b2c0c5}.dark .nav-label{color:#9db0b7!important}.dark .nav-item{color:#cbd6da!important}.dark .nav-item b{color:#a8bbc2!important}.dark .workspace-card span{color:#aebdc2!important}.dark .version{color:#8fa4ac!important}.dark .eyebrow,.dark .page-head p,.dark .timeline-row p,.dark .activity-row p,.dark .picker-item small,.dark .settings-list small,.dark .palette-result small,.dark .data-table th,.dark .result-count,.dark .timeline-row time,.dark .activity-row time{color:#b1c0c5!important}.dark .panel-link,.dark .notification-open{color:#ff9b72}.dark .notification-item{background:#202b30;border-color:#35454b;color:#e7edef}.dark .notification-item:hover{background:#29373d}.dark .notification-item p{color:#b1c0c5}.dark .notification-item strong{color:#eef3f4}.dark .status-pill.healthy{background:#193c30;color:#9bdfbf}.dark .status-pill.low{background:#493715;color:#ffd58a}.dark .status-pill.out{background:#4b2424;color:#ffb1b1}.dark .status-pill.over{background:#352c4c;color:#cabcf2}.dark .alert-row.actionable:hover{background:#26343a}


.workspace-card #workspaceMenu{display:grid;place-items:center}.workspace-card #workspaceMenu .ui-svg{width:16px;height:16px}.search-field .search-symbol{display:grid;place-items:center;width:18px;height:18px;color:#5f7077}.search-field .search-symbol .ui-svg{width:14px;height:14px}.workspace-menu-modal{display:grid;gap:8px}.workspace-menu-profile{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:8px 6px 14px;border-bottom:1px solid var(--line);margin-bottom:2px}.workspace-menu-profile .workspace-avatar{width:38px;height:38px}.workspace-menu-profile strong{display:block;font-size:11px}.workspace-menu-profile span{display:block;margin-top:3px;font-size:9px;color:var(--muted)}.workspace-menu-modal>button{width:100%;min-height:52px;border:1px solid var(--line);background:#fff;border-radius:4px;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:9px;text-align:left;padding:8px 10px}.workspace-menu-modal>button:hover{background:#f2f6f7}.workspace-menu-modal>button>.ui-svg{width:17px;height:17px;color:#4e6873}.workspace-menu-modal>button strong{display:block;font-size:10px}.workspace-menu-modal>button small{display:block;margin-top:3px;font-size:8px;color:#596970}.po-line-row>span{display:grid;gap:3px}.po-line-row small{color:#596970;font-size:8px}.dark .workspace-menu-modal>button{background:#1b252a;border-color:#3a4a50}.dark .workspace-menu-modal>button:hover{background:#29373d}.dark .workspace-menu-modal>button small,.dark .po-line-row small{color:#b1c0c5}


.card-head-actions{display:flex;align-items:center;gap:7px}.supplier-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.supplier-card-head p{margin-bottom:12px}.department-card .row-action,.supplier-card .row-action{padding:0 8px}.user-row{grid-template-columns:35px 1fr auto auto}.danger-btn{height:32px;border:1px solid #c57979;background:#fff0f0;color:#8a2f2f;border-radius:4px;padding:0 12px;font-size:10px;font-weight:700}.danger-btn:hover{background:#f8dddd}.dark .department-card,.dark .supplier-card{background:#202b30;border-color:#35454b}.dark .dept-metrics div,.dark .supplier-stats div{background:#1b252a}.dark .row-action{background:#1b252a;border-color:#46575e;color:#dce5e8}.dark .danger-btn{background:#4b2424;border-color:#7b3b3b;color:#ffb7b7}


/* Dark-mode readability + notification navigation refinement */
.data-table tr.notification-target{animation:notification-target-pulse 2.6s ease}
@keyframes notification-target-pulse{0%,100%{box-shadow:none}12%,55%{box-shadow:inset 4px 0 0 var(--accent);background:#fff3e9}}
.dark .data-table tr.notification-target{animation:notification-target-pulse-dark 2.6s ease}
@keyframes notification-target-pulse-dark{0%,100%{box-shadow:none}12%,55%{box-shadow:inset 4px 0 0 #ff8b5d;background:#2c3b41}}

.dark .global-search,
.dark .search-field,
.dark .palette-input,
.dark .toolbar input,
.dark .toolbar select,
.dark .compact-select,
.dark .desktop-form input,
.dark .desktop-form select,
.dark .desktop-form textarea,
.dark .issue-context input,
.dark .issue-context select,
.dark .modal-form input,
.dark .modal-form select,
.dark .modal-form textarea{
  background:#0f181c!important;
  border-color:#566a72!important;
  color:#f2f7f8!important;
}
.dark .global-search{color:#dce7ea!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.dark .global-search span:nth-child(2){color:#dce7ea!important}
.dark input::placeholder,.dark textarea::placeholder{color:#9fb0b7!important;opacity:1}
.dark .global-search kbd,.dark .palette-input kbd{
  background:#34464e!important;
  border-color:#667b84!important;
  color:#f7fbfc!important;
  box-shadow:none!important;
}
.dark .command-palette{background:#18252a!important;border-color:#647780!important}
.dark .palette-input{border-bottom-color:#45575e!important}
.dark .palette-results{background:#18252a!important}
.dark .palette-result{color:#e7eef0!important}
.dark .palette-result strong{color:#f5f8f9!important}
.dark .palette-result small{color:#b9c6cb!important}
.dark .palette-result em{color:#a7b7bd!important}
.dark .palette-result b{background:#31434a!important;color:#d9e7eb!important}
.dark .palette-result:hover,.dark .palette-result.active{
  background:#304148!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 #ff8b5d;
}
.dark .palette-result:hover b,.dark .palette-result.active b{background:#40555d!important;color:#fff!important}

.dark .ghost-action,.dark .secondary-btn,.dark .toolbar-btn,.dark .row-action{
  background:#1b292f!important;
  border-color:#5a6e77!important;
  color:#edf4f6!important;
}
.dark .ghost-action:hover,.dark .secondary-btn:hover,.dark .toolbar-btn:hover,.dark .row-action:hover{
  background:#304149!important;
  border-color:#71868e!important;
}
.dark .primary-action,.dark .primary-btn{color:#fff!important;border-color:#e36f42!important}
.dark .panel-link{color:#ff9f78!important}
.dark .drawer-body,.dark .drawer-head{color:#edf3f5!important}
.dark .detail-hero .sku,.dark .detail-hero p{color:#c2cfd3!important}
.dark .detail-metric span,.dark .location-row,.dark .supplier-card p,.dark .department-card p,.dark .user-row span{color:#b7c5ca!important}
.dark .role-chip,.dark .mono-pill{background:#314149!important;color:#edf3f5!important;border-color:#53666e!important}
.dark .permission-no{color:#84969d!important}
.dark .statusbar{color:#b8c6cb!important}
.dark .statusbar #statusSummary{color:#dbe4e7!important}
.dark .window-controls button{color:#e8eff1!important}
.dark .window-controls button:hover{background:#35454c!important}
.dark .window-controls button:last-child:hover{background:#b74444!important;color:#fff!important}

.dark .palette-input{background:#0f181c!important;border-color:#566a72!important}
.dark .palette-input input{background:#0f181c!important;color:#f2f7f8!important;caret-color:#ff8b5d!important}
.dark .palette-input input::placeholder{color:#aebdc2!important;opacity:1}


/* Theme control + intentional monogram avatars */
.sidebar-footer #themeToggle{display:flex;align-items:center;gap:7px;color:#d6e0e3!important;background:#1a272c!important;border-color:#405159!important;font-weight:700;transition:background .15s ease,border-color .15s ease,color .15s ease}.sidebar-footer #themeToggle:hover{background:#25353b!important;border-color:#5a7079!important;color:#fff!important}.sidebar-footer #themeToggle:focus-visible{outline:2px solid #ff8b5d;outline-offset:2px}.sidebar-footer #themeToggle .theme-icon{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;margin:0}.sidebar-footer #themeToggle .theme-icon .ui-svg{width:16px;height:16px}.user-row{grid-template-columns:38px minmax(0,1fr) auto auto}.user-avatar{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);display:grid;place-items:center;overflow:hidden;font:800 10px var(--mono);letter-spacing:.04em;color:#fff!important;background:#526972}.user-avatar span{display:block;color:inherit!important;font:inherit!important}.user-avatar.role-administrator{background:linear-gradient(145deg,#e56f3f,#a64324)}.user-avatar.role-supervisor{background:linear-gradient(145deg,#397aa2,#28526d)}.user-avatar.role-viewer{background:linear-gradient(145deg,#7861a7,#514073)}.user-row.user-disabled{opacity:.62}.dark .user-avatar{border-color:rgba(255,255,255,.22);box-shadow:0 0 0 1px rgba(0,0,0,.25)}

/* Full-theme sidebar: light mode is genuinely light; dark mode restores desktop dark navigation. */
body:not(.dark) .sidebar{
  background:linear-gradient(180deg,#f4f7f8 0%,#e9eef0 100%);
  color:#26343a;
  border-right:1px solid #c7d1d5;
}
body:not(.dark) .workspace-card{
  border-color:#cbd5d9;
  background:#fff;
  box-shadow:0 1px 2px rgba(27,39,44,.04);
}
body:not(.dark) .workspace-card strong{color:#1d292e}
body:not(.dark) .workspace-card span{color:#5f7077!important}
body:not(.dark) .workspace-card button{color:#65777e}
body:not(.dark) .workspace-card button:hover{background:#edf2f4;color:#26383f}
body:not(.dark) .nav-label{color:#687b83!important}
body:not(.dark) .nav-item{color:#31444c!important}
body:not(.dark) .nav-item b{color:#60757e!important}
body:not(.dark) .nav-item i{background:#dce5e8;color:#40565f}
body:not(.dark) .nav-item:hover{background:#e5ecef;color:#17262c!important}
body:not(.dark) .nav-item.active{
  background:#dce7eb;
  color:#15242a!important;
  box-shadow:inset 3px 0 0 var(--accent);
}
body:not(.dark) .nav-item.active b{color:#c4532d!important}
body:not(.dark) .sidebar-footer{border-top-color:#cbd5d9}
body:not(.dark) .sidebar-footer button{
  border-color:#c2cdd1;
  background:#fff;
  color:#263a42!important;
}
body:not(.dark) .sidebar-footer button:hover{background:#e8eef1}
body:not(.dark) .version{color:#667981!important}

body.dark .sidebar{
  background:linear-gradient(180deg,#172126,#111a1e);
  color:#c7d0d4;
  border-right:1px solid #0c1215;
}
body.dark .workspace-card{border-color:#2e3d43;background:rgba(255,255,255,.025);box-shadow:none}
body.dark .workspace-card strong{color:#f0f4f5}
body.dark .workspace-card button{color:#829198}
body.dark .workspace-card button:hover{background:#223138;color:#e8edef}
body.dark .nav-item:hover{background:#223138;color:#fff!important}
body.dark .nav-item.active{background:#2a3a40;color:#fff!important;box-shadow:inset 3px 0 0 var(--accent)}
body.dark .nav-item.active b{color:#ff8b5d!important}
body.dark .nav-item i{background:#3a454a;color:#dbe2e5}
body.dark .sidebar-footer{border-top-color:#27343a}
body.dark .sidebar-footer button{border-color:#304047;background:#1b272c;color:#c7d2d6!important}
body.dark .sidebar-footer button:hover{background:#24343b}

body:not(.dark) .sidebar-footer #themeToggle{
  background:#fff!important;
  border-color:#bcc8cd!important;
  color:#253941!important;
  box-shadow:0 1px 1px rgba(24,36,41,.03);
}
body:not(.dark) .sidebar-footer #themeToggle:hover{
  background:#e7eef1!important;
  border-color:#9fadb3!important;
  color:#14272e!important;
}
body.dark .sidebar-footer #themeToggle{
  color:#d6e0e3!important;
  background:#1a272c!important;
  border-color:#405159!important;
}
body.dark .sidebar-footer #themeToggle:hover{
  background:#25353b!important;
  border-color:#5a7079!important;
  color:#fff!important;
}


/* Accessible contrast and complete dark surfaces */
.primary-action,.primary-btn{background:#b14b26;border-color:#923a19;color:#fff}
.primary-action:hover,.primary-btn:hover{background:#9d3d19;border-color:#843014}
.kpi-card small,.item-cell small{color:#586970}
.result-count{color:#53646b}
.mono-pill{color:#4d5f66}
.picker-meta{color:#53646b}
.cart-summary span,.dept-metrics span,.supplier-stats span{color:#53646b}
.department-card .dept-id{color:#53646b}
.report-tabs button{color:#53646b}
.audit-time,.audit-user{color:#53646b}
.role-chip{color:#465960}
.permission-yes{color:#1d6b4e;font-weight:700}
.permission-no{color:#586a71;font-weight:700}
.inline-info{color:#53646b}

.dark .report-stat,.dark .audit-timeline{background:#202b30;border-color:#35454b;color:#e7edef}
.dark .report-stat span{color:#bdc9cd}
.dark .report-stat strong{color:#f0f5f6}
.dark .report-tabs button{color:#bdc9cd}
.dark .report-tabs button.active{color:#ff9b72}
.dark .desktop-form label,.dark .issue-context label,.dark .modal-form label{color:#c4d0d4}
.dark .picker-meta{color:#bbc8cc}
.dark .picker-item button,.dark .row-action,.dark .qty-control button{background:#1b252a;border-color:#485a61;color:#eef3f4}
.dark .qty-control input{background:#121c20;border-color:#485a61;color:#eef3f4}
.dark .inline-info{background:#1b252a;border-color:#3d4d53;color:#c5d0d4}
.dark .kpi-card small{color:#bdc9cd}
.dark .alert-row button{color:#ff9b72}
.dark .audit-row strong{color:#eef3f4}
.dark .audit-row p,.dark .audit-time,.dark .audit-user{color:#b9c6cb}
.dark .mono-pill{background:#1b252a;border-color:#3d4d53;color:#c4d0d4}
.dark .cart-summary span,.dark .dept-metrics span,.dark .supplier-stats span,.dark .department-card .dept-id{color:#b9c6cb}
.dark .dept-metrics div,.dark .supplier-stats div{background:#1b252a}
.dark .role-chip{background:#314147;color:#dce6e9}
.dark .permission-yes{color:#91d7ba}
.dark .permission-no{color:#a7b5ba}
.dark .warning-line{background:#493715;color:#ffd58a}
.dark .warning-line.error{background:#4b2424;color:#ffb1b1}
.dark .reorder-banner{background:#403117;border-color:#72562a;color:#ffd48a}
.dark .modal-form input,.dark .modal-form select,.dark .modal-form textarea{background:#121c20;border-color:#46575e;color:#eef3f4}
.dark .workspace-menu-modal>button{background:#1b252a;border-color:#3d4d53;color:#eef3f4}
.dark .workspace-menu-modal>button:hover{background:#29383e}
.dark .workspace-menu-modal>button small{color:#b8c5ca}
.dark .danger-btn{background:#4b2424;border-color:#713737;color:#ffb1b1}
.dark .danger-btn:hover{background:#5c2d2d}

/* Final contrast corrections */
.user-row .role-chip{color:#465960}
.dark .user-row .role-chip{color:#dce6e9}
.dark .item-cell small{color:#b9c6cb}

/* Contrast corrections for hidden surfaces */
.modal-form label{color:#52636a}
.palette-result em{color:#52636a}
.workspace-menu-profile span{color:#52636a}
.workspace-avatar{background:#b14b26}
.dark .workspace-menu-profile span{color:#b8c5ca}

/* Keep the desktop-style workspace usable on narrow screens. */
@media (max-width:820px){
  html,body{overflow-x:hidden}
  .desktop-backdrop{padding:36px 0 20px;min-height:100vh}
  .portfolio-ribbon{height:auto;min-height:32px;flex-wrap:wrap;padding:4px 8px;gap:6px}
  .portfolio-ribbon span{display:none}
  .ribbon-actions{margin-left:0;width:100%;justify-content:flex-end}
  .portfolio-ribbon button{height:24px}
  .app-window{width:100%;min-width:0;height:calc(100vh - 52px);min-height:0;border-radius:0;border-left:0;border-right:0}
  .titlebar{height:48px;flex-basis:48px}
  .title-copy{min-width:0;flex:1;gap:6px}
  .title-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .title-copy span,.sync-state{display:none}
  .window-controls button{width:36px}
  .app-body{display:flex;flex-direction:column;min-height:0}
  .sidebar{width:100%;flex:0 0 auto;min-height:0;height:auto;border-right:0;border-bottom:1px solid #2e3d43}
  .workspace-card{height:52px;margin:8px;grid-template-columns:30px minmax(0,1fr) 24px}
  .workspace-card button{display:grid}
  .nav-groups{display:flex;overflow-x:auto;gap:4px;padding:0 8px 8px}
  .nav-group{display:contents}
  .nav-label{display:none}
  .nav-item{min-width:112px;height:34px}
  .sidebar-footer{margin-top:0;padding:8px;display:flex;align-items:center;gap:8px}
  .sidebar-footer #themeToggle{width:auto;flex:1}
  .version{margin:0}
  .workspace{min-width:0;min-height:0;flex:1}
  .commandbar{height:auto;min-height:50px;padding:8px;gap:8px;flex-wrap:wrap}
  .breadcrumbs{min-width:0;flex:1}
  .global-search{order:3;width:100%;margin:0}
  .command-actions{margin-left:auto}
  .view-host{padding:14px 10px 22px}
  .page-head,.page-head.compact{align-items:flex-start;flex-direction:column;gap:12px}
  .page-head h1,.page-head:not(.compact) h1{font-size:24px}
  .head-actions{width:100%}
  .kpi-grid{grid-template-columns:1fr 1fr}
  .dashboard-grid,.split-layout,.issue-layout,.admin-layout{grid-template-columns:1fr}
  .department-grid,.supplier-grid,.report-grid{grid-template-columns:1fr}
  .settings-panel{grid-column:auto}
  .table-panel{max-height:none}
  .drawer{width:min(100%,430px)}
  .notification-panel{left:8px;right:8px;width:auto}
  .toast-host{right:10px;left:10px}
  .toast{min-width:0;max-width:none}
}

/* Deep phone/landscape fit pass. */
@media (max-width:820px), (max-width:900px) and (max-height:500px){
  .toolbar{flex-wrap:wrap;max-width:100%}
  .toolbar .search-field{flex:1 1 100%;width:100%;min-width:0}
  .toolbar select{flex:1 1 150px;max-width:100%;min-width:0}
  .toolbar .toolbar-btn{flex:0 1 auto;min-height:44px}
  .toolbar .result-count{flex:1 1 100%;margin-left:0}
  .head-actions button,.primary-btn,.secondary-btn,.primary-action,.ghost-action,.icon-action{min-height:44px}
  .head-actions{flex-wrap:wrap}
  .head-actions>*{max-width:100%}
  .desktop-form input,.desktop-form select,.issue-context input,.issue-context select,.modal-form input,.modal-form select{min-height:44px}
  .drawer,.desktop-modal,.notification-panel,.command-palette{max-width:100%}
  .palette-overlay{padding:46px 8px 8px;align-items:start}
  .command-palette{width:100%;max-height:calc(100vh - 54px);display:flex;flex-direction:column}
  .palette-results{max-height:none;flex:1;min-height:0;overflow:auto}
  .palette-result{min-height:44px;height:auto}
}

@media (max-width:900px) and (max-height:500px){
  .palette-overlay{padding:8px}
  .command-palette{max-height:calc(100vh - 46px)}
}