/* Digi BAL Smelter UI REV02 - visual-only improvements + shared inventory */
:root{--bg:#f7f7f8;--surface:#fff;--border:#e6e4e9;--light:#f4f3f6;--ink:#25232a;--muted:#6e6872;--maroon:#842a4b;--maroon-dark:#6c1d3a;--pink:#f9eaf1;--shadow:0 9px 26px rgba(40,24,34,.06);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:14px}
body{background:var(--bg);color:var(--ink)}
.shell{max-width:560px}.brand-mark{background:#fff;border:1px solid #e8d9df;border-radius:15px;overflow:hidden;padding:4px;box-shadow:0 3px 12px #7e294b1a}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.hero-mark{box-shadow:0 5px 18px #7e294b25}
.topbar .brand-head h1{font-size:18px;font-weight:850;letter-spacing:-.5px}
.topbar .brand-head p{font-size:11px;letter-spacing:.15px}
.icon-btn{width:45px;height:45px;border-radius:14px;box-shadow:0 3px 8px #30212a08}.icon-btn .svg{width:21px;height:21px}
.demo-banner{border-radius:14px;box-shadow:none;padding:11px 12px;font-size:11px;line-height:1.48}
.demo-banner b{font-weight:850}
.session{border-radius:19px;padding:16px 17px;margin-bottom:23px}
.session-head{font-size:10px}.session-info strong{font-weight:850;font-size:20px}
.role-indicator{display:inline-block;border-radius:6px;padding:3px 7px;margin-left:7px;background:var(--pink);font-size:9px;letter-spacing:0;color:var(--maroon)}
.screen-top h2{font-size:24px;font-weight:850;line-height:1.18;letter-spacing:-.7px}
.screen-top .subtitle{font-size:12px;line-height:1.5}
.refresh-btn{min-width:49px;min-height:49px;border-radius:14px;color:var(--maroon);background:var(--pink);border:1px solid #ebcada}
.refresh-btn .svg{width:23px;height:23px}
.card,.item-card,.stat{border-color:var(--border);box-shadow:var(--shadow);border-radius:17px}
.btn{min-height:49px;padding:12px 17px;border-radius:14px;font-size:14px;font-weight:800;box-shadow:0 5px 15px rgba(132,42,75,.16);letter-spacing:.03px}
.btn.full{min-height:52px}
.btn .svg{width:19px;height:19px}
.btn.outline{color:var(--maroon);background:var(--surface);border:1.5px solid #caa1b0;box-shadow:none;font-weight:750}
.btn.warn{box-shadow:none}
.btn:active:not(:disabled),.role-btn:active,.nav-item:active,.priority-card:active,.inventory-item:active{transform:scale(.985)}
.btn:focus-visible,.role-btn:focus-visible,.nav-item:focus-visible,.priority-card:focus-visible,.inventory-item:focus-visible{outline:3px solid #c55b83;outline-offset:2px}
.input,.select,.textarea{min-height:49px;font-size:14px;border-radius:12px;border-color:#dcd5d9}
.bottom-nav{max-width:100%;padding:9px max(9px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));gap:3px;box-shadow:0 -5px 20px rgba(30,22,28,.05)}
.nav-item{min-width:0;flex:1;max-width:135px;min-height:57px;border-radius:14px;font-size:10px;gap:5px;transition:transform .14s;background:transparent}
.nav-item .svg{width:23px;height:23px;stroke-width:2.2px}
.nav-item.active{background:var(--pink);color:var(--maroon);font-weight:850}
.stat{padding:14px;min-height:128px}.stat-value{font-size:25px!important;font-weight:900;letter-spacing:-1px;line-height:1.1;margin-top:4px;overflow-wrap:anywhere}.stat-label{font-size:11px;font-weight:750;margin-top:9px}.stat-note{font-size:10px;line-height:1.4;margin-top:5px}
.modern-stats{margin-top:14px}
.stat-top{display:flex;justify-content:space-between;align-items:center}
.stat-top .svg{width:22px;height:22px;color:var(--maroon)}
.stat-dot{width:6px;height:6px;border-radius:50%;background:#edd0dc}
.priority-card{display:block;border:0;border-radius:20px;text-align:left;background:linear-gradient(130deg,#842a4b,#67203b);width:100%;color:#fff;padding:18px 18px 20px;box-shadow:0 11px 24px rgba(109,28,57,.17);transition:transform .15s}
.priority-label{font-size:10px;letter-spacing:1px;font-weight:900;color:#f4cbd9}
.priority-content{display:flex;align-items:center;gap:12px;margin-top:13px}.priority-content>.svg{width:21px;height:21px;flex-shrink:0}.priority-icon{background:#ffffff26;border:1px solid #ffffff25;border-radius:15px;width:51px;height:51px;display:grid;place-items:center;flex-shrink:0}.priority-icon .svg{width:27px;height:27px;stroke-width:2.1px}.priority-copy{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.priority-copy strong{font-size:17px;line-height:1.3}.priority-copy small{font-size:11px;color:#f2dbe3;line-height:1.3}
.activity-item{border:1px solid var(--border);border-radius:15px;background:var(--surface);padding:12px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow)}
.activity-icon,.inventory-item-icon{width:39px;height:39px;display:grid;place-items:center;background:var(--pink);color:var(--maroon);border-radius:12px;flex-shrink:0}
.activity-icon .svg,.inventory-item-icon .svg{width:22px;height:22px}
.activity-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.activity-text strong{font-size:12px}.activity-text small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.soft-empty{min-height:85px;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border:1px dashed var(--border);border-radius:16px;color:var(--muted);font-size:12px}.soft-empty .svg{width:20px;height:20px}
.login-card{box-shadow:0 12px 30px #4225330c}.login-heading{display:flex;gap:10px;align-items:center;margin-bottom:18px}.login-heading>.svg{background:var(--pink);color:var(--maroon);width:44px;height:44px;padding:10px;border-radius:13px}.login-heading h2{font-size:17px;margin:0 0 4px}.login-heading .tagline{font-size:11px;margin:0}
.role-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.role-btn{min-height:100px;border-radius:15px;padding:10px 4px;gap:7px;font-weight:800;font-size:11px;transition:transform .15s,border-color .15s}.role-btn.chosen{background:var(--pink);box-shadow:inset 0 0 0 1px #b45779}.role-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:var(--light);color:var(--maroon)}.role-icon .svg{width:25px;height:25px;stroke-width:2.1px}.role-btn.chosen .role-icon{background:#ead1dd}
.pin-preview{background:var(--light)!important;color:var(--muted)!important;opacity:1!important}.pin-preview::placeholder{color:var(--muted)}
.session-pick .brand-mark{height:66px;width:66px;padding:5px}.session-pick{padding-top:24px}.session-pick .hero{margin-bottom:21px}.session-pick .hero h1{font-size:29px;font-weight:900}
.inventory-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.inventory-kpi{padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow)}.inventory-kpi>span{font-size:11px;font-weight:700;color:var(--muted)}.inventory-kpi>strong{font-size:22px;font-weight:900;letter-spacing:-.5px;color:var(--ink);overflow-wrap:anywhere}.inventory-kpi>strong small{font-size:11px;color:var(--muted)}.inventory-kpi>small{font-size:10px;color:var(--muted);line-height:1.4}.inventory-kpi.full-row{grid-column:span 2;background:var(--pink)}.inventory-kpi.full-row>strong{color:var(--maroon)}
.summary-list{display:flex;flex-direction:column;gap:0;background:var(--surface);border-radius:16px;border:1px solid var(--border);overflow:hidden;margin-bottom:16px}.summary-row{padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border)}.summary-row:last-child{border-bottom:0}.summary-row>div{display:flex;flex-direction:column;gap:4px;min-width:0}.summary-row strong{font-size:13px}.summary-row small{color:var(--muted);font-size:11px}.summary-row b{font-size:12px;white-space:nowrap}
.inventory-filters{padding:13px 14px;margin-bottom:10px}.inventory-filters .field{margin-bottom:10px}.inventory-filters .filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.inventory-filters .filter-grid .field{margin-bottom:0}
.inventory-item{width:100%;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;background:var(--surface);padding:13px;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px;color:var(--ink);transition:transform .14s}
.inventory-item-main{display:flex;gap:10px;align-items:center;min-width:0;flex:1}.inventory-item-main>span:last-child{min-width:0;display:flex;flex-direction:column;gap:4px}.inventory-item-main strong{font-size:12px}.inventory-item-main small{font-size:10px;color:var(--muted);overflow-wrap:anywhere;line-height:1.3}.inventory-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex-shrink:0}.inventory-item-side>.svg{width:17px;height:17px;color:var(--muted)}
.inventory-item[hidden]{display:none!important}
.audit-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:17px}.audit-overview>div{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.audit-overview small{color:var(--muted);font-size:10px}.audit-overview strong{font-size:24px}
.mark-missing{margin-top:10px}.account-warning{display:flex;align-items:flex-start;gap:10px;border:1px solid #e7c98b;border-radius:15px;background:#fff8eb;color:#79501b;padding:13px;font-size:12px;line-height:1.6}.account-warning .svg{width:23px;height:23px;flex-shrink:0}.account-item{display:flex;gap:14px;align-items:flex-start}.account-item .menu-icon{flex-shrink:0}.account-item p{margin:5px 0 0}.account-item strong{font-size:13px}
body.dark{--bg:#151619;--surface:#202126;--muted:#b0aab0;--border:#383239;--light:#2c282e;--ink:#f5f0f2;--maroon:#e19cb4;--maroon-dark:#c17c94;--pink:#3c2831;background:var(--bg);color:var(--ink)}
body.dark .brand-mark{background:#fff;border-color:#e5d8e0}body.dark .priority-card{background:linear-gradient(135deg,#7a2845,#52192f)}body.dark .priority-label{color:#ffe1ed}
body.dark .inventory-kpi.full-row{background:#392530}body.dark .role-btn.chosen{border-color:#e19cb4}body.dark .role-btn.chosen .role-icon{background:#573145}
body.dark .role-icon{background:#312832}body.dark .account-warning{background:#3c2f1d;border-color:#70572c;color:#f5d69e}
body.dark .pin-preview{background:#302c33!important}body.dark .refresh-btn{background:#392630;border-color:#744255}
body.dark .inventory-item,body.dark .priority-card{color:#f7f4f5}body.dark .nav-item{color:#b8afb6}body.dark .nav-item.active{color:#f3aac2}
@media(max-width:390px){.shell{padding-left:12px;padding-right:12px}.stat{padding:12px}.stat-value{font-size:22px!important}.nav-item{font-size:9px}.priority-content{gap:8px}.priority-copy strong{font-size:15px}.inventory-item-main small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.btn,.role-btn,.nav-item,.inventory-item,.priority-card{transition:none!important}}