:root{--blue:#0b3768;--blue2:#155a9e;--orange:#ff6a00;--orange2:#ff8a00;--porcelain:#f7f8f5;--ink:#15324a;--line:#e6e9ed;--soft:#eef4f9;--green:#16834a;--red:#c33}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--porcelain);color:var(--ink);font-family:Ubuntu,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:linear-gradient(180deg,#0b3768,#082b53);padding:22px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:40;overflow-y:auto}.brand{font-weight:900;color:#fff;font-size:24px;padding:4px 10px 22px}.brand span{color:var(--orange)}.brand small{display:block;font-size:11px;font-weight:500;opacity:.65}.sidebar .nav-link{color:#cfe0f2;border-radius:12px;padding:9px 12px;font-weight:650}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:rgba(255,255,255,.1);color:#fff}.sidebar .nav-link.active{box-shadow:inset 3px 0 var(--orange)}.main{margin-left:250px;min-width:0;flex:1}.topbar{height:78px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 26px;position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}.topbar h1{font-size:22px;margin:0;font-weight:850}.topbar small{color:#718096}.user-pill{margin-left:auto;background:#edf3f8;padding:8px 12px;border-radius:999px;font-size:13px}.menu-btn{display:none;border:0;background:#edf3f8;border-radius:10px;padding:7px 11px}.content{padding:22px}.card-bi,.filter-card,.kpi{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px rgba(23,54,86,.05)}.card-bi h5{font-weight:800}.filter-card{padding:14px}.filter-card label{font-size:12px;font-weight:750;color:#64748b;margin-bottom:5px}.filter-notice{display:flex;justify-content:space-between;gap:15px;align-items:center;background:linear-gradient(90deg,#edf5ff,#fff8f1);border:1px solid #dbe7f3;border-left:4px solid var(--orange);border-radius:14px;padding:10px 13px;margin-bottom:16px}.filter-notice strong{font-size:13px}.filter-notice span{font-size:12px;color:#718096;margin-left:8px}.filter-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.filter-chip,.filter-clear{font-size:11px;text-decoration:none;border-radius:999px;padding:5px 8px;background:#fff;border:1px solid #d9e2ec;color:var(--ink)}.filter-chip b{color:var(--orange)}.filter-clear{background:var(--blue);color:#fff;border-color:var(--blue)}.kpi{padding:17px;height:100%;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;width:55px;height:55px;border-radius:50%;right:-22px;top:-22px;background:rgba(255,106,0,.08)}.kpi span{display:block;font-size:11px;color:#64748b;text-transform:uppercase;font-weight:850;letter-spacing:.03em}.kpi strong{display:block;font-size:24px;margin-top:4px}.kpi small{color:#8a97a6}.kpi.good strong{color:var(--green)}.kpi.bad strong{color:var(--red)}.kpi.orange strong{color:var(--orange)}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-orange{background:var(--orange);border-color:var(--orange);color:#fff}.accent{color:var(--orange)}.table-shell{overflow:hidden}.table-scroll{max-height:68vh;overflow:auto}.sticky-table{margin:0}.sticky-table thead th{position:sticky;top:0;z-index:6;background:#f8fafc;box-shadow:0 1px 0 var(--line)}.sticky-table thead th:first-child{z-index:7}.table thead th{font-size:11px;text-transform:uppercase;color:#64748b;white-space:nowrap;letter-spacing:.03em}.table td{vertical-align:middle}.table a.entity-link{color:var(--blue);font-weight:800;text-decoration:none}.table a.entity-link:hover{color:var(--orange)}.text-profit{color:#18864b!important}.text-loss{color:#c53b3b!important}.progress{height:12px;border-radius:10px}.sync-step{padding:10px 0;border-bottom:1px solid var(--line)}.metric-positive{color:#16834a}.metric-negative{color:#c33}.chart-wrap{height:320px}.chart-wrap.sm{height:250px}.badge-source{font-size:11px}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:22px 0 10px}.section-title h4{font-size:17px;font-weight:850;margin:0}.insight{border-radius:14px;padding:12px 14px;background:#fff;border:1px solid var(--line);height:100%}.insight strong{display:block;font-size:13px}.insight small{color:#718096}.hero-bi{background:linear-gradient(125deg,#0b3768,#155a9e 72%,#ff6a00);color:#fff;border-radius:22px;padding:22px;box-shadow:0 18px 40px rgba(11,55,104,.15)}.hero-bi small{opacity:.8}.hero-number{font-size:34px;font-weight:900}.profile-head{display:flex;gap:14px;align-items:center}.profile-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--orange));display:grid;place-items:center;color:#fff;font-size:24px;font-weight:900}.login-bg{min-height:100vh;background:radial-gradient(circle at 80% 15%,rgba(255,106,0,.18),transparent 30%),linear-gradient(135deg,#f7f8f5,#edf3f8);display:grid;place-items:center}.login-card{width:min(440px,92vw);background:#fff;border-radius:24px;padding:32px;box-shadow:0 25px 70px rgba(11,55,104,.15)}.codebox{background:#0b1d2f;color:#dbeafe;border-radius:14px;padding:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;overflow:auto}.mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mini-stat{background:#f8fafc;border:1px solid var(--line);border-radius:13px;padding:11px}.mini-stat span{display:block;color:#718096;font-size:11px}.mini-stat strong{font-size:16px}.pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#edf3f8;font-size:11px}.progress-thin{height:7px;background:#edf1f5;border-radius:999px;overflow:hidden}.progress-thin i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--orange))}@media(max-width:1100px){.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:translateX(0)}.main{margin-left:0}.menu-btn{display:block}.content{padding:12px}.topbar{padding:0 14px;height:68px}.topbar h1{font-size:18px}.user-pill{display:none}.kpi strong{font-size:19px}.filter-card{border-radius:14px}.filter-notice{align-items:flex-start;flex-direction:column}.filter-notice span{display:block;margin:2px 0 0}.filter-chips{justify-content:flex-start}.table{font-size:12px}.table-scroll{max-height:72vh}.hero-number{font-size:27px}.profile-head{align-items:flex-start}}

/* v2026.2.1 UI fixes */
body{font-weight:400}.brand,.sidebar .nav-link,.topbar h1,.card-bi h5,.section-title h4,.kpi span,.kpi strong,.hero-number,.table a.entity-link,.profile-icon,strong,b,.fw-bold{font-weight:500!important}.brand{font-weight:600!important}.topbar h1{font-weight:600!important}.card-bi h5,.section-title h4{font-weight:500!important}.kpi strong{font-weight:500!important}.table thead th{font-weight:500}.filter-title{display:inline-block;font-size:13px;font-weight:500;color:var(--ink);margin-right:8px}.filter-chip span{color:var(--orange)}
.chart-wrap,.chart-wrap.sm{width:100%;min-width:0;position:relative}.chart-wrap{height:340px}.chart-wrap.sm{height:300px}.chart-wrap canvas{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;min-width:0!important}
.badge-source,.table .badge-source{display:inline-block;background:#eef4f9!important;color:#15324a!important;border:1px solid #dbe6ef!important;font-weight:400!important;opacity:1!important}.badge-source:hover,.table .badge-source:hover{background:#e5eef7!important;color:#15324a!important}
.card-bi,.filter-card,.kpi,.table,.table td,.table th,.form-control,.form-select,.alert-light,.text-secondary,.pivot-box,.pivot-quick{color:var(--ink)}.text-secondary{color:#64748b!important}.alert-light{background:#fbfcfd;color:#34495e!important}.form-control,.form-select{background-color:#fff;color:#15324a}.form-control::placeholder{color:#8998a8;opacity:1}.table tbody td{color:#263f55}.table tbody tr{background:#fff}.table tbody tr:hover{color:#15324a}.table tbody tr:hover td{color:inherit}
.pivot-quick{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;box-shadow:0 6px 18px rgba(23,54,86,.04)}.pivot-hint{font-size:12px;color:#718096;margin-left:8px}.pivot-box{border-top:1px solid var(--line);padding-top:12px}.pivot-label{font-size:12px;color:#64748b;margin-bottom:7px}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}.check-grid.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.check-grid label{font-size:12px;display:flex;gap:6px;align-items:center;min-width:0}.check-grid input{accent-color:var(--orange)}.pivot-summary{font-size:12px;color:#64748b}.pivot-table tbody th{font-weight:400}.pivot-table td,.pivot-table th{white-space:nowrap}
@media(max-width:900px){.chart-wrap,.chart-wrap.sm{height:280px}.check-grid,.check-grid.metrics{grid-template-columns:1fr}.pivot-hint{display:block;margin:6px 0 0}.pivot-quick{padding:10px}.table-scroll{max-height:74vh}}

/* v2026.2.2 UI corrections */
body{font-weight:400!important}.sidebar .nav-link,.filter-card label,.table thead th,.pivot-label,.brand,.topbar h1,.card-bi h5,.section-title h4,.row-title{font-weight:400!important}
strong,b,.fw-bold,.fw-semibold{font-weight:400!important}
.kpi span{font-weight:400!important}.kpi .kpi-value{display:block;font-size:24px;margin-top:4px;font-weight:400!important;color:var(--ink)}.kpi.good .kpi-value{color:var(--green)}.kpi.bad .kpi-value{color:var(--red)}.kpi.orange .kpi-value{color:var(--orange)}
.hero-bi .mini-stat{background:rgba(255,255,255,.97);color:var(--ink)!important}.hero-bi .mini-stat span,.hero-bi .mini-stat strong,.hero-bi .mini-stat .kpi-value{color:var(--ink)!important;opacity:1!important}.hero-bi .mini-stat span{color:#64748b!important}
.badge-source{display:inline-flex;align-items:center;max-width:175px;padding:4px 8px;border-radius:999px;background:#e8f1fb!important;border:1px solid #cbdff2!important;color:#174a7e!important;font-size:11px;font-weight:400!important;white-space:nowrap}
.table a.entity-link{font-weight:400!important}.entity-ellipsis{display:inline-block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.fulltext-dot{display:inline-grid;place-items:center;width:22px;height:22px;margin-left:5px;padding:0;border-radius:50%;border:1px solid #cbd5e1;background:#fff;color:var(--blue);font-size:12px;line-height:1;vertical-align:middle}.fulltext-dot:hover{border-color:var(--orange);color:var(--orange);background:#fff8f1}
.modal-content{border:0;border-radius:18px;box-shadow:0 24px 70px rgba(11,55,104,.22)}.modal-title{font-weight:400}.modal-body{overflow-wrap:anywhere;color:var(--ink)}
@media(max-width:900px){.kpi .kpi-value{font-size:19px}.entity-ellipsis{max-width:170px}}

/* v2026.3.2 */
strong,b,.fw-bold{font-weight:400!important}
.sticky-table{font-size:11px}
.sticky-table thead th{font-size:9.5px;font-weight:400!important;padding:.48rem .5rem;line-height:1.15}
.sticky-table tbody td{font-size:11px;padding:.43rem .5rem;line-height:1.25}
.entity-ellipsis{max-width:190px}
.table-sortable{cursor:pointer;user-select:none;padding-right:18px!important;position:sticky}
.table-sortable:after{content:'↕';position:absolute;right:5px;opacity:.35;font-size:10px}
.table-sortable.sort-asc:after{content:'↑';opacity:.9;color:var(--orange)}
.table-sortable.sort-desc:after{content:'↓';opacity:.9;color:var(--orange)}
.table-sortable:hover{background:#edf4fb!important;color:var(--blue)!important}
@media(max-width:900px){.sticky-table{font-size:10.5px}.sticky-table tbody td{font-size:10.5px;padding:.4rem .45rem}.entity-ellipsis{max-width:145px}}


/* v2026.4.0 */
.chart-wrap,.chart-wrap.sm{width:100%;height:340px;min-height:280px;overflow:hidden}.chart-wrap.sm{height:320px}.chart-wrap canvas{width:100%!important;height:100%!important;display:block!important}
.compare-toolbar{display:flex;gap:8px;flex-wrap:wrap}.compare-preset{font-size:11px}.compare-card{border:1px solid var(--line);border-radius:15px;padding:14px;background:#fff;height:100%}.compare-card .value{font-size:22px;color:var(--ink)}.compare-card .delta{font-size:12px}.delta-up{color:var(--green)}.delta-down{color:var(--red)}
.global-filter-mark{border-color:#ffb071!important;box-shadow:0 0 0 .12rem rgba(255,106,0,.07)}
.pivot-live-form input[type=checkbox]{cursor:pointer}.pivot-live-form label{cursor:pointer}
.sync-phase{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:4px 8px;border-radius:999px;background:#edf5ff;color:#254b70}
@media(max-width:900px){.chart-wrap,.chart-wrap.sm{height:280px}.compare-card .value{font-size:18px}}

/* =========================================================
   v2026.4.1 UI/UX Professional Layer
   Strict UI layer - business logic remains unchanged
   ========================================================= */
:root{
 --ui-bg:#08111f;--ui-bg-2:#0b1525;--ui-panel:#101c2e;--ui-panel-2:#132238;--ui-panel-soft:#16263d;
 --ui-border:rgba(148,163,184,.14);--ui-text:#eef4ff;--ui-muted:#8da0b7;--ui-muted-2:#64748b;
 --ui-primary:#246bfd;--ui-primary-2:#1958df;--ui-green:#18c989;--ui-red:#ff5b6e;--ui-orange:#f59e42;--ui-violet:#8b5cf6;
 --ui-shadow:0 18px 50px rgba(0,0,0,.22);--sidebar-w:238px;
}
html[data-resolved-theme="light"]{
 --ui-bg:#f4f7fb;--ui-bg-2:#eef3f8;--ui-panel:#fff;--ui-panel-2:#f9fbfd;--ui-panel-soft:#f1f5f9;
 --ui-border:#e2e8f0;--ui-text:#102033;--ui-muted:#64748b;--ui-muted-2:#94a3b8;--ui-shadow:0 12px 35px rgba(15,23,42,.07);
}
html,body{background:var(--ui-bg);color:var(--ui-text)}
body{font-family:Ubuntu,Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:-.005em;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 55% -20%,rgba(36,107,253,.13),transparent 34%),radial-gradient(circle at 100% 20%,rgba(139,92,246,.06),transparent 27%);z-index:-1}
.app-shell{min-height:100vh;background:transparent}.main{margin-left:var(--sidebar-w);min-height:100vh;background:transparent}.content{padding:22px 24px 90px;max-width:1680px;margin:0 auto;width:100%}

/* Sidebar */
.sidebar{width:var(--sidebar-w);padding:14px 12px 16px;background:linear-gradient(180deg,#08101d 0%,#0a1321 100%);border-right:1px solid rgba(148,163,184,.09);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#27364b transparent}
html[data-resolved-theme="light"] .sidebar{background:#0b1525;color:#fff}
.brand-row{display:flex;align-items:center;gap:8px;padding:2px 4px 14px}.brand{display:flex;align-items:center;gap:10px;padding:0;text-decoration:none;min-width:0;flex:1}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#2b75ff,#1659df);font-size:19px;font-weight:800!important;box-shadow:0 10px 28px rgba(36,107,253,.28)}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy b{font-size:16px;color:#fff;font-weight:700!important;white-space:nowrap}.brand-copy em{font-style:normal;color:#64a2ff}.brand-copy small{font-size:9px;color:#718096;margin-top:5px}.sidebar-close{display:none;border:0;background:transparent;color:#8393a7;font-size:26px;line-height:1}
.sidebar-section-label{font-size:9px;color:#4d6077;letter-spacing:.13em;margin:12px 10px 6px}.sidebar .nav{gap:2px!important}.sidebar .nav-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;color:#9eb0c4;font-size:12px;line-height:1.25;transition:.16s ease;background:transparent;box-shadow:none!important}.sidebar .nav-link:hover{background:rgba(255,255,255,.045);color:#eef6ff;transform:translateX(1px)}.sidebar .nav-link.active{background:linear-gradient(90deg,rgba(36,107,253,.96),rgba(36,107,253,.74));color:#fff;box-shadow:0 8px 18px rgba(36,107,253,.2)!important}.nav-icon{width:18px;height:18px;display:inline-grid;place-items:center;flex:0 0 18px}.nav-icon svg,.mobile-nav svg,.sidebar-logout svg,.icon-btn svg,.top-search-icon svg,.kpi-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-icon svg path:first-child:only-child{fill:none}.sidebar-user{margin-top:auto;padding:13px 8px 2px;border-top:1px solid rgba(148,163,184,.1);display:flex;align-items:center;gap:9px}.avatar,.top-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#1f6df7,#6b5df6);color:#fff;font-size:10px;font-weight:700!important}.avatar{width:32px;height:32px}.sidebar-user-copy{min-width:0;display:flex;flex-direction:column;flex:1}.sidebar-user-copy b{font-size:11px;color:#eaf2fb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-copy small{font-size:9px;color:#6f8196;text-transform:capitalize}.sidebar-logout{width:28px;height:28px;padding:6px;color:#74869a;border-radius:8px}.sidebar-logout:hover{color:#fff;background:rgba(255,255,255,.05)}

/* Topbar */
.topbar{height:68px;padding:0 24px;gap:18px;background:rgba(8,17,31,.78);border-bottom:1px solid var(--ui-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html[data-resolved-theme="light"] .topbar{background:rgba(255,255,255,.82)}
.page-heading{min-width:190px}.topbar h1{font-size:17px;color:var(--ui-text);font-weight:650!important;line-height:1.1}.topbar small{font-size:10px;color:var(--ui-muted)}.menu-btn{display:none;width:36px;height:36px;border:1px solid var(--ui-border);background:var(--ui-panel);border-radius:10px;padding:9px}.menu-btn span{display:block;height:1.5px;background:var(--ui-text);margin:4px 0;border-radius:2px}
.top-search{flex:1;max-width:500px;margin-left:auto;position:relative;height:38px}.top-search input{width:100%;height:100%;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-panel);color:var(--ui-text);padding:0 64px 0 37px;font-size:11px;outline:none;transition:.15s}.top-search input:focus{border-color:rgba(36,107,253,.7);box-shadow:0 0 0 3px rgba(36,107,253,.1)}.top-search input::placeholder{color:var(--ui-muted)}.top-search-icon{position:absolute;left:12px;top:11px;width:16px;height:16px;color:var(--ui-muted);z-index:2}.top-search kbd{position:absolute;right:9px;top:9px;background:var(--ui-panel-soft);border:1px solid var(--ui-border);color:var(--ui-muted);font-size:8px;padding:3px 6px;border-radius:5px;font-family:inherit;font-weight:400}
.top-actions{display:flex;gap:7px;align-items:center}.icon-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;border:1px solid var(--ui-border);background:var(--ui-panel);color:var(--ui-muted);padding:8px;text-decoration:none}.icon-btn:hover{color:var(--ui-text);border-color:rgba(36,107,253,.45)}.theme-toggle{cursor:pointer}.theme-icon{font-size:15px;line-height:1}.top-avatar{width:32px;height:32px;margin-left:2px}

/* Common cards/forms */
.card-bi,.filter-card,.kpi,.pivot-quick,.compare-card,.insight{background:var(--ui-panel)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;border-radius:13px!important;box-shadow:none!important}.dashboard-card{padding:16px!important}.card-bi h5,.dashboard-card h5{font-size:13px;margin:0;color:var(--ui-text);font-weight:600!important}.eyebrow{display:block;font-size:8px;letter-spacing:.1em;color:var(--ui-muted);margin-bottom:3px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.card-link{font-size:9px;text-decoration:none;color:#4b8bff}.period-chip{display:inline-flex;align-items:center;padding:4px 7px;border-radius:6px;background:var(--ui-panel-soft);border:1px solid var(--ui-border);font-size:9px;color:var(--ui-muted)}
.form-control,.form-select{background-color:var(--ui-panel-soft)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;border-radius:8px!important;font-size:11px;min-height:34px}.form-control:focus,.form-select:focus{border-color:rgba(36,107,253,.65)!important;box-shadow:0 0 0 3px rgba(36,107,253,.08)!important}.form-control::placeholder{color:var(--ui-muted)!important}.form-select{background-image:var(--bs-form-select-bg-img)}.filter-card{padding:11px!important;margin-bottom:10px!important}.filter-card label{font-size:9px!important;color:var(--ui-muted)!important;font-weight:500!important}.filter-card .btn{min-height:34px;font-size:10px;border-radius:8px}.btn-primary{background:#246bfd!important;border-color:#246bfd!important}.btn-outline-primary{color:#65a0ff;border-color:rgba(36,107,253,.35)}.btn-outline-secondary{color:var(--ui-muted);border-color:var(--ui-border)}
.filter-notice{background:var(--ui-panel)!important;border:1px solid var(--ui-border)!important;border-left:2px solid #246bfd!important;border-radius:10px!important;color:var(--ui-text);padding:8px 10px;margin-bottom:10px}.filter-title{font-size:10px!important;color:var(--ui-text)!important}.filter-notice span{font-size:9px!important;color:var(--ui-muted)!important}.filter-chip,.filter-clear{font-size:8px!important;background:var(--ui-panel-soft)!important;color:var(--ui-muted)!important;border-color:var(--ui-border)!important;padding:4px 7px!important}.filter-clear{color:#fff!important;background:#246bfd!important}
.pivot-quick{padding:8px 10px!important;margin-bottom:12px!important}.pivot-hint,.pivot-label,.pivot-summary{color:var(--ui-muted)!important}.pivot-box{border-color:var(--ui-border)!important}.check-grid label{color:var(--ui-text);font-size:10px}.text-secondary{color:var(--ui-muted)!important}

/* Dashboard */
.dashboard-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.dashboard-welcome h2{font-size:21px;margin:1px 0 3px;color:var(--ui-text);font-weight:650}.dashboard-welcome p{font-size:11px;color:var(--ui-muted);margin:0}.dashboard-period{display:flex;align-items:center;gap:8px;color:var(--ui-muted);font-size:9px}.dashboard-period span{background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:7px;padding:6px 8px}.dashboard-period i{font-style:normal;color:#496079}
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}.dashboard-kpi{min-height:98px;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:12px;padding:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;position:relative;overflow:hidden;transition:.16s ease}.dashboard-kpi:hover{transform:translateY(-1px);border-color:rgba(76,107,150,.3);box-shadow:var(--ui-shadow)}.dashboard-kpi:before{content:"";position:absolute;inset:auto -50px -65px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(36,107,253,.08),transparent 65%)}.dashboard-kpi .kpi-label{display:block;color:var(--ui-muted);font-size:9px;margin-bottom:7px}.dashboard-kpi strong{display:block;color:var(--ui-text);font-size:19px;font-weight:650!important;line-height:1.1}.trend{display:block;margin-top:8px;font-size:8px}.trend.up{color:var(--ui-green)}.trend.down{color:var(--ui-red)}.kpi-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;padding:8px;flex:0 0 auto}.kpi-icon.blue{color:#6aa2ff;background:rgba(36,107,253,.13)}.kpi-icon.violet{color:#ad8cff;background:rgba(139,92,246,.13)}.kpi-icon.green{color:#35d99e;background:rgba(24,201,137,.12)}.kpi-icon.orange{color:#ffad5a;background:rgba(245,158,66,.13)}
.dashboard-grid{margin-bottom:0}.chart-wrap,.chart-wrap.sm{height:290px!important;min-height:240px!important}.warehouse-list{display:flex;flex-direction:column}.warehouse-item{padding:11px 0;border-bottom:1px solid var(--ui-border)}.warehouse-item:last-child{border-bottom:0}.warehouse-row,.warehouse-meta{display:flex;justify-content:space-between;gap:10px}.warehouse-row strong{font-size:10px;color:var(--ui-text)}.warehouse-row span{font-size:10px;color:var(--ui-text)}.warehouse-meta{margin:4px 0 7px}.warehouse-meta span{font-size:8px;color:var(--ui-muted)}.progress-thin{height:4px;background:var(--ui-panel-soft)!important}.progress-thin i{background:linear-gradient(90deg,#246bfd,#6a94ff)!important;border-radius:99px}

/* Tables */
.table-shell{border:0!important;border-radius:9px!important;background:transparent!important}.table-scroll{max-height:62vh;scrollbar-width:thin;scrollbar-color:#2e4057 transparent}.table,.table td,.table th{color:var(--ui-text)!important;border-color:var(--ui-border)!important;background:transparent!important}.sticky-table thead th{background:var(--ui-panel-soft)!important;color:var(--ui-muted)!important;box-shadow:0 1px 0 var(--ui-border)!important;font-size:8px!important;padding:.52rem .55rem!important}.sticky-table tbody td{font-size:9.5px!important;padding:.52rem .55rem!important}.table tbody tr:hover td{background:rgba(62,91,129,.075)!important;color:var(--ui-text)!important}.table a.entity-link{color:#73a8ff!important}.entity-ellipsis{max-width:220px}.badge-source{background:var(--ui-panel-soft)!important;color:var(--ui-muted)!important;border-color:var(--ui-border)!important}.fulltext-dot{background:var(--ui-panel-soft)!important;color:var(--ui-muted)!important;border-color:var(--ui-border)!important}.table-sortable:hover{background:rgba(36,107,253,.1)!important;color:#6ea5ff!important}.text-profit{color:var(--ui-green)!important}.text-loss{color:var(--ui-red)!important}

/* Legacy KPI and hero normalization */
.kpi{padding:13px!important}.kpi span{font-size:8px!important;color:var(--ui-muted)!important}.kpi .kpi-value{font-size:18px!important;color:var(--ui-text)!important}.kpi small{font-size:8px;color:var(--ui-muted)}.hero-bi{background:linear-gradient(135deg,#132238,#101c2e)!important;border:1px solid var(--ui-border);border-radius:13px!important;box-shadow:none!important;color:var(--ui-text)!important;padding:16px!important}.hero-number{font-size:27px!important;color:var(--ui-text)}.hero-bi .mini-stat{background:var(--ui-panel-soft)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}.hero-bi .mini-stat span{color:var(--ui-muted)!important}.hero-bi .mini-stat strong{color:var(--ui-text)!important}

/* Modal */
.modal-content{background:var(--ui-panel)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;border-radius:14px!important}.modal-header{border-color:var(--ui-border)!important}.modal-body{color:var(--ui-text)!important}.btn-close{filter:invert(1) grayscale(1)}html[data-resolved-theme="light"] .btn-close{filter:none}

/* Theme switch visual */
html[data-theme="light"] .theme-icon:after{content:"☀"}html[data-theme="dark"] .theme-icon:after{content:"☾"}html[data-theme="system"] .theme-icon:after{content:"◐"}.theme-icon{font-size:0}.theme-icon:after{font-size:14px}

/* Mobile bottom navigation */
.mobile-nav{display:none}.sidebar-backdrop{display:none}

/* Login */
.login-bg{background:radial-gradient(circle at 75% 15%,rgba(36,107,253,.16),transparent 28%),#08111f!important}.login-card{background:#101c2e!important;color:#eef4ff;border:1px solid rgba(148,163,184,.12);box-shadow:0 25px 70px rgba(0,0,0,.3)!important}.login-card .form-control{background:#132238!important;color:#fff!important}.login-card .text-secondary{color:#8da0b7!important}

@media(max-width:1180px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.top-search{max-width:360px}.page-heading{min-width:160px}.content{padding-left:18px;padding-right:18px}}
@media(max-width:900px){
 :root{--sidebar-w:258px}.main{margin-left:0}.content{padding:14px 12px 82px}.topbar{height:60px;padding:0 12px;gap:10px}.menu-btn{display:block}.page-heading{min-width:0;flex:1}.page-heading h1{font-size:14px}.page-heading small{display:none}.top-search{display:none}.top-actions .icon-btn:first-child{display:none}.top-avatar{display:none}.sidebar{width:var(--sidebar-w);transform:translateX(-103%);transition:transform .22s ease;box-shadow:24px 0 60px rgba(0,0,0,.35);z-index:100}.menu-open .sidebar{transform:translateX(0)}.sidebar-close{display:block}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(1,7,15,.58);backdrop-filter:blur(2px);z-index:90;opacity:0;pointer-events:none;transition:.2s}.menu-open .sidebar-backdrop{opacity:1;pointer-events:auto}.dashboard-welcome{align-items:flex-start;flex-direction:column;margin-bottom:10px}.dashboard-welcome h2{font-size:18px}.dashboard-period{display:none}.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-kpi{min-height:94px;padding:11px}.dashboard-kpi strong{font-size:16px}.kpi-icon{width:30px;height:30px;padding:7px}.trend{font-size:7px}.filter-card{overflow:hidden}.filter-card.row{margin-left:0;margin-right:0}.filter-notice{display:none}.pivot-quick{margin-bottom:9px!important}.chart-wrap,.chart-wrap.sm{height:240px!important;min-height:220px!important}.dashboard-card{padding:12px!important}.card-head{margin-bottom:8px}.sticky-table tbody td{font-size:9px!important}.mobile-nav{display:flex;position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));height:56px;border-radius:15px;border:1px solid var(--ui-border);background:rgba(13,24,40,.92);backdrop-filter:blur(18px);z-index:80;align-items:stretch;justify-content:space-around;box-shadow:0 16px 38px rgba(0,0,0,.28);overflow:hidden}html[data-resolved-theme="light"] .mobile-nav{background:rgba(255,255,255,.94)}.mobile-nav a,.mobile-nav button{border:0;background:transparent;color:var(--ui-muted);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;font-family:inherit}.mobile-nav span{width:18px;height:18px}.mobile-nav small{font-size:7px}.mobile-nav a:hover,.mobile-nav button:hover{color:#5f9aff}.mobile-nav svg{width:18px;height:18px}.table-scroll{max-height:66vh}.entity-ellipsis{max-width:145px}
}
@media(max-width:520px){.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-kpi{min-width:0}.dashboard-kpi .kpi-label{font-size:8px}.dashboard-kpi strong{font-size:14px;max-width:125px;overflow:hidden;text-overflow:ellipsis}.kpi-icon{width:28px;height:28px}.trend{max-width:130px;line-height:1.25}.filter-card .col-6{width:50%}.chart-wrap,.chart-wrap.sm{height:220px!important}.dashboard-welcome p{font-size:9px}.sidebar .nav-link{padding:9px 10px}}
.sidebar-theme{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:12px 7px 8px;padding:4px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(148,163,184,.08)}.sidebar-theme button{height:28px;border:0;border-radius:7px;background:transparent;color:#708196;font-size:12px}.sidebar-theme button:hover,.sidebar-theme button.active{background:rgba(36,107,253,.16);color:#82b1ff}.sidebar-theme button.active{box-shadow:inset 0 0 0 1px rgba(36,107,253,.28)}


/* v2026.5.0 - typography, persistent filters, professional loading states */
html{font-size:16px}body{font-size:13px;line-height:1.48}.sidebar .nav-link{font-size:11.5px}.sidebar-section-label{font-size:9px}.page-heading h1{font-size:18px}.page-heading small{font-size:10px}.top-search input{font-size:11.5px}.card-bi h5,.dashboard-card h5{font-size:13px}.dashboard-welcome p{font-size:12px}.dashboard-kpi .kpi-label{font-size:10px}.dashboard-kpi strong{font-size:20px}.trend{font-size:9px}.kpi span{font-size:9px!important}.kpi .kpi-value{font-size:19px!important}.kpi small{font-size:9px}.sticky-table thead th{font-size:9.5px!important;letter-spacing:.02em}.sticky-table tbody td{font-size:10.5px!important;line-height:1.35}.badge-source{font-size:9px}.form-control,.form-select,.btn{font-size:12px}.form-label,label{font-size:10.5px}.text-secondary.small,.small{font-size:10px!important}
.top-query{display:flex;align-items:center;gap:8px;flex:1;max-width:610px;margin-left:auto}.top-query .top-search{max-width:none;flex:1;margin:0}.filter-trigger{position:relative;flex:0 0 38px}.filter-trigger.has-filters{color:#7fb0ff;border-color:rgba(36,107,253,.42);background:rgba(36,107,253,.12)}.filter-count{position:absolute;right:-5px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:#ff8a2a;color:white;border:2px solid var(--ui-bg);display:grid;place-items:center;font-size:8px;font-weight:800;line-height:1}
.page-actions{display:flex;justify-content:flex-end}.page-actions .col-12{width:auto;padding:0}.filter-notice{display:flex!important;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(90deg,rgba(36,107,253,.09),rgba(36,107,253,.025))!important;border:1px solid rgba(74,126,219,.22)!important;border-left:3px solid #4f8cff!important;border-radius:11px!important;padding:10px 12px!important;margin:0 0 13px!important}.filter-notice-copy{display:flex;flex-direction:column;gap:2px;min-width:190px}.filter-title{font-size:10px!important;font-weight:800;color:#7fb0ff!important;letter-spacing:.05em;text-transform:uppercase}.filter-notice-copy>span:last-child{font-size:9.5px!important;color:var(--ui-muted)!important}.filter-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.filter-chip,.filter-clear{display:inline-flex;align-items:center;gap:6px;text-decoration:none!important;border:1px solid var(--ui-border)!important;border-radius:999px!important;padding:5px 8px!important;font-size:9px!important;transition:.15s}.filter-chip{background:var(--ui-panel)!important;color:var(--ui-text)!important}.filter-chip:hover{border-color:#4f8cff!important;color:#79aaff!important}.filter-chip span{font-size:13px;line-height:1;color:#91a3b9}.filter-clear{background:rgba(36,107,253,.14)!important;color:#7fb0ff!important;border-color:rgba(36,107,253,.28)!important}.filter-modal .modal-content{overflow:hidden}.filter-modal .modal-header{padding:18px 20px}.filter-modal .modal-header small{display:block;color:var(--ui-muted);font-size:10px;margin-top:3px}.filter-modal .modal-body{padding:20px}.filter-modal .modal-footer{padding:14px 20px;border-color:var(--ui-border)}.filter-modal .form-control,.filter-modal .form-select{min-height:40px;background:var(--ui-panel-soft)!important;border-color:var(--ui-border)!important}.filter-modal .form-label{font-weight:700;color:var(--ui-muted);margin-bottom:6px}
.chart-wrap{position:relative;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0));overflow:hidden}.chart-wrap canvas{position:relative;z-index:1}.table-shell{position:relative;border:1px solid var(--ui-border)!important;background:var(--ui-panel)!important;overflow:hidden}.table-scroll{position:relative;z-index:1}.bi-loader{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:color-mix(in srgb,var(--ui-panel) 91%,transparent);backdrop-filter:blur(2px);transition:opacity .22s ease,visibility .22s ease}.bi-loader small{color:var(--ui-muted);font-size:9.5px;font-weight:600}.bi-spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(111,139,178,.18);border-top-color:#4f8cff;animation:biSpin .72s linear infinite;box-shadow:0 0 22px rgba(36,107,253,.15)}.bi-loading>.bi-loader{opacity:1;visibility:visible}.bi-loaded>.bi-loader,.bi-loading.bi-loaded>.bi-loader{opacity:0;visibility:hidden;pointer-events:none}@keyframes biSpin{to{transform:rotate(360deg)}}
.sticky-table{margin:0}.sticky-table thead th{height:37px;white-space:nowrap;background:color-mix(in srgb,var(--ui-panel-soft) 92%,var(--ui-bg))!important;border-bottom:1px solid rgba(109,136,174,.18)!important}.sticky-table tbody tr{transition:background .12s ease}.sticky-table tbody tr:nth-child(even) td{background:rgba(108,136,171,.018)!important}.sticky-table tbody tr:hover td{background:rgba(36,107,253,.065)!important}.table-sortable:after{opacity:.55}.table-shell:focus-within{border-color:rgba(79,140,255,.28)!important}
@media(max-width:900px){body{font-size:12.5px}.page-heading h1{font-size:15px}.top-query{display:flex;max-width:none;margin-left:auto;flex:0 0 auto}.top-query .top-search{display:none}.filter-trigger{display:grid;width:38px;height:38px}.filter-notice{align-items:flex-start;flex-direction:column!important}.filter-chips{justify-content:flex-start}.filter-notice-copy>span:last-child{display:none}.sticky-table tbody td{font-size:10px!important}.mobile-nav{height:58px}.mobile-nav small{font-size:8px}.mobile-nav a,.mobile-nav button{min-width:0}}
@media(max-width:520px){.dashboard-kpi .kpi-label{font-size:9px}.dashboard-kpi strong{font-size:15px}.trend{font-size:8px}.filter-modal .modal-dialog{margin:8px}.filter-modal .modal-body{padding:15px}.filter-modal .modal-footer{gap:7px}.filter-modal .modal-footer .btn{flex:1}.filter-modal .modal-footer .me-auto{flex-basis:100%;margin-right:0!important}.filter-chip,.filter-clear{font-size:8.5px!important}.sticky-table thead th{font-size:9px!important}.sticky-table tbody td{font-size:9.8px!important}}

/* v2026.5.0 patch 1 - improved readability */
html{font-size:17px}
body{font-size:14px;line-height:1.52}
.sidebar .nav-link{font-size:12.5px}
.sidebar-section-label{font-size:9.5px}
.page-heading h1{font-size:19px}
.page-heading small{font-size:11px}
.top-search input{font-size:12.5px}
.card-bi h5,.dashboard-card h5{font-size:14px}
.dashboard-welcome p{font-size:13px}
.dashboard-kpi .kpi-label{font-size:10.5px}
.dashboard-kpi strong{font-size:21px}
.trend{font-size:9.5px}
.kpi span{font-size:9.5px!important}
.kpi .kpi-value{font-size:20px!important}
.kpi small{font-size:9.5px}
.sticky-table thead th{font-size:10.5px!important}
.sticky-table tbody td{font-size:11.5px!important;line-height:1.4}
.badge-source{font-size:9.5px}
.form-control,.form-select,.btn{font-size:13px}
.form-label,label{font-size:11.5px}
.text-secondary.small,.small{font-size:11px!important}
.filter-title{font-size:11px!important}
.filter-notice-copy>span:last-child{font-size:10.5px!important}
.filter-chip,.filter-clear{font-size:10px!important}
.filter-modal .modal-header small{font-size:11px}
.bi-loader small{font-size:10.5px}
@media(max-width:900px){body{font-size:13.5px}.page-heading h1{font-size:16px}.sticky-table tbody td{font-size:11px!important}.mobile-nav small{font-size:8.5px}}
@media(max-width:520px){.dashboard-kpi .kpi-label{font-size:9.5px}.dashboard-kpi strong{font-size:16px}.trend{font-size:8.5px}.filter-chip,.filter-clear{font-size:9px!important}.sticky-table thead th{font-size:9.8px!important}.sticky-table tbody td{font-size:10.6px!important}.dashboard-welcome p{font-size:11px}.sidebar .nav-link{font-size:12px}}


/* v2026.5.2 - readability, finance legend, adjustments, navigation loading */
html{font-size:18px}
body{font-size:15px;line-height:1.56}
.sidebar .nav-link{font-size:13.5px}
.sidebar-section-label{font-size:10px}
.page-heading h1{font-size:20px}
.page-heading small{font-size:12px}
.top-search input{font-size:13.5px}
.card-bi h5,.dashboard-card h5{font-size:15px}
.dashboard-welcome p{font-size:14px}
.dashboard-kpi .kpi-label{font-size:11.5px}
.dashboard-kpi strong{font-size:22px}
.trend{font-size:10.5px}
.kpi span{font-size:10.5px!important}
.kpi .kpi-value{font-size:21px!important}
.kpi small{font-size:10.5px}
.sticky-table thead th{font-size:11.5px!important}
.sticky-table tbody td{font-size:12.5px!important;line-height:1.45}
.badge-source{font-size:10.5px}
.form-control,.form-select,.btn{font-size:14px}
.form-label,label{font-size:12.5px}
.text-secondary.small,.small{font-size:12px!important}
.filter-title{font-size:12px!important}
.filter-notice-copy>span:last-child{font-size:11.5px!important}
.filter-chip,.filter-clear{font-size:11px!important}
.filter-modal .modal-header small{font-size:12px}
.bi-loader small{font-size:11.5px}
.page-nav-loader{position:fixed;inset:0;z-index:99999;background:rgba(5,12,22,.68);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;opacity:0;pointer-events:none;transition:opacity .15s ease}
body.is-navigating .page-nav-loader{opacity:1;pointer-events:auto}
.page-nav-loader strong{font-size:14px;font-weight:700}
.finance-legend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.finance-formula{padding:14px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-panel-2)}
.finance-formula b{display:block;font-size:13px;margin-bottom:7px}
.finance-formula code{display:block;padding:8px 10px;border-radius:9px;background:rgba(79,140,255,.09);font-size:12px;color:var(--ui-text);white-space:normal}
.finance-formula p{margin:8px 0 0;color:var(--ui-muted);font-size:11.5px;line-height:1.5}
.adjustment-panel{overflow:hidden}
.adjustment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.adjustment-stat{padding:13px;border:1px solid var(--ui-border);border-radius:13px;background:var(--ui-panel-2)}
.adjustment-stat span{display:block;font-size:11px;color:var(--ui-muted);margin-bottom:5px}
.adjustment-stat strong{display:block;font-size:16px}
.adjustment-stat small{display:block;font-size:10.5px;color:var(--ui-muted);margin-top:5px}
.badge-adjustment,.badge-sale{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:700;white-space:nowrap}
.badge-adjustment{background:rgba(255,159,67,.13);color:#ffad5c;border:1px solid rgba(255,159,67,.22)}
.badge-sale{background:rgba(47,212,155,.10);color:#47d9a6;border:1px solid rgba(47,212,155,.18)}
.table-shell:after{content:"Afisare optimizata pentru ecran; exportul pastreaza setul complet filtrat.";display:block;padding:7px 12px;border-top:1px solid var(--ui-border);font-size:10.5px;color:var(--ui-muted)}
@media(max-width:900px){body{font-size:14.5px}.page-heading h1{font-size:17px}.sticky-table tbody td{font-size:12px!important}.mobile-nav small{font-size:9px}.finance-legend-grid,.adjustment-grid{grid-template-columns:1fr}}
@media(max-width:520px){.dashboard-kpi .kpi-label{font-size:10.5px}.dashboard-kpi strong{font-size:17px}.trend{font-size:9px}.filter-chip,.filter-clear{font-size:9.5px!important}.sticky-table thead th{font-size:10.4px!important}.sticky-table tbody td{font-size:11.3px!important}.dashboard-welcome p{font-size:12px}.sidebar .nav-link{font-size:13px}}
.filter-chip.not-applicable{opacity:.62;border-style:dashed}

/* v2026.5.3 - BI semantic UI, dark table consistency, redesign */
html{font-size:18.5px}
body{font-size:15.5px}
.sticky-table thead th{font-size:12px!important}.sticky-table tbody td{font-size:13px!important}
html[data-resolved-theme="dark"] .table,
html[data-resolved-theme="dark"] .sticky-table,
html[data-resolved-theme="dark"] .sticky-table td,
html[data-resolved-theme="dark"] .sticky-table th{color:var(--ui-text)!important;background-color:transparent!important}
html[data-resolved-theme="dark"] .sticky-table thead th{background:#132036!important;color:#f3f7ff!important}
html[data-resolved-theme="dark"] .sticky-table tbody tr:nth-child(even) td{background:#0f1b2d!important}
html[data-resolved-theme="dark"] .sticky-table tbody tr:nth-child(odd) td{background:#0b1626!important}
html[data-resolved-theme="dark"] .sticky-table tbody tr:hover td{background:#172b46!important;color:#fff!important}
html[data-resolved-theme="dark"] .table>:not(caption)>*>*{border-color:#22344d!important}
html[data-resolved-theme="light"] .sticky-table thead th{background:#f4f7fb!important;color:#172033!important}
html[data-resolved-theme="light"] .sticky-table tbody td{color:#25334a!important;background:#fff!important}
html[data-resolved-theme="light"] .sticky-table tbody tr:nth-child(even) td{background:#f9fbfd!important}
.bi-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:10.5px;font-weight:800;white-space:nowrap;border:1px solid transparent}.bi-status b{font-size:11px}.bi-status-good{color:#31d79b;background:rgba(49,215,155,.11);border-color:rgba(49,215,155,.22)}.bi-status-risk{color:#ff6b7a;background:rgba(255,77,98,.11);border-color:rgba(255,77,98,.24)}.bi-status-warn{color:#ffb35c;background:rgba(255,159,67,.12);border-color:rgba(255,159,67,.24)}.bi-status-info{color:#7eb1ff;background:rgba(79,140,255,.12);border-color:rgba(79,140,255,.24)}.bi-status-repeat{color:#b78cff;background:rgba(157,108,255,.13);border-color:rgba(157,108,255,.25)}
.row-risk td:first-child{box-shadow:inset 3px 0 #ff5c70}.row-good td:first-child{box-shadow:inset 3px 0 #2fd49b}.row-warn td:first-child{box-shadow:inset 3px 0 #ff9f43}.row-repeat td:first-child{box-shadow:inset 3px 0 #9b73ff}
.insight-banner{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;margin-bottom:14px;border-radius:14px;border:1px solid var(--ui-border);background:var(--ui-panel)}.insight-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900;flex:0 0 34px}.insight-banner strong{display:block;font-size:13px}.insight-banner p{margin:3px 0 0;color:var(--ui-muted);font-size:11.5px}.insight-good .insight-icon{background:rgba(49,215,155,.12);color:#31d79b}.insight-risk .insight-icon{background:rgba(255,77,98,.12);color:#ff6577}.insight-info .insight-icon{background:rgba(79,140,255,.12);color:#79aaff}.insight-warn .insight-icon{background:rgba(255,159,67,.12);color:#ffad5c}
.page-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px;margin-bottom:16px;border:1px solid var(--ui-border);border-radius:18px;background:linear-gradient(135deg,rgba(36,107,253,.13),rgba(255,159,67,.05)),var(--ui-panel)}.page-hero h3{font-size:19px;margin:0 0 5px}.page-hero p{margin:0;color:var(--ui-muted);font-size:12px}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.feature-card{padding:15px;border-radius:15px;border:1px solid var(--ui-border);background:var(--ui-panel)}.feature-card strong{display:block;font-size:13px;margin-bottom:4px}.feature-card small{color:var(--ui-muted);font-size:11px}.feature-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(79,140,255,.12);color:#79aaff;margin-bottom:10px;font-size:17px}
.compare-card{position:relative;overflow:hidden}.compare-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#4f8cff}.compare-card .value{font-size:21px!important}.compare-toolbar{display:flex;gap:8px;flex-wrap:wrap}.compare-preset{border-radius:999px!important}.pivot-live-form{border-radius:18px!important;border:1px solid var(--ui-border)!important;background:var(--ui-panel)!important;padding:18px!important}.pivot-label{font-size:12px!important;font-weight:800;margin-bottom:9px}.check-grid label{border:1px solid var(--ui-border);border-radius:10px;padding:8px 10px;background:var(--ui-panel-soft);transition:.15s}.check-grid label:hover{border-color:#4f8cff;background:rgba(79,140,255,.08)}.pivot-table thead th{position:sticky;top:0;z-index:2}
.sync-command-center{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.sync-health{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sync-health .mini-stat{border:1px solid var(--ui-border);border-radius:12px;padding:12px;background:var(--ui-panel-soft)}.sync-step{border-bottom:1px solid var(--ui-border);padding:10px 4px}.sync-step:last-child{border-bottom:0}
.user-card{border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-panel);padding:15px}.user-avatar-lg{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#246bfd,#7b61ff);color:#fff;font-size:20px;font-weight:900}.profile-grid{display:grid;grid-template-columns:280px 1fr;gap:16px}.profile-side{position:sticky;top:90px;align-self:start}.user-meta{display:flex;gap:12px;align-items:center}.user-role{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(79,140,255,.12);color:#7eaeff;font-size:10px;font-weight:800}
@media(max-width:900px){html{font-size:18px}body{font-size:14.8px}.sticky-table tbody td{font-size:12.3px!important}.feature-grid{grid-template-columns:1fr}.sync-command-center,.profile-grid{grid-template-columns:1fr}.profile-side{position:static}.page-hero{align-items:flex-start;flex-direction:column}.sync-health{grid-template-columns:1fr}}

/* v2026.5.6 - Global Report Context + Notifications */
.filter-notice-strong{position:sticky;top:76px;z-index:24;border:2px solid #ff8a00!important;background:linear-gradient(135deg,rgba(255,138,0,.18),rgba(255,92,0,.10))!important;box-shadow:0 12px 32px rgba(255,119,0,.16);padding:14px 16px!important;margin-bottom:16px!important}
.filter-notice-strong .filter-title{font-size:.9rem;font-weight:900;letter-spacing:.08em;color:#ff9f43}
.filter-chip-form{margin:0}.filter-chip{border:1px solid rgba(255,159,67,.48);cursor:pointer;font:inherit}.filter-chip.not-applicable{opacity:.62;border-style:dashed}
.report-context{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px;padding:8px 12px;border:1px solid var(--border,#24354c);border-radius:12px;background:var(--panel,#101c2e);font-size:.86rem;color:var(--muted,#9cafc5)}
.report-context span{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800}.report-context strong{color:var(--text,#eef5ff);font-weight:650}.report-context em{font-style:normal;font-size:.7rem;font-weight:900;letter-spacing:.08em;color:#111;background:#ff9f43;border-radius:999px;padding:3px 8px}
.filter-presets{display:flex;gap:7px;flex-wrap:wrap}.filter-presets button{border:1px solid var(--border,#2a3c55);background:var(--panel-2,#15243a);color:var(--text,#eef5ff);border-radius:999px;padding:7px 11px;font-weight:700;font-size:.82rem}.filter-presets button:hover{border-color:#4485ff;color:#73a6ff}.filter-context-preview{border:1px dashed var(--border,#2a3c55);border-radius:10px;padding:10px 12px;color:var(--muted,#a9b8ca);font-size:.84rem}
.bi-toast-stack{position:fixed;right:20px;top:82px;z-index:2000;display:flex;flex-direction:column;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}.bi-toast{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:13px;background:#10233a;color:#edf5ff;border:1px solid #315071;box-shadow:0 16px 44px rgba(0,0,0,.28);animation:biToastIn .22s ease-out}.bi-toast-success{border-left:4px solid #31c48d}.bi-toast-danger{border-left:4px solid #ff5f6d}.bi-toast-warning{border-left:4px solid #ffb020}.bi-toast-info{border-left:4px solid #4d8cff}.bi-toast button{border:0;background:transparent;color:inherit;font-size:20px;line-height:1;opacity:.7}.bi-toast.is-hiding{opacity:0;transform:translateX(20px);transition:.24s ease}@keyframes biToastIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
html[data-resolved-theme="light"] .report-context{background:#fff;border-color:#dbe4ef;color:#5e6d7e}html[data-resolved-theme="light"] .report-context strong{color:#142238}html[data-resolved-theme="light"] .filter-presets button{background:#f7f9fc;border-color:#d7e0eb;color:#26384e}html[data-resolved-theme="light"] .bi-toast{background:#fff;color:#15263b;border-color:#d8e2ed}
@media(max-width:767px){.filter-notice-strong{top:64px}.bi-toast-stack{top:70px;right:12px;width:calc(100vw - 24px)}.report-context{font-size:.78rem}.filter-presets button{flex:1 1 auto}}

/* v2026.5.7 - Pivot Studio + Professional Table Engine */
.table-pro-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-panel) 94%,var(--ui-accent) 6%);position:sticky;left:0;z-index:7}.table-pro-toolbar .spacer{flex:1}.table-pro-toolbar button,.table-pro-toolbar select{font-size:.78rem}.table-pro-count{font-weight:800;color:var(--ui-text)}.table-pro-warning{margin:0 12px 10px;padding:9px 12px;border-radius:10px;background:rgba(255,159,67,.13);border:1px solid rgba(255,159,67,.38);color:#ff9f43;font-weight:800}.table-column-menu{position:absolute;z-index:40;min-width:230px;max-height:320px;overflow:auto;background:var(--ui-panel);border:1px solid var(--ui-border);box-shadow:0 18px 50px rgba(0,0,0,.28);border-radius:12px;padding:10px}.table-column-menu label{display:flex;gap:8px;align-items:center;padding:6px 4px;color:var(--ui-text)}.table-filter-row input{width:100%;min-width:72px;border:1px solid var(--ui-border);background:var(--ui-input);color:var(--ui-text);border-radius:7px;padding:5px 7px;font-size:.75rem}.table-pro-footer td{background:color-mix(in srgb,var(--ui-panel) 90%,var(--ui-accent) 10%)!important;border-top:2px solid var(--ui-border);font-weight:800}.table-pro-footer select{width:72px;border:0;background:transparent;color:var(--ui-muted);font-size:.67rem;display:block}.table-pro-footer strong{display:block;color:var(--ui-text);margin-top:2px}.table-shell.is-fullscreen{position:fixed!important;inset:12px!important;z-index:1090!important;background:var(--ui-bg);border-radius:18px;overflow:auto;box-shadow:0 30px 100px rgba(0,0,0,.5)}.table-shell.is-fullscreen .table-scroll{max-height:calc(100vh - 110px)!important}.sticky-table th[draggable=true]{cursor:grab}.sticky-table th.is-dragging{opacity:.35}.sticky-table td.col-hidden,.sticky-table th.col-hidden{display:none!important}
.pivot-studio{display:block}.pivot-ribbon{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:20px;border:1px solid var(--ui-border);background:linear-gradient(135deg,color-mix(in srgb,var(--ui-panel) 92%,#246bfd 8%),var(--ui-panel));border-radius:18px;margin-bottom:14px}.pivot-ribbon h3{margin:2px 0 4px}.pivot-ribbon p{margin:0;color:var(--ui-muted)}.pivot-ribbon-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pivot-workbench{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px}.pivot-fields{border:1px solid var(--ui-border);background:var(--ui-panel);border-radius:16px;overflow:hidden;align-self:start;position:sticky;top:82px}.pivot-fields-head{padding:13px;border-bottom:1px solid var(--ui-border)}.pivot-fields-head strong{display:block;margin-bottom:8px}.pivot-field-list{padding:8px;max-height:65vh;overflow:auto}.pivot-field{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;cursor:grab;color:var(--ui-text);user-select:none}.pivot-field:hover{background:var(--ui-hover)}.pivot-field span{flex:1}.pivot-field i{font-style:normal;color:var(--ui-muted)}.pivot-field.metric i{color:#ff9f43;font-weight:900}.pivot-canvas{min-width:0}.pivot-areas{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.pivot-area{border:1px dashed color-mix(in srgb,var(--ui-border) 70%,#246bfd 30%);background:var(--ui-panel);border-radius:14px;padding:11px;min-height:105px}.pivot-area.wide{grid-column:1/-1}.pivot-area>b{display:block}.pivot-area>small{color:var(--ui-muted)}.pivot-drop{min-height:42px;display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.pivot-area.drag-over{border-color:#246bfd;box-shadow:0 0 0 3px rgba(36,107,253,.12)}.pivot-chip{display:inline-flex;align-items:center;gap:7px;background:rgba(36,107,253,.13);border:1px solid rgba(36,107,253,.3);color:var(--ui-text);padding:6px 8px;border-radius:9px;font-size:.78rem;font-weight:800;cursor:grab}.pivot-chip.metric{background:rgba(255,159,67,.12);border-color:rgba(255,159,67,.35)}.pivot-chip button,.pivot-head-remove{border:0;background:transparent;color:var(--ui-muted);font-weight:900}.pivot-head-remove{float:right;font-size:1rem;line-height:1}.pivot-result-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:8px 0}.pivot-result-head small{display:block;color:var(--ui-muted)}.data-limit-alert{padding:9px 11px;border-radius:10px;background:rgba(255,159,67,.13);border:1px solid rgba(255,159,67,.38);color:#ff9f43;font-weight:800}.chart-pro-toolbar{display:flex;gap:6px;align-items:center;justify-content:flex-end;margin-bottom:7px}.chart-pro-toolbar select,.chart-pro-toolbar button{font-size:.75rem}.chart-tooltip{position:fixed;z-index:1200;pointer-events:none;background:#07111f;color:#fff;border:1px solid #32445e;border-radius:9px;padding:7px 9px;font-size:12px;box-shadow:0 12px 32px rgba(0,0,0,.35);display:none}.chart-wrap.is-fullscreen{position:fixed!important;inset:12px!important;z-index:1090!important;background:var(--ui-panel);padding:16px;border-radius:18px}.chart-wrap.is-fullscreen canvas{min-height:calc(100vh - 90px)!important}
@media(max-width:900px){.pivot-workbench{grid-template-columns:1fr}.pivot-fields{position:static}.pivot-ribbon{flex-direction:column}.pivot-ribbon-actions{justify-content:flex-start}.pivot-areas{grid-template-columns:1fr}.pivot-area.wide{grid-column:auto}}
/* v2026.5.8 Backup & Update Manager */
.maintenance-hero{background:linear-gradient(135deg,var(--card-bg,#fff),color-mix(in srgb,var(--accent,#ff6a00) 7%,var(--card-bg,#fff)));overflow:hidden;position:relative}.maintenance-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-100px;top:-120px;background:color-mix(in srgb,var(--accent,#ff6a00) 10%,transparent);pointer-events:none}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .72rem;border-radius:999px;font-size:.78rem;font-weight:800;border:1px solid var(--border,#dfe6ee);background:var(--surface,#fff)}.status-pill.ok{color:#168452;border-color:rgba(22,132,82,.25);background:rgba(22,132,82,.08)}.status-pill.bad{color:#c43b3b;border-color:rgba(196,59,59,.25);background:rgba(196,59,59,.08)}
.backup-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.backup-type-grid label{cursor:pointer}.backup-type-grid input{position:absolute;opacity:0;pointer-events:none}.backup-type-grid span{display:flex;flex-direction:column;padding:1rem;border:1px solid var(--border,#dfe6ee);border-radius:15px;transition:.18s;background:var(--surface,#fff)}.backup-type-grid small{color:var(--muted,#7b8794);margin-top:.2rem}.backup-type-grid input:checked+span{border-color:var(--accent,#ff6a00);box-shadow:0 0 0 3px rgba(255,106,0,.1);background:rgba(255,106,0,.045)}
.maintenance-steps{display:grid;gap:.75rem}.maintenance-steps>div{display:flex;align-items:flex-start;gap:.8rem;padding:.85rem;border:1px solid var(--border,#dfe6ee);border-radius:14px}.maintenance-steps i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(255,106,0,.1);color:#ff6a00;font-style:normal;font-weight:900;flex:0 0 auto}.maintenance-steps span{display:flex;flex-direction:column}.maintenance-steps small{color:var(--muted,#7b8794)}
.update-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem;margin-bottom:1rem}.update-flow>div{display:flex;align-items:center;gap:.55rem;padding:.75rem .85rem;border:1px solid var(--border,#dfe6ee);border-radius:14px;background:var(--card-bg,#fff);font-size:.82rem;font-weight:800}.update-flow i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-style:normal;background:var(--surface-2,#eef2f6);color:var(--muted,#64748b)}.update-flow .done i{background:#ff6a00;color:#fff}
.update-drop{min-height:190px;border:2px dashed var(--border,#ccd5df);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;cursor:pointer;transition:.18s;background:color-mix(in srgb,var(--card-bg,#fff) 95%,var(--accent,#ff6a00) 5%)}.update-drop:hover{border-color:#ff6a00;background:rgba(255,106,0,.045)}.update-drop input{position:absolute;opacity:0;width:1px;height:1px}.update-drop-icon{font-size:2.4rem;line-height:1;color:#ff6a00;margin-bottom:.6rem}.update-drop small{color:var(--muted,#7b8794);max-width:440px;margin-top:.35rem}.check-list{display:grid;gap:.65rem;margin-top:1rem}.check-list>div{padding:.72rem .85rem;border-radius:12px;background:rgba(22,132,82,.06);border:1px solid rgba(22,132,82,.14);font-weight:650}.empty-state{padding:2rem;text-align:center;color:var(--muted,#7b8794);border:1px dashed var(--border,#dfe6ee);border-radius:16px}
html[data-resolved-theme="dark"] .backup-type-grid span,html[data-resolved-theme="dark"] .update-flow>div,html[data-resolved-theme="dark"] .maintenance-steps>div{background:#101b2b;border-color:#253348;color:#eef4fb}html[data-resolved-theme="dark"] .update-drop{background:#101b2b;border-color:#33435b;color:#eef4fb}html[data-resolved-theme="dark"] .check-list>div{background:rgba(35,180,110,.08);color:#dff8eb}
@media(max-width:900px){.update-flow{grid-template-columns:1fr 1fr}.backup-type-grid{grid-template-columns:1fr}.maintenance-hero .hero-actions{margin-top:.8rem}}@media(max-width:560px){.update-flow{grid-template-columns:1fr}.update-drop{min-height:160px}}

/* v2026.5.8-P4 - Update Manager professional state UX */
.update-drop.has-file{border-color:#18a66a;background:rgba(24,166,106,.065);box-shadow:0 0 0 4px rgba(24,166,106,.06)}
.update-selected{margin-top:1rem;width:min(100%,560px);display:flex;align-items:center;gap:.8rem;text-align:left;padding:.85rem 1rem;border:1px solid rgba(24,166,106,.28);background:rgba(24,166,106,.08);border-radius:14px;color:var(--ui-text,#172033)}
.update-selected[hidden]{display:none!important}.update-selected-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#18a66a;color:#fff;font-weight:900;flex:0 0 auto}.update-selected>div{min-width:0;flex:1}.update-selected strong,.update-selected small{display:block}.update-selected strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-selected small{color:var(--ui-muted,#6c7a8c);margin-top:.15rem}.update-selected button{width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:var(--ui-muted,#6c7a8c);font-size:1.25rem}.update-selected button:hover{background:rgba(196,59,59,.1);color:#c43b3b}
.status-pill.installed{color:#087d4b;border-color:rgba(8,125,75,.3);background:rgba(20,184,104,.12)}.status-pill.rollbacked{color:#9a6700;border-color:rgba(217,151,0,.32);background:rgba(217,151,0,.11)}.update-actions{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.update-actions form{margin:0}
.update-info-modal .modal-body{padding:1.25rem}.update-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.update-info-grid>div{padding:.8rem .9rem;border:1px solid var(--ui-border,#dfe6ee);border-radius:12px;background:var(--ui-input,#f8fafc);min-width:0}.update-info-grid .wide{grid-column:1/-1}.update-info-grid span{display:block;color:var(--ui-muted,#6c7a8c);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.update-info-grid strong,.update-info-grid code{display:block;overflow-wrap:anywhere}.update-info-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--ui-border,#dfe6ee)}.update-info-section h6{font-weight:850;margin-bottom:.45rem}.update-info-section p{margin:0;color:var(--ui-muted,#6c7a8c)}.update-file-list{display:grid;gap:.4rem;max-height:260px;overflow:auto}.update-file-list code{display:block;padding:.5rem .65rem;border-radius:8px;background:var(--ui-input,#f8fafc);border:1px solid var(--ui-border,#dfe6ee);color:var(--ui-text,#172033);overflow-wrap:anywhere}
html[data-resolved-theme="dark"] .update-selected{color:#eef4fb;background:rgba(24,166,106,.11)}html[data-resolved-theme="dark"] .update-info-grid>div,html[data-resolved-theme="dark"] .update-file-list code{background:#101b2b;border-color:#253348;color:#eef4fb}
@media(max-width:700px){.update-info-grid{grid-template-columns:1fr}.update-info-grid .wide{grid-column:auto}.update-actions{min-width:160px}}

/* v2026.5.9-p3 - dense tables: frozen header + live search, single-line rows */
.table-scroll{position:relative!important;overflow:auto!important}
.sticky-table{border-collapse:separate!important;border-spacing:0!important;width:max-content!important;min-width:100%!important}
.sticky-table thead tr:first-child th{position:sticky!important;top:0!important;z-index:12!important;white-space:nowrap!important}
.sticky-table thead tr.table-filter-row th{position:sticky!important;z-index:11!important;white-space:nowrap!important;background:var(--ui-panel-soft)!important;box-shadow:0 1px 0 var(--ui-border),0 6px 12px rgba(0,0,0,.05)!important}
.sticky-table tbody td{white-space:nowrap!important;vertical-align:middle!important}
.sticky-table tbody td small{white-space:nowrap!important}
.sticky-table .entity-link,.sticky-table .entity-ellipsis{display:inline-block!important;max-width:260px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;vertical-align:middle!important}
.sticky-table td.text-end,.sticky-table th.text-end{font-variant-numeric:tabular-nums!important}
.product-info-dot{margin-left:5px!important}
.product-info-card{display:grid;gap:12px}.product-info-name{font-size:1.02rem;font-weight:850;color:var(--ui-text);line-height:1.35}.product-info-meta{display:grid;grid-template-columns:110px 1fr;gap:8px 12px;padding:12px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-panel-soft)}.product-info-meta span{color:var(--ui-muted);font-size:.78rem}.product-info-meta strong{color:var(--ui-text);font-size:.84rem;word-break:break-all}.product-info-actions{display:flex;justify-content:flex-end}.product-info-actions a{text-decoration:none}
@media(max-width:900px){.sticky-table .entity-link,.sticky-table .entity-ellipsis{max-width:190px!important}.product-info-meta{grid-template-columns:90px 1fr}}
/* one visual row per BI record; secondary metadata moves to entity modal/profile */
.sticky-table tbody td>small.d-block{display:none!important}

/* v2026.5.9-p4 - desktop compact sidebar + tables fitted to viewport (no horizontal scroll) */
@media (min-width:901px){
  :root{--sidebar-compact-w:72px;--sidebar-expanded-w:238px}
  .sidebar{width:var(--sidebar-compact-w)!important;padding-left:10px!important;padding-right:10px!important;overflow-x:hidden!important;transition:width .2s ease,box-shadow .2s ease!important}
  .main{margin-left:var(--sidebar-compact-w)!important;transition:margin-left .2s ease!important}
  .sidebar:hover,.sidebar.is-expanded,.sidebar.is-pinned{width:var(--sidebar-expanded-w)!important;box-shadow:18px 0 42px rgba(3,10,20,.22)}
  .brand-row{min-width:218px}.brand{overflow:hidden}.brand-copy,.sidebar-section-label,.sidebar-user-copy{opacity:0;visibility:hidden;transform:translateX(-6px);transition:opacity .12s ease,transform .12s ease;white-space:nowrap}
  .sidebar:hover .brand-copy,.sidebar.is-expanded .brand-copy,.sidebar.is-pinned .brand-copy,
  .sidebar:hover .sidebar-section-label,.sidebar.is-expanded .sidebar-section-label,.sidebar.is-pinned .sidebar-section-label,
  .sidebar:hover .sidebar-user-copy,.sidebar.is-expanded .sidebar-user-copy,.sidebar.is-pinned .sidebar-user-copy{opacity:1;visibility:visible;transform:none}
  .sidebar .nav{min-width:218px}.sidebar .nav-link{width:218px;overflow:hidden;white-space:nowrap;gap:12px}
  .sidebar:not(:hover):not(.is-expanded):not(.is-pinned) .nav-link{font-size:0!important;width:50px;padding-left:15px!important;padding-right:15px!important;gap:0!important}
  .sidebar:not(:hover):not(.is-expanded):not(.is-pinned) .nav-icon{width:20px;height:20px;flex-basis:20px}
  .sidebar-theme{min-width:218px}.sidebar:not(:hover):not(.is-expanded):not(.is-pinned) .sidebar-theme{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;width:50px!important;min-width:50px!important}
  .sidebar-user{min-width:218px}.sidebar:not(:hover):not(.is-expanded):not(.is-pinned) .sidebar-user{width:50px!important;min-width:50px!important;padding-left:9px!important;padding-right:0!important}.sidebar:not(:hover):not(.is-expanded):not(.is-pinned) .sidebar-logout{display:none!important}
  .sidebar-pin{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:rgba(255,255,255,.035);color:#8ea2b8;cursor:pointer;transition:.15s}
  .sidebar-pin:hover,.sidebar-pin.is-active{color:#fff;background:rgba(36,107,253,.18);border-color:rgba(79,140,255,.36)}
  .sidebar:not(:hover):not(.is-expanded):not(.is-pinned) .sidebar-pin{position:absolute;left:39px;top:19px;width:24px;height:24px;opacity:.72}

  .table-shell,.table-responsive,.table-scroll{max-width:100%!important;overflow-x:hidden!important}
  .sticky-table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important}
  .sticky-table th,.sticky-table td{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding-left:7px!important;padding-right:7px!important}
  .sticky-table thead th{font-size:10.5px!important;letter-spacing:0!important}
  .sticky-table tbody td{font-size:12px!important}
  .sticky-table .entity-link,.sticky-table .entity-ellipsis{max-width:calc(100% - 28px)!important}
  .sticky-table .table-filter-row input{width:100%!important;min-width:0!important;padding:5px 7px!important;font-size:11px!important}
  .sticky-table th.col-product,.sticky-table td.col-product{width:17%!important}
  .sticky-table th.col-client,.sticky-table td.col-client,.sticky-table th.col-supplier,.sticky-table td.col-supplier{width:11%!important}
  .sticky-table th.col-warehouse,.sticky-table td.col-warehouse{width:7.5%!important}
  .sticky-table th.col-date,.sticky-table td.col-date{width:7.5%!important}
  .sticky-table th.col-code,.sticky-table td.col-code{width:9%!important}
  .sticky-table th.col-status,.sticky-table td.col-status{width:8%!important}
  .sticky-table th.col-smallnum,.sticky-table td.col-smallnum{width:7%!important}
  .table-pro-toolbar{flex-wrap:wrap!important}
}
@media (min-width:901px) and (max-width:1250px){
  .sticky-table thead th{font-size:9.7px!important}.sticky-table tbody td{font-size:11.2px!important;padding-left:5px!important;padding-right:5px!important}
  .sticky-table th.col-product,.sticky-table td.col-product{width:15%!important}
}

/* v2026.5.9-p6 - loader fail-safe. Prevent stale PWA/JS cache from blocking already-rendered SSR data. */
.bi-loading.bi-loaded>.bi-loader,.bi-loaded>.bi-loader{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
[data-bi-load="table"]>.bi-loader{animation:biLoaderSafetyHide .01s linear 4s forwards}
[data-bi-load="chart"]>.bi-loader{animation:biLoaderSafetyHide .01s linear 6s forwards}
@keyframes biLoaderSafetyHide{to{opacity:0;visibility:hidden;pointer-events:none}}

/* v2026.5.9-P10 · Stocuri PWA valuation cards */
.stock-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.stock-kpi-card{position:relative;display:flex;align-items:flex-start;gap:13px;min-width:0;padding:17px 18px;border:1px solid var(--line,#dfe7f1);border-radius:18px;background:linear-gradient(145deg,var(--card,#fff),color-mix(in srgb,var(--card,#fff) 94%,#2f6bff 6%));box-shadow:0 10px 28px rgba(15,43,77,.055);overflow:hidden}
.stock-kpi-card:after{content:"";position:absolute;right:-24px;top:-28px;width:74px;height:74px;border-radius:50%;background:rgba(47,107,255,.07)}
.stock-kpi-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:12px;background:rgba(47,107,255,.10);color:#2f6bff;font-weight:800;font-size:18px}
.stock-kpi-card span{display:block;font-size:.72rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase;color:var(--muted,#63748a)}
.stock-kpi-card strong{display:block;margin-top:3px;font-size:1.24rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text,#132238)}
.stock-kpi-card small{display:block;margin-top:6px;color:var(--muted,#63748a);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stock-kpi-available .stock-kpi-icon{background:rgba(17,164,117,.11);color:#0d9a6d}.stock-kpi-value .stock-kpi-icon,.stock-kpi-netvalue .stock-kpi-icon{background:rgba(255,153,51,.12);color:#c76d00}.stock-kpi-physical .stock-kpi-icon{background:rgba(119,82,255,.11);color:#6d4de6}
.stock-valuation-note{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;border:1px solid rgba(47,107,255,.20);border-radius:14px;background:rgba(47,107,255,.055)}
.stock-note-icon{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#2f6bff;color:#fff;font-weight:800;font-family:Georgia,serif;flex:0 0 27px}.stock-valuation-note strong,.stock-valuation-note small{display:block}.stock-valuation-note small{margin-top:2px;color:var(--muted,#63748a)}
.stock-warehouse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stock-wh-card-pro{padding:17px 18px!important;position:relative;overflow:hidden}.stock-wh-card-pro:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#2f6bff,#6e8fff)}
.stock-wh-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.stock-wh-head h5{margin:2px 0 0;font-size:1.04rem}.stock-wh-badge{padding:5px 9px;border-radius:999px;background:rgba(47,107,255,.08);color:#2f6bff;font-size:.72rem;font-weight:800}
.stock-wh-primary{margin-top:14px}.stock-wh-primary span,.stock-wh-value span{display:block;color:var(--muted,#63748a);font-size:.74rem}.stock-wh-primary strong{font-size:1.45rem;line-height:1.1}.stock-wh-primary small{margin-left:4px;color:var(--muted,#63748a)}.stock-wh-value{margin-top:11px;padding:10px 12px;border-radius:12px;background:rgba(17,164,117,.06);border:1px solid rgba(17,164,117,.12)}.stock-wh-value strong{display:block;margin-top:2px;font-size:1.08rem;color:#0d8f66}
.stock-wh-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.stock-wh-metrics>div{min-width:0;padding:9px 10px;border-radius:11px;background:color-mix(in srgb,var(--card,#fff) 88%,#71839b 12%)}.stock-wh-metrics small,.stock-wh-metrics b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-wh-metrics small{font-size:.68rem;color:var(--muted,#63748a)}.stock-wh-metrics b{margin-top:2px;font-size:.84rem}
.stock-wh-coverage{height:5px;margin-top:12px;border-radius:99px;background:rgba(112,130,155,.14);overflow:hidden}.stock-wh-coverage span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f6bff,#15b884)}.stock-wh-coverage-label{display:block;margin-top:5px;color:var(--muted,#63748a);font-size:.7rem}
[data-resolved-theme="dark"] .stock-kpi-card,[data-theme="dark"] .stock-kpi-card{box-shadow:none}.theme-dark .stock-wh-value,[data-resolved-theme="dark"] .stock-wh-value{background:rgba(17,164,117,.10)}
@media(max-width:1450px){.stock-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.stock-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-warehouse-grid{grid-template-columns:1fr}}
@media(max-width:520px){.stock-kpi-grid{grid-template-columns:1fr}.stock-wh-metrics{grid-template-columns:1fr 1fr}.stock-wh-metrics>div:last-child{grid-column:1/-1}}

/* v2026.6.5 comparison intelligence */
.compare-pro-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 24px;margin-bottom:16px;border:1px solid var(--border,#dce3ee);border-radius:18px;background:linear-gradient(135deg,rgba(36,107,253,.08),rgba(255,159,67,.06))}.compare-pro-hero h3{margin:.2rem 0 .35rem}.compare-pro-hero p{margin:0;max-width:760px;color:var(--muted,#65758b)}.compare-period-pair{display:flex;align-items:center;gap:10px;white-space:nowrap}.compare-period-pair>div{padding:11px 14px;border-radius:13px;background:var(--card,#fff);border:1px solid var(--border,#dce3ee)}.compare-period-pair small,.compare-period-pair span{display:block;color:var(--muted,#65758b);font-size:.72rem}.compare-period-pair i{font-style:normal;font-weight:800;color:#ff8a00}.compare-presets{display:flex;gap:8px;flex-wrap:wrap}.compare-presets a,.compare-presets button{border:1px solid var(--border,#dce3ee);background:var(--card,#fff);color:inherit;padding:9px 13px;border-radius:11px;text-decoration:none;font-weight:600}.compare-presets .active{border-color:#246bfd;background:rgba(36,107,253,.1);color:#246bfd}.compare-custom{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr)) auto;gap:12px;align-items:end}.compare-custom label{font-size:.78rem;font-weight:700;margin-bottom:5px}.compare-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.compare-card-pro{padding:16px;border:1px solid var(--border,#dce3ee);border-radius:15px;background:var(--card,#fff);box-shadow:0 8px 24px rgba(25,45,80,.04)}.compare-card-head{display:flex;justify-content:space-between;gap:8px}.compare-card-pro>strong{display:block;font-size:1.35rem;margin:7px 0 2px}.compare-card-pro small,.compare-baseline{color:var(--muted,#65758b);font-size:.76rem}.compare-baseline{margin-top:8px;padding-top:8px;border-top:1px solid var(--border,#e5eaf1)}.calc-audit{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 20px;border:1px solid var(--border,#dce3ee);border-radius:15px;background:var(--card,#fff)}.calc-audit p{margin:4px 0 0;color:var(--muted,#65758b);font-size:.82rem}.calc-audit-status{padding:10px 14px;border-radius:11px;text-align:right}.calc-audit-status.ok{background:rgba(17,181,122,.1);color:#07945f}.calc-audit-status.warn{background:rgba(255,159,67,.12);color:#b76500}.calc-audit-status small{display:block;margin-top:2px}.dashboard-kpi .trend{line-height:1.35}.table-pro-warning{font-size:.78rem}@media(max-width:1100px){.compare-pro-hero{align-items:flex-start;flex-direction:column}.compare-custom{grid-template-columns:repeat(2,1fr)}.compare-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.compare-period-pair{width:100%;display:grid;grid-template-columns:1fr}.compare-period-pair i{text-align:center}.compare-custom,.compare-kpi-grid{grid-template-columns:1fr}.calc-audit{align-items:flex-start;flex-direction:column}.calc-audit-status{text-align:left;width:100%}}
