:root{
  --navy:#101c2e;--navy-2:#17263b;--ink:#172033;--muted:#6f7c8f;--line:#e5eaf0;
  --paper:#fff;--canvas:#f4f6f9;--orange:#f36c2f;--orange-2:#ff8b55;--blue:#2868e8;
  --green:#17a673;--red:#dc4851;--amber:#e8a317;--purple:#7a5ae6;
  --shadow:0 4px 14px rgba(26,39,58,.06);--radius:10px;--sidebar:268px;
}
*{box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{margin:0;font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;color:var(--ink);background:var(--canvas);min-height:100vh}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);direction:ltr}
.brand strong{display:block;font-size:1rem;letter-spacing:.17em;line-height:1}
.brand small{display:block;font-size:.62rem;letter-spacing:.15em;opacity:.57;margin-top:5px}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--orange),#ff9a65);color:white;font-size:1.4rem;font-weight:800;box-shadow:0 8px 20px rgba(243,108,47,.25)}
.brand-logo{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:50%;padding:2px;box-shadow:0 5px 16px rgba(0,0,0,.18)}
.brand-dark{color:#fff}

/* Login */
.login-view{min-height:100vh;display:grid;grid-template-columns:minmax(500px,1.12fr) minmax(420px,.88fr);background:#fff}
.login-panel{position:relative;overflow:hidden;background:var(--navy);padding:52px clamp(40px,5vw,82px);display:flex;flex-direction:column;justify-content:space-between;color:#fff}
.login-panel:after{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:var(--orange);filter:blur(130px);opacity:.18;left:-100px;bottom:-80px}
.login-copy{position:relative;z-index:2;max-width:680px}
.eyebrow{display:inline-flex;padding:7px 12px;border:1px solid rgba(255,255,255,.18);border-radius:99px;font-size:.72rem;letter-spacing:.14em;color:#bfc8d5;direction:ltr}
.login-copy h1{font-size:clamp(3.2rem,6vw,6.4rem);line-height:.96;margin:26px 0 28px;letter-spacing:-.055em}
.login-copy h1 em{font-style:normal;color:var(--orange-2)}
.login-copy>p{font-size:1.13rem;line-height:1.9;color:#b8c2d0;max-width:580px;margin:0}
.login-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12);margin-top:56px;padding-top:26px;direction:ltr}
.login-metrics div{display:flex;flex-direction:column;padding:0 20px;border-left:1px solid rgba(255,255,255,.12)}
.login-metrics div:first-child{padding-left:0;border-left:0}
.login-metrics strong{font-size:1.45rem}.login-metrics span{font-size:.76rem;color:#93a1b3;margin-top:4px;direction:rtl}
.grid-glow{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 86%)}
.login-form-wrap{display:grid;place-items:center;padding:48px;background:radial-gradient(circle at 75% 10%,#fff4ed 0,transparent 28%),#fff}
.login-card{width:min(100%,440px)}
.mobile-brand{display:none}
.status-pill{display:inline-flex;align-items:center;gap:8px;background:#eef9f5;color:#137b57;border:1px solid #d2efe3;border-radius:99px;padding:7px 12px;font-size:.78rem;font-weight:600}
.status-pill i,.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(23,166,115,.12)}
.login-card h2{font-size:2.1rem;margin:24px 0 7px;letter-spacing:-.025em}
.login-card>p{color:var(--muted);margin:0 0 30px}
.login-card label{display:block;font-size:.86rem;font-weight:600;margin:17px 0 8px}
.field{height:53px;border:1px solid #dfe5ec;border-radius:13px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fbfcfe;transition:.2s}
.field:focus-within{border-color:var(--orange);box-shadow:0 0 0 4px rgba(243,108,47,.1);background:#fff}
.field svg{width:18px;color:#8b97a7}.field input{border:0;outline:0;background:transparent;flex:1;min-width:0;direction:ltr}.field button{border:0;background:transparent;color:#7e8997;display:grid;place-items:center}
.primary{border:0;background:linear-gradient(135deg,var(--orange),#ee5c22);color:#fff;border-radius:12px;font-weight:700;box-shadow:0 9px 22px rgba(243,108,47,.21)}
.login-submit{width:100%;height:53px;margin-top:22px;display:flex;align-items:center;justify-content:center;gap:10px}.login-submit svg{width:18px}
.form-error{min-height:18px;color:var(--red);font-size:.82rem;margin-top:8px}.demo-hint{text-align:center!important;font-size:.75rem!important;margin:18px 0 0!important;color:#9aa3af!important}

/* Shell */
.app-view{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);direction:rtl}
.sidebar{position:fixed;right:0;top:0;bottom:0;width:var(--sidebar);background:var(--navy);color:#fff;z-index:30;display:flex;flex-direction:column;padding:18px 12px;border-left:1px solid rgba(255,255,255,.05)}
.sidebar-brand{padding:0 10px 22px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:16px}
.facility-select{padding:0 4px 12px}.facility-select>small{display:block;color:#79889d;font-size:.7rem;margin:0 8px 7px}.facility-select button{width:100%;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);color:#dce4ee;border-radius:11px;padding:10px;display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.facility-select button span{display:flex;align-items:center;gap:8px}.facility-select svg{width:14px}
#main-nav{overflow:auto;scrollbar-width:none;flex:1;padding:2px 0}
.nav-group{display:block;color:#66778e;font-size:.65rem;font-weight:700;padding:17px 12px 7px;letter-spacing:.05em}
.nav-section{border-bottom:1px solid rgba(255,255,255,.065)}
.nav-section summary{list-style:none;display:flex;align-items:center;justify-content:space-between;color:#8291a6;padding:11px 10px;font-size:.72rem;font-weight:700;cursor:pointer;user-select:none}
.nav-section summary::-webkit-details-marker{display:none}.nav-section summary>span{display:flex;align-items:center;gap:9px}.nav-section summary svg{width:15px;height:15px;transition:.18s}.nav-section[open] summary{color:#fff}.nav-section[open] summary>svg{transform:rotate(180deg)}
.nav-children{padding:0 0 7px}
.nav-link{position:relative;width:100%;border:0;background:transparent;color:#a8b4c4;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:5px;margin:1px 0;text-align:right;font-size:.73rem;transition:.18s}
.nav-link:hover{color:#fff;background:rgba(255,255,255,.05)}.nav-link.active{color:#fff;background:rgba(243,108,47,.18);box-shadow:inset -3px 0 var(--orange)}
.nav-link svg{width:17px;height:17px;stroke-width:1.8}.nav-link.active svg{color:var(--orange-2)}.nav-link b{margin-right:auto;background:#e54850;color:#fff;padding:1px 6px;border-radius:99px;font-size:.61rem}
.sidebar-foot{padding-top:11px;border-top:1px solid rgba(255,255,255,.08)}
.sync-card{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.065);border-radius:11px;padding:10px}.sync-card>svg{width:16px;color:#75a4ff}.sync-card div{display:flex;flex-direction:column;min-width:0;flex:1;direction:ltr}.sync-card strong{font-size:.7rem}.sync-card small{font-size:.58rem;color:#708097;margin-top:2px;direction:rtl;text-align:right}.sync-card .live-dot{width:6px;height:6px}
.logout{width:100%;border:0;background:transparent;color:#8492a6;display:flex;align-items:center;gap:9px;padding:11px;margin-top:5px;font-size:.75rem}.logout:hover{color:#fff}.logout svg{width:16px}
.main-shell{grid-column:2;min-width:0}
.topbar{height:68px;position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #d8dee7;display:flex;align-items:center;padding:0 22px;gap:18px}
.page-identity{margin-left:auto}.page-identity small{display:block;color:var(--orange);font-size:.68rem;font-weight:700;margin-bottom:2px}.page-identity h2{font-size:1.05rem;margin:0}
.top-actions{display:flex;align-items:center;gap:9px;direction:rtl}.global-search{width:260px;height:39px;border:1px solid var(--line);border-radius:10px;background:#f7f9fb;display:flex;align-items:center;gap:8px;padding:0 10px}.global-search svg{width:16px;color:#8c97a5}.global-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;font-size:.75rem}.global-search kbd{font-size:.57rem;color:#98a2af;border:1px solid #dde2e8;border-radius:5px;padding:2px 5px;background:#fff;direction:ltr}
.icon-btn,.text-btn{width:39px;height:39px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#5f6c7c;display:grid;place-items:center;position:relative}.icon-btn:hover,.text-btn:hover{color:var(--orange);border-color:#f2b395}.icon-btn svg{width:17px}.text-btn{font-size:.7rem;font-weight:700}.notification-btn b{position:absolute;left:-3px;top:-5px;background:var(--red);color:#fff;min-width:17px;height:17px;border-radius:99px;font-size:.58rem;display:grid;place-items:center;border:2px solid #fff}
.profile{display:flex;align-items:center;gap:9px;margin-right:6px;padding-right:13px;border-right:1px solid var(--line)}.profile>span{width:35px;height:35px;border-radius:10px;background:linear-gradient(145deg,#263952,#122033);color:#fff;display:grid;place-items:center;font-size:.7rem;font-weight:700}.profile div{display:flex;flex-direction:column}.profile strong{font-size:.72rem}.profile small{font-size:.62rem;color:#8792a0;margin-top:2px}.menu-btn{display:none}
#page-content{padding:19px 22px 48px;min-height:calc(100vh - 176px);outline:none}

/* Common components */
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:17px;padding-bottom:14px;border-bottom:1px solid #dce2e9}.page-head h1{font-size:1.3rem;margin:6px 0 3px;letter-spacing:-.015em}.page-head p{margin:0;color:var(--muted);font-size:.74rem}.head-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.breadcrumbs{display:flex;align-items:center;gap:5px;color:#8b96a4;font-size:.62rem}.breadcrumbs svg{width:11px;height:11px}.breadcrumbs b{color:#4e5a69;font-weight:600}
.btn{min-height:35px;border:1px solid #cfd6df;background:#fff;color:#344256;border-radius:6px;padding:7px 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:.7rem;font-weight:600;box-shadow:none}.btn svg{width:14px}.btn:hover{border-color:#98a5b5;background:#f6f8fa}.btn.primary{border-color:#d6531e;color:#fff;background:#df5c27}.btn.primary:hover{background:#ca4d1c}.btn.dark{background:var(--navy);border-color:var(--navy);color:#fff}.btn.green{background:#14875f;border-color:#14875f;color:#fff}.btn.ghost{background:transparent}.btn.danger{color:#b92f39;border-color:#e1aeb4;background:#fff}.btn.small{min-height:29px;padding:5px 8px;font-size:.64rem;border-radius:5px}
.grid{display:grid;gap:12px}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:14px}.kpi{background:#fff;border:1px solid #dce2e9;border-radius:8px;padding:13px;min-width:0;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--tone,var(--blue))}.kpi-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.65rem}.kpi-icon{width:27px;height:27px;border-radius:6px;background:color-mix(in srgb,var(--tone,var(--blue)) 9%,white);color:var(--tone,var(--blue));display:grid;place-items:center}.kpi-icon svg{width:14px}.kpi strong{display:block;font-size:1.28rem;margin:10px 0 3px;direction:ltr;text-align:right}.kpi footer{font-size:.59rem;color:#8a95a3}.trend-up{color:var(--green)!important}.trend-down{color:var(--red)!important}
.card{background:#fff;border:1px solid #dce2e9;border-radius:var(--radius);box-shadow:none}.card-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #e4e9ef;gap:10px;background:#fafbfc;border-radius:9px 9px 0 0}.card-head h3{margin:0;font-size:.8rem}.card-head p{margin:2px 0 0;color:var(--muted);font-size:.61rem}.card-body{padding:15px}.two-col{grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr)}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}
.chart-wrap{height:225px;display:flex;align-items:flex-end;gap:15px;border-bottom:1px solid var(--line);padding:10px 5px 0;position:relative}.chart-wrap:before,.chart-wrap:after{content:"";position:absolute;left:0;right:0;border-top:1px dashed #e9edf2}.chart-wrap:before{top:35%}.chart-wrap:after{top:65%}.bar-set{height:100%;flex:1;display:flex;align-items:flex-end;gap:4px;position:relative;z-index:1}.bar{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(var(--blue),#75a4ff);min-height:8px}.bar.orange{background:linear-gradient(var(--orange-2),var(--orange))}.bar-set label{position:absolute;bottom:-24px;left:0;right:0;text-align:center;color:#8792a0;font-size:.62rem}.chart-foot{display:flex;justify-content:center;gap:18px;margin-top:32px;font-size:.65rem;color:var(--muted)}.legend{display:flex;align-items:center;gap:6px}.legend i{width:7px;height:7px;border-radius:2px;background:var(--blue)}
.ring{width:132px;height:132px;border-radius:50%;background:conic-gradient(var(--orange) 0 92%,#edf1f5 92%);display:grid;place-items:center;margin:6px auto 22px}.ring:after{content:"";width:98px;height:98px;border-radius:50%;background:#fff}.ring-label{position:absolute;text-align:center}.ring-label strong{display:block;font-size:1.4rem}.ring-label small{font-size:.62rem;color:var(--muted)}.ring-wrap{position:relative;display:grid;place-items:center}
.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-stat{padding:10px;border-radius:10px;background:#f7f9fb}.mini-stat small{display:block;color:var(--muted);font-size:.61rem}.mini-stat strong{font-size:.86rem;margin-top:3px;display:block}
.section-gap{margin-top:16px}.panel-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf0f3}.list-item:last-child{border-bottom:0}.list-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef4ff;color:var(--blue)}.list-icon svg{width:16px}.list-copy{min-width:0;flex:1}.list-copy strong{font-size:.75rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-copy small{font-size:.62rem;color:var(--muted);display:block;margin-top:3px}.time{font-size:.62rem;color:#9aa3ae;white-space:nowrap}
.badge{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:4px 8px;font-size:.63rem;font-weight:600;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.green{background:#e8f8f2;color:#0e8c60}.badge.red{background:#fff0f1;color:#cf3842}.badge.amber{background:#fff7e6;color:#bc7b00}.badge.blue{background:#edf4ff;color:#2868e8}.badge.purple{background:#f2efff;color:#6d50d0}.badge.gray{background:#eef1f4;color:#657180}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:800px}.data-table th{font-size:.63rem;text-align:right;color:#536174;background:#eef2f6;border-bottom:1px solid #ccd4df;border-left:1px solid #e0e5eb;padding:9px 11px;font-weight:700;white-space:nowrap}.data-table td{padding:10px 11px;border-bottom:1px solid #e4e9ee;font-size:.67rem;white-space:nowrap}.data-table tr:nth-child(even) td{background:#fbfcfd}.data-table tr:hover td{background:#f0f5fb}.data-table tr:last-child td{border-bottom:0}.code{font-weight:700;color:#1f5fae;direction:ltr;display:inline-block;text-decoration:underline;text-underline-offset:2px}.machine{display:flex;align-items:center;gap:8px}.machine-icon{width:28px;height:28px;border-radius:5px;background:#eef2f6;color:#536276;display:grid;place-items:center}.machine-icon svg{width:14px}.priority{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:4px;font-weight:700}.priority.a{background:#fff0f1;color:#d53e48}.priority.b{background:#fff7e8;color:#c27b00}.priority.c{background:#edf4ff;color:#2868e8}
.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.filter-field{height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;gap:7px;padding:0 10px;color:#6d7887}.filter-field input,.filter-field select{border:0;background:transparent;outline:0;font-size:.7rem;min-width:100px}.filter-field svg{width:14px}.filter-spacer{margin-right:auto}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:17px;overflow:auto}.tab{border:0;background:transparent;color:#7d8896;padding:10px 13px;font-size:.7rem;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:var(--orange);border-color:var(--orange);font-weight:700}
.stat-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.strip-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;display:flex;align-items:center;gap:10px}.strip-item .kpi-icon{width:33px;height:33px}.strip-item small{display:block;color:var(--muted);font-size:.6rem}.strip-item strong{font-size:1.05rem}
.progress{height:7px;background:#edf1f4;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;width:var(--value);background:var(--tone,var(--green));border-radius:inherit}.progress-label{display:flex;justify-content:space-between;font-size:.62rem;color:var(--muted);margin-bottom:6px}.progress-label b{color:var(--ink)}
.empty{text-align:center;padding:54px 20px;color:var(--muted)}.empty svg{width:36px;height:36px;margin-bottom:10px;color:#aeb7c3}.empty h3{color:var(--ink);font-size:.9rem;margin:0 0 6px}.empty p{font-size:.72rem;margin:0}

/* Module-specific */
.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-action{border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px;text-align:right;display:flex;align-items:center;gap:10px;color:var(--ink)}.quick-action:hover{border-color:#f1b69b;transform:translateY(-1px)}.quick-action .list-icon{background:#fff2ec;color:var(--orange)}.quick-action strong{font-size:.72rem}.quick-action small{font-size:.58rem;color:var(--muted);display:block;margin-top:2px}
.alert-item{border-right:3px solid var(--tone);padding:14px 15px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start}.alert-item:first-child{border-radius:0 12px 0 0}.alert-copy strong{font-size:.76rem}.alert-copy p{font-size:.68rem;color:var(--muted);margin:4px 0 7px}.alert-copy small{font-size:.6rem;color:#919ba8}.alert-actions{display:flex;gap:6px}
.week-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:5px}.week{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 3px;text-align:center;font-size:.59rem;color:#7e8998}.week strong{display:block;font-size:.7rem;color:var(--ink);margin-bottom:4px}.week.current{border-color:var(--orange);background:#fff3ed;color:var(--orange)}.week.has-work:after{content:"";display:block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin:5px auto 0}
.calendar-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.calendar-summary .mini-stat{border:1px solid var(--line);background:#fff;padding:13px}
.checklist{display:flex;flex-direction:column;gap:9px}.check-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff}.check-row input{width:18px;height:18px;accent-color:var(--green)}.check-row strong{font-size:.74rem}.check-row small{display:block;font-size:.61rem;color:var(--muted);margin-top:3px}.reading{width:86px;border:1px solid var(--line);border-radius:8px;padding:7px;font-size:.66rem;text-align:center}
.asset-health{display:flex;align-items:center;gap:7px}.health-bar{width:58px;height:5px;background:#edf1f4;border-radius:99px;overflow:hidden}.health-bar i{display:block;height:100%;background:var(--green);width:var(--value)}
.doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.doc{border:1px solid var(--line);border-radius:13px;background:#fff;padding:14px;min-height:140px;display:flex;flex-direction:column}.doc-icon{width:35px;height:35px;border-radius:9px;background:#fff1eb;color:var(--orange);display:grid;place-items:center}.doc-icon svg{width:17px}.doc h4{font-size:.73rem;margin:14px 0 4px}.doc p{font-size:.62rem;color:var(--muted);margin:0;flex:1}.doc footer{display:flex;justify-content:space-between;align-items:center;margin-top:13px;font-size:.58rem;color:#8d97a4}
.pareto{display:flex;flex-direction:column;gap:11px}.pareto-row{display:grid;grid-template-columns:120px 1fr 36px;gap:10px;align-items:center;font-size:.65rem}.pareto-row .progress{height:10px}.pareto-row b{text-align:left}
.metric-banner{background:linear-gradient(135deg,var(--navy),#20344f);border-radius:18px;padding:21px;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;overflow:hidden;position:relative}.metric-banner:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--orange);filter:blur(70px);opacity:.22;left:-40px}.metric-banner h3{font-size:1.05rem;margin:0 0 5px}.metric-banner p{color:#aeb9c8;font-size:.7rem;margin:0}.metric-banner .banner-value{position:relative;z-index:1;text-align:left}.metric-banner .banner-value strong{font-size:1.8rem}.metric-banner .banner-value small{font-size:.62rem;color:#b9c3d0;display:block}

/* Modal and toast */
.modal-backdrop{position:fixed;inset:0;background:rgba(10,19,31,.48);backdrop-filter:blur(4px);z-index:60;display:grid;place-items:center;padding:20px}.modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 28px 80px rgba(7,16,28,.25)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.modal-head h3{font-size:1rem;margin:0}.modal-close{border:0;background:#f2f4f7;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:#6d7886}.modal-close svg{width:16px}.modal-body{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group.full{grid-column:1/-1}.form-group label{display:block;font-size:.69rem;font-weight:600;margin-bottom:6px}.control{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;outline:0;background:#fbfcfd;font-size:.72rem}.control:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(243,108,47,.09)}textarea.control{min-height:90px;resize:vertical}.modal-foot{display:flex;justify-content:flex-start;gap:8px;padding:15px 22px;border-top:1px solid var(--line);background:#fafbfc;border-radius:0 0 20px 20px}
.toast-root{position:fixed;left:22px;bottom:22px;z-index:90;display:flex;flex-direction:column;gap:9px}.toast{background:var(--navy);color:#fff;border-radius:11px;padding:12px 15px;box-shadow:var(--shadow);font-size:.72rem;display:flex;align-items:center;gap:9px;animation:toast-in .25s ease}.toast svg{width:16px;color:#6fe0b4}@keyframes toast-in{from{transform:translateY(10px);opacity:0}}
.drawer-backdrop{display:none}

/* Enterprise module navigator */
.erp-menu{height:82px;background:#fff;border-bottom:1px solid #cfd6df;display:grid;grid-template-columns:150px repeat(3,minmax(170px,1fr));align-items:stretch;position:relative;z-index:12}
.erp-root{display:flex;align-items:center;gap:10px;padding:12px 16px;border-left:1px solid #dce2e9;color:#253349;background:#f8fafc}
.erp-root-icon{width:34px;height:34px;border:1px solid #cfd6df;background:#fff;color:var(--orange);display:grid;place-items:center;border-radius:6px}.erp-root-icon svg{width:17px}.erp-root strong{display:block;font-size:.73rem}.erp-root small{display:block;color:#8591a0;font-size:.57rem;letter-spacing:.08em;margin-top:3px}
.erp-column{display:grid;grid-template-rows:1fr 1fr;border-left:1px solid #dce2e9}
.erp-column button{border:0;border-bottom:1px solid #e3e7ec;background:#fff;color:#263447;padding:0 13px;display:flex;align-items:center;justify-content:space-between;text-align:right;font-size:.7rem;min-width:0}.erp-column button:last-child{border-bottom:0}.erp-column button:hover{background:#f1f5f9;color:#c44e20}.erp-column button svg{width:13px;color:#7d8998}.erp-column button:hover svg{color:var(--orange)}
.system-bar{height:28px;background:#eef2f6;border-bottom:1px solid #d7dee7;display:flex;align-items:center;gap:17px;padding:0 22px;color:#5f6d7d;font-size:.59rem;white-space:nowrap;overflow:auto}.system-bar span{display:flex;align-items:center;gap:5px}.system-bar svg{width:12px;height:12px}.system-bar .system-online{margin-right:auto;color:#167a57}.system-bar .system-online i{width:6px;height:6px;border-radius:50%;background:#17a673}.system-version{direction:ltr;font-weight:700;color:#6e7a89}
.metric-banner{border-radius:8px;background:linear-gradient(115deg,#17263b,#21354e);padding:17px 19px}.metric-banner:after{display:none}.metric-banner h3{font-size:.92rem}.metric-banner .banner-value strong{font-size:1.55rem}
.dashboard-logo{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:50%;padding:3px;position:relative;z-index:1}.banner-copy{flex:1;margin-inline:13px}
.strip-item{border-radius:7px;border-color:#dce2e9;padding:11px}.filter-field{height:35px;border-color:#cfd6df;border-radius:6px}.badge{border-radius:4px;padding:3px 7px}.quick-action{border-radius:7px;padding:11px}.list-icon{border-radius:6px}.modal{border-radius:10px}.modal-head{padding:16px 18px;background:#f7f9fb}.control{border-radius:6px}.week{border-radius:5px}.doc{border-radius:8px}.sync-card{border-radius:6px}

/* Users and official maintenance record */
.link-button{border:0;background:transparent;padding:0;cursor:pointer}.row-actions{display:flex;gap:6px;align-items:center}.user{display:flex}.user-cell{display:flex;align-items:center;gap:8px}.user-cell>span{width:30px;height:30px;border-radius:6px;background:#eaf0f8;color:#29486e;display:grid;place-items:center;font-size:.62rem;font-weight:800}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.permission-grid label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fbfcfd;padding:9px;border-radius:6px;font-weight:500;margin:0}.permission-grid input{accent-color:var(--orange)}.security-note{display:flex;align-items:center;gap:8px;background:#eef8f4;color:#236b53;padding:11px;border-radius:7px;font-size:.7rem;margin:16px 0 0}.security-note svg{width:17px}.compact-modal{width:min(500px,100%)}
.report-backdrop{align-items:start;overflow:auto}.report-modal{width:min(1180px,100%);max-height:none;margin:18px auto}.report-toolbar{position:sticky;top:0;z-index:3}.report-actions{display:flex;align-items:center;gap:7px}.report-paper{background:#f4f5f7;padding:20px}.report-letterhead{display:grid;grid-template-columns:82px 1fr 250px;gap:14px;align-items:center;background:#fff;border:1px solid #aeb7c2;padding:14px}.report-letterhead img{width:72px;height:72px;object-fit:contain}.report-letterhead h2{margin:0;font-size:1.05rem}.report-letterhead p{margin:2px 0;color:#687486;font-size:.7rem}.report-letterhead h3{margin:7px 0 0;color:#d85223;font-size:.84rem}.report-letterhead dl{margin:0;border:1px solid #c8d0d9}.report-letterhead dl div{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #d7dde4}.report-letterhead dl div:last-child{border:0}.report-letterhead dt,.report-letterhead dd{margin:0;padding:5px 6px;font-size:.55rem}.report-letterhead dt{background:#f1f3f6;font-weight:700}.report-letterhead dd{direction:ltr;text-align:left}
.report-section{background:#fff;border:1px solid #b6bec8;border-top:0;padding:14px}.report-section h4{margin:-14px -14px 12px;padding:8px 12px;background:#e9edf1;border-bottom:1px solid #b6bec8;text-align:center;font-size:.73rem;text-transform:uppercase;letter-spacing:.04em}.report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.report-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}.report-field{border:1px solid #d4dae1;background:#fbfcfd;min-height:58px;padding:8px}.report-field.wide{grid-column:span 2}.report-field small{display:block;color:#687587;font-size:.57rem;text-transform:uppercase;font-weight:700;margin-bottom:4px}.report-field strong{display:block;font-size:.68rem;line-height:1.55}.paper-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.paper-check{display:inline-flex;align-items:center;gap:5px;border:1px solid #d5dbe2;border-radius:4px;padding:6px 8px;font-size:.62rem;color:#6c7786}.paper-check svg{width:13px}.paper-check.checked{background:#ecf8f3;border-color:#b9e2d1;color:#187a58}.priority-note{margin:9px 0 0;background:#fff8e8;color:#896117;padding:7px 9px;font-size:.6rem;border-inline-start:3px solid var(--amber)}.checklist-options{display:grid;grid-template-columns:repeat(3,1fr)}
.approval-flow{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));gap:7px;overflow:auto;padding-bottom:4px}.approval-step{position:relative;min-height:145px;border:1px solid #d7dde5;border-top:3px solid #aab3bf;background:#fafbfc;padding:12px 10px;border-radius:5px}.approval-step.approved{border-top-color:var(--green);background:#f3fbf8}.approval-step.current{border-top-color:var(--orange);background:#fff8f4;box-shadow:0 0 0 2px rgba(243,108,47,.08)}.step-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e8ecf1;color:#788494;margin-bottom:9px}.approved .step-icon{background:#dff4eb;color:#11845b}.current .step-icon{background:#ffeadf;color:#d6531e}.step-icon svg{width:14px}.approval-step small,.approval-step strong,.approval-step time{display:block}.approval-step small{font-size:.52rem;color:#758191;min-height:31px}.approval-step strong{font-size:.65rem;margin:5px 0}.approval-step time{font-size:.54rem;color:#7c8795}.approval-step>b{display:inline-block;margin-top:8px;font-size:.54rem;color:#647184}.approved>b{color:#11845b}.current>b{color:#d6531e}

/* Premium management analytics */
.report-controlbar{background:#fff;border:1px solid #d9e0e8;border-radius:8px;margin-bottom:12px;box-shadow:0 8px 24px rgba(25,40,61,.05)}.period-tabs{display:flex;align-items:center;padding:7px 9px;border-bottom:1px solid #e4e9ef;gap:3px}.period-tab{min-width:82px;border:0;background:transparent;color:#667486;padding:9px 15px;border-radius:6px;font-size:.78rem;font-weight:650}.period-tab:hover{background:#f3f6f9}.period-tab.active{background:#18283d;color:#fff;box-shadow:0 5px 14px rgba(16,28,46,.18)}.report-filters{display:flex;align-items:flex-end;gap:10px;padding:10px 12px;flex-wrap:wrap}.report-filters label{color:#687689;font-size:.7rem;font-weight:600}.report-filters select{display:block;min-width:180px;height:34px;margin-top:5px;border:1px solid #d4dbe4;border-radius:6px;background:#fbfcfd;color:#26364a;padding:0 9px;font-size:.73rem}.report-updated{margin-inline-start:auto;display:flex;align-items:center;gap:5px;color:#687689;font-size:.68rem;padding-bottom:8px}.report-updated svg{width:13px}
.executive-brief{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;overflow:hidden;background:linear-gradient(120deg,#101c2e 0%,#1b314d 68%,#27425f 100%);color:#fff;padding:20px 22px;border-radius:9px;margin-bottom:12px;box-shadow:0 14px 32px rgba(16,28,46,.15)}.executive-brief:after{content:"";position:absolute;inset:auto -40px -110px auto;width:250px;height:250px;border-radius:50%;background:rgba(243,108,47,.18)}.brief-icon{width:43px;height:43px;border-radius:8px;background:rgba(243,108,47,.16);border:1px solid rgba(255,157,109,.25);color:#ff9968;display:grid;place-items:center}.brief-icon svg{width:21px}.executive-brief small{color:#8fa1b7;font-size:.64rem;font-weight:700;letter-spacing:.1em}.executive-brief h3{font-size:.93rem;margin:5px 0 3px;line-height:1.5}.executive-brief p{margin:0;color:#aebccc;font-size:.73rem;line-height:1.6}.health-score{position:relative;z-index:1;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;text-align:center;background:conic-gradient(#25b382 0 92%,rgba(255,255,255,.12) 92%);box-shadow:inset 0 0 0 7px #1b3049}.health-score:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#182b43}.health-score b,.health-score span{position:relative;z-index:1;display:block}.health-score b{font-size:1.45rem;line-height:1}.health-score span{font-size:.5rem;color:#aebdcc;max-width:60px;margin-top:-19px}
.analytics-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.analytics-kpis .kpi{min-height:122px}.analytics-kpis .kpi strong{font-size:1.2rem}.analytics-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,.72fr);gap:12px}.analytics-layout.second-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.analytics-trend .card-body{padding:8px 13px 6px}.chart-legend{display:flex;align-items:center;gap:13px;color:#667486;font-size:.66rem}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i,.donut-legend i{width:8px;height:8px;border-radius:2px;display:inline-block}.blue-dot{background:#2868e8}.orange-dot{background:#f36c2f}.performance-svg{display:block;width:100%;height:auto;max-height:300px;overflow:visible}.chart-gridline{stroke:#e7ebf0;stroke-width:1}.axis-label{fill:#8793a2;font-size:10px;text-anchor:end}.x-label{fill:#718094;font-size:10px;text-anchor:middle}.chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.availability-line{stroke:#2868e8}.pm-line{stroke:#f36c2f}.chart-point{stroke:#fff;stroke-width:2}.availability-point{fill:#2868e8}.pm-point{fill:#f36c2f}
.workmix-body{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:16px}.donut{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2868e8 0 42%,#17a673 42% 80%,#dc4851 80% 92%,#e8a317 92%);position:relative}.donut:after{content:"";position:absolute;inset:22px;background:#fff;border-radius:50%;box-shadow:0 0 0 1px #edf0f3}.donut>div{position:relative;z-index:1;text-align:center}.donut strong{display:block;font-size:1.35rem}.donut small{display:block;color:#788595;font-size:.57rem}.donut-legend{display:flex;flex-direction:column;gap:10px}.donut-legend div{display:flex;align-items:center;justify-content:space-between;font-size:.68rem;border-bottom:1px solid #edf0f3;padding-bottom:8px}.donut-legend div:last-child{border:0}.donut-legend span{display:flex;align-items:center;gap:7px;color:#647185}
.downtime-bars{display:flex;flex-direction:column;gap:15px}.downtime-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.71rem}.downtime-row b{direction:ltr}.premium-progress{height:9px;border-radius:99px;background:#edf1f5;overflow:hidden}.premium-progress i{height:100%;display:block;border-radius:inherit;box-shadow:0 0 10px color-mix(in srgb,currentColor 25%,transparent)}.impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.impact-score{border:1px solid #dfe5ec;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:7px;padding:13px;min-height:105px}.impact-score strong,.impact-score span,.impact-score small{display:block}.impact-score strong{font-size:1.05rem;direction:ltr;text-align:right;margin-bottom:7px}.impact-score span{font-size:.7rem;font-weight:650}.impact-score small{font-size:.6rem;color:#7c8897;margin-top:4px}.management-actions .card-head{border-radius:7px 7px 0 0}.risk-dot{display:inline-flex;align-items:center;gap:6px;font-size:.66rem;font-weight:650}.risk-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.risk-dot.red{color:#c93843}.risk-dot.amber{color:#b97600}.risk-dot.green{color:#12845c}.risk-dot.blue{color:#2868e8}.report-period-label{font-size:.66rem;color:#556479;border:1px solid #d4dbe4;border-radius:5px;background:#fff;padding:5px 8px}.section-summary-table .icon-btn.mini{width:29px;height:29px;border-radius:5px}.section-summary-table td{font-size:.7rem}

html[dir="ltr"] .sidebar{right:auto;left:0;border-left:0;border-right:1px solid rgba(255,255,255,.05)}
html[dir="ltr"] .app-view{direction:ltr}
html[dir="ltr"] .main-shell{grid-column:2}
html[dir="ltr"] .nav-link{box-shadow:none;text-align:left}
html[dir="ltr"] .nav-link.active{box-shadow:inset 2px 0 var(--orange)}
html[dir="ltr"] .nav-link b{margin-right:0;margin-left:auto}
html[dir="ltr"] .kpi:before{right:auto;left:0}
html[dir="ltr"] .data-table th{text-align:left}
html[dir="ltr"] .data-table td{text-align:left}
html[dir="ltr"] .top-actions{direction:ltr}
html[dir="ltr"] .page-identity{margin-left:0;margin-right:auto}
html[dir="ltr"] .profile{margin-right:0;margin-left:6px;padding-right:0;padding-left:13px;border-right:0;border-left:1px solid var(--line)}
html[dir="ltr"] .filter-spacer{margin-right:0;margin-left:auto}
html[dir="ltr"] .quick-action{text-align:left}
html[dir="ltr"] .kpi strong{text-align:left}
html[dir="ltr"] .sync-card small{direction:ltr;text-align:left}
html[dir="ltr"] .breadcrumbs svg{transform:rotate(180deg)}
html[dir="ltr"] .impact-score strong{text-align:left}
html[dir="ltr"] .metric-banner .banner-value{text-align:right}
html[dir="ltr"] .erp-root,html[dir="ltr"] .erp-column{border-left:0;border-right:1px solid #dce2e9}html[dir="ltr"] .erp-column button{text-align:left}html[dir="ltr"] .erp-column button svg{transform:rotate(180deg)}
html[dir="ltr"] .system-bar .system-online{margin-right:0;margin-left:auto}

@media(max-width:1180px){
  .kpi-grid{grid-template-columns:repeat(3,1fr)}.two-col{grid-template-columns:1fr}.doc-grid{grid-template-columns:repeat(3,1fr)}.global-search{width:210px}.profile div{display:none}.week-grid{grid-template-columns:repeat(9,1fr)}.analytics-kpis{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .login-view{grid-template-columns:1fr}.login-panel{display:none}.mobile-brand{display:flex;margin-bottom:42px}.login-form-wrap{min-height:100vh;padding:28px}
  .app-view{display:block}.sidebar{transform:translateX(105%);transition:.25s;box-shadow:-20px 0 60px rgba(0,0,0,.2)}html[dir="ltr"] .sidebar{transform:translateX(-105%)}.sidebar.open{transform:none}.main-shell{grid-column:auto}.menu-btn{display:grid}.drawer-backdrop{position:fixed;inset:0;background:rgba(13,25,42,.35);z-index:25}.drawer-backdrop.show{display:block}.topbar{padding:0 16px}.global-search{display:none}.top-actions{margin-right:auto}.page-identity{margin-left:0}.profile{display:none}.four-col,.three-col{grid-template-columns:1fr 1fr}.week-grid{grid-template-columns:repeat(7,1fr)}.report-grid{grid-template-columns:1fr 1fr}.approval-flow{grid-template-columns:repeat(7,150px)}.analytics-layout,.analytics-layout.second-row{grid-template-columns:1fr}
}

.handover-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.handover-summary .report-field{border:1px solid var(--border);background:#f7f9fb;padding:12px}
.handover-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.handover-checks label{display:flex;align-items:center;border:1px solid var(--border);background:#fff;padding:12px;cursor:pointer;transition:.18s}
.handover-checks label:has(input:checked){border-color:#88a9c8;background:#eef4f9}
.handover-checks input{width:17px;height:17px;margin-inline-end:10px;accent-color:#2f5f91}
.handover-checks span{display:flex;align-items:center;gap:8px}.handover-checks svg{width:18px;height:18px;color:#2f5f91}
.data-table td small{display:block;margin-top:4px;color:var(--muted)}
@media(max-width:700px){.handover-summary,.handover-checks{grid-template-columns:1fr}}

[hidden]{display:none!important}
.data-table .task-action,.list .task-action{min-height:27px;padding:4px 8px;border:1px solid #26384c;border-radius:4px;background:#26384c;color:#fff;font-size:.66rem;font-weight:700;box-shadow:none;white-space:nowrap}
.data-table .task-action:hover,.list .task-action:hover{background:#152438;border-color:#152438;transform:none;box-shadow:none}
.data-table .task-action.primary,.list .task-action.primary{background:#183b61;border-color:#183b61}
.data-table .task-action.success,.list .task-action.success{background:#245746;border-color:#245746}
.data-table .task-action svg,.list .task-action svg{width:13px;height:13px}
.data-table .row-actions{gap:4px;flex-wrap:nowrap}
.data-table .row-actions .btn,.data-table td:last-child>.btn{min-height:27px;padding:4px 8px;border-radius:4px;background:#26384c;border-color:#26384c;color:#fff;font-size:.66rem;box-shadow:none}
.data-table .row-actions .btn:hover,.data-table td:last-child>.btn:hover{background:#152438;border-color:#152438;transform:none;box-shadow:none}
.data-table .row-actions .btn.danger,.data-table td:last-child>.btn.danger{background:#fff;color:#a2383f;border-color:#cfa9ad}
@media(max-width:620px){
  #page-content{padding:18px 14px 40px}.topbar{height:68px}.page-identity small{display:none}.page-identity h2{font-size:.87rem;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{gap:5px}.top-actions .icon-btn,.text-btn{width:35px;height:35px}
  .page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:1.25rem}.head-actions{width:100%}.head-actions .btn{flex:1;justify-content:center}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi{padding:12px}.kpi strong{font-size:1.2rem}.panel-row,.three-col,.four-col{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr 1fr}.stat-strip{grid-template-columns:1fr 1fr}.stat-strip .strip-item:last-child{grid-column:1/-1}.doc-grid{grid-template-columns:1fr 1fr}.week-grid{grid-template-columns:repeat(4,1fr)}.calendar-summary{grid-template-columns:1fr 1fr}.alert-item{grid-template-columns:auto 1fr}.alert-actions{grid-column:2}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.metric-banner{align-items:flex-start;gap:18px}.pareto-row{grid-template-columns:90px 1fr 32px}.login-card h2{font-size:1.8rem}.permission-grid{grid-template-columns:1fr 1fr}.report-letterhead{grid-template-columns:58px 1fr}.report-letterhead img{width:52px;height:52px}.report-letterhead dl{grid-column:1/-1}.report-grid,.report-grid.three{grid-template-columns:1fr}.report-field.wide{grid-column:auto}.checklist-options{grid-template-columns:1fr 1fr}.report-paper{padding:8px}.report-modal{margin:0}.dashboard-logo{width:42px;height:42px}.analytics-kpis{grid-template-columns:1fr 1fr}.executive-brief{grid-template-columns:auto 1fr;padding:16px}.health-score{grid-column:1/-1;width:100%;height:auto;border-radius:6px;padding:10px;background:rgba(23,166,115,.14);box-shadow:none;display:flex;justify-content:center;gap:8px}.health-score:before{display:none}.health-score span{margin:0;max-width:none}.report-filters label{width:100%}.report-filters select{width:100%}.report-updated{margin-inline-start:0}.workmix-body{grid-template-columns:1fr}.donut{margin:auto}.impact-grid{grid-template-columns:1fr}.period-tab{min-width:72px;flex:1;padding:8px}.period-tabs{overflow:auto}
}

/* Interactive demo controls and compact navigation */
.footer-tool{width:100%;min-height:34px;border:0;background:transparent;color:#8492a6;display:flex;align-items:center;gap:9px;padding:8px 10px;margin-top:3px;text-align:right;font-size:.68rem;border-radius:6px}
.footer-tool:hover{background:rgba(255,255,255,.06);color:#fff}.footer-tool svg{width:15px;height:15px;flex:0 0 auto}.footer-tool b{margin-inline-start:auto;font-size:.56rem;color:#697a90;direction:ltr}.footer-tool.sync-card{color:#e8eef6;text-align:initial}.footer-tool.sync-card:hover{background:rgba(255,255,255,.075)}
.profile{display:flex;align-items:center;gap:9px;margin-right:6px;padding:4px 4px 4px 13px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);text-align:right}
.profile:hover{background:#f6f8fa;border-radius:8px}.profile>svg{width:13px}
.list-button{width:100%;border:0;background:transparent;color:inherit;text-align:inherit}.list-button:hover{background:#f7f9fb}.list-button>svg{width:15px;color:#8190a2}
.table-select{min-width:120px;height:30px;border:1px solid #d5dce4;border-radius:5px;background:#fff;color:#344256;padding:0 7px;font-size:.65rem}.danger-icon{color:#ba3540!important;border-color:#efd1d4!important}
.detail-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden}.detail-list>div{display:flex;justify-content:space-between;gap:18px;padding:11px 13px;border-bottom:1px solid var(--line);background:#fff}.detail-list>div:last-child{border-bottom:0}.detail-list span{font-size:.68rem;color:var(--muted)}.detail-list strong{font-size:.7rem;text-align:end}.confirm-copy{font-size:.8rem;line-height:1.8;margin:0;color:#4b596c}
.food-safety-note{display:flex;align-items:center;gap:12px;border:1px solid #cfe8dc;background:#f0faf6;color:#1f6951;padding:13px 15px;border-radius:8px}.food-safety-note>svg{width:24px}.food-safety-note div{flex:1}.food-safety-note strong,.food-safety-note small{display:block}.food-safety-note strong{font-size:.75rem}.food-safety-note small{font-size:.63rem;margin-top:3px;color:#5c7f72}
.doc{position:relative;padding:0!important;overflow:hidden}.doc-open{width:100%;border:0;background:#fff;text-align:inherit;color:inherit;padding:16px}.doc-open:hover{background:#f8fafc}.doc-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:8px 11px;border-top:1px solid var(--line);background:#fafbfc}
.app-view.sidebar-collapsed{--sidebar:78px}.sidebar.collapsed{padding-inline:9px}.sidebar.collapsed .sidebar-brand{padding-inline:5px;justify-content:center}.sidebar.collapsed .sidebar-brand span,.sidebar.collapsed .facility-select>small,.sidebar.collapsed .facility-select em,.sidebar.collapsed .facility-select>button>svg,.sidebar.collapsed .nav-section summary>svg,.sidebar.collapsed .nav-link span,.sidebar.collapsed .footer-tool span,.sidebar.collapsed .footer-tool div,.sidebar.collapsed .footer-tool b,.sidebar.collapsed .logout{display:none}.sidebar.collapsed .facility-select button{justify-content:center;padding:10px 5px}.sidebar.collapsed .nav-section summary{justify-content:center;padding:9px}.sidebar.collapsed .nav-section summary>span{font-size:0}.sidebar.collapsed .nav-section summary>span svg{width:18px;height:18px}.sidebar.collapsed .nav-link{justify-content:center;padding:9px}.sidebar.collapsed .nav-link b{position:absolute;top:0;right:0}.sidebar.collapsed .footer-tool{justify-content:center;padding:8px}.sidebar.collapsed .brand-logo{width:42px;height:42px}
html[dir="ltr"] .footer-tool{text-align:left}html[dir="ltr"] .profile{margin-right:0;margin-left:6px;padding-right:4px;padding-left:13px;border-right:0;border-left:1px solid var(--line)}
.facility-select em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.system-bar button{border:0;background:transparent;color:inherit;padding:0;display:flex;align-items:center;gap:5px;font-size:inherit;white-space:nowrap}.system-bar button:hover{color:var(--orange)}.system-bar button.system-version{font-weight:700;color:#6e7a89}.system-bar button.system-online{margin-right:auto;color:#167a57}
html[dir="ltr"] .system-bar button.system-online{margin-right:0;margin-left:auto}

@media print{body>*{display:none!important}.report-backdrop{display:block!important;position:static;background:#fff;padding:0}.report-modal{display:block!important;width:100%;max-height:none;box-shadow:none;margin:0}.report-toolbar{display:none}.report-paper{padding:0;background:#fff}.report-section{break-inside:avoid}.approval-flow{grid-template-columns:repeat(4,1fr);overflow:visible}.approval-step{min-height:120px}}
@media print{.sidebar,.topbar,.erp-menu,.system-bar,.page-head,.report-controlbar{display:none!important}.app-view,.main-shell{display:block!important}.main-shell{grid-column:auto!important}#page-content{padding:0}.executive-brief,.analytics-kpis,.analytics-layout,.management-actions,.section-summary-table{break-inside:avoid}}

@media(max-width:900px){
  .erp-menu{grid-template-columns:135px repeat(3,minmax(165px,1fr));overflow:auto}
  .erp-root{position:sticky;right:0;z-index:2}
  html[dir="ltr"] .erp-root{right:auto;left:0}
}
@media(max-width:620px){
  #page-content{padding:14px 12px 40px}
  .topbar{height:62px}
  .erp-menu{height:74px;grid-template-columns:120px repeat(3,minmax(150px,1fr))}
  .erp-root{padding:9px 10px}.erp-root-icon{width:29px;height:29px}.erp-column button{font-size:.65rem;padding:0 9px}
  .breadcrumbs{max-width:310px;overflow:hidden;white-space:nowrap}
  .system-bar{padding:0 12px;gap:13px}.system-bar .system-online{margin-right:0}
}

/* 2030 Intelligence Edition — premium industrial command center */
:root{
  --navy:#071426;--navy-2:#0d2038;--ink:#142238;--muted:#637086;--line:#dfe6ef;
  --paper:#fff;--canvas:#f2f5f9;--orange:#f26430;--orange-2:#ff8d5b;--blue:#356df3;
  --cyan:#0fbac8;--green:#12a777;--red:#df4050;--amber:#e59b16;--purple:#7257df;
  --shadow:0 12px 34px rgba(15,31,52,.08);--shadow-lg:0 24px 70px rgba(7,20,38,.18);--radius:13px;--sidebar:282px;
}
body{background:radial-gradient(circle at 12% 0,rgba(53,109,243,.045),transparent 28%),var(--canvas);font-size:15px}
button{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
button:active{transform:translateY(1px) scale(.99)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(53,109,243,.24);outline-offset:2px}

/* Login trust surface */
.login-view{grid-template-columns:minmax(540px,1.15fr) minmax(430px,.85fr)}
.login-panel{background:
  radial-gradient(circle at 8% 78%,rgba(242,100,48,.27),transparent 27%),
  radial-gradient(circle at 88% 18%,rgba(53,109,243,.22),transparent 30%),
  linear-gradient(145deg,#071426 0%,#0c2039 54%,#08182b 100%);padding:48px clamp(44px,6vw,92px)}
.login-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.055),transparent 25%,transparent 72%,rgba(255,255,255,.035));pointer-events:none}
.login-copy{max-width:760px}.login-copy h1{font-size:clamp(3.2rem,5.7vw,6.8rem);max-width:740px;letter-spacing:-.06em;margin:30px 0 26px}.login-copy h1 em{background:linear-gradient(100deg,#ff8050,#ffae83);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{background:rgba(255,255,255,.055);backdrop-filter:blur(10px);border-color:rgba(255,255,255,.13);font-weight:700}
.login-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}.login-trust-grid>div{display:grid;grid-template-columns:32px 1fr;column-gap:9px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);backdrop-filter:blur(12px);border-radius:11px}.login-trust-grid svg{grid-row:1/3;width:21px;color:#7edee4}.login-trust-grid strong,.login-trust-grid small{display:block}.login-trust-grid strong{font-size:.78rem}.login-trust-grid small{font-size:.67rem;color:#91a1b5;margin-top:2px}
.login-metrics{margin-top:36px}.login-metrics strong{font-size:1.65rem}.login-metrics span{font-size:.8rem}
.login-form-wrap{background:radial-gradient(circle at 80% 5%,rgba(242,100,48,.1),transparent 30%),radial-gradient(circle at 15% 90%,rgba(53,109,243,.07),transparent 32%),#fff}
.login-card{width:min(100%,470px);padding:40px;border:1px solid #e7ebf1;border-radius:20px;box-shadow:0 26px 80px rgba(20,34,56,.1),0 2px 8px rgba(20,34,56,.04);background:rgba(255,255,255,.86);backdrop-filter:blur(16px)}
.login-card h2{font-size:2.25rem;margin-top:28px}.status-pill{font-size:.82rem;padding:8px 13px}.field{height:56px;border-radius:11px;background:#f8fafc}.login-submit{height:56px;border-radius:10px;font-size:.94rem}.login-security{display:flex;align-items:center;justify-content:center;gap:9px;padding-top:18px;margin-top:18px;border-top:1px solid #edf0f4;color:#5e6c80}.login-security svg{width:18px;color:var(--green)}.login-security span{display:flex;flex-direction:column}.login-security strong{font-size:.72rem}.login-security small{font-size:.62rem;color:#96a0af;direction:ltr;margin-top:2px}

/* Navigation shell */
.sidebar{background:linear-gradient(180deg,#071426 0%,#091a2f 58%,#071426 100%);padding:20px 13px;border-left-color:rgba(255,255,255,.07);box-shadow:12px 0 40px rgba(8,22,39,.09)}
html[dir="ltr"] .sidebar{box-shadow:-12px 0 40px rgba(8,22,39,.09)}
.sidebar-brand{padding:0 11px 19px}.sidebar-brand .brand-logo{width:48px;height:48px;border:2px solid rgba(255,255,255,.86);box-shadow:0 9px 24px rgba(242,100,48,.22)}.sidebar-brand strong{font-size:1.03rem}.sidebar-brand small{color:#9dacbf;opacity:1}
.facility-select{padding:0 3px 10px}.facility-select>small{font-size:.69rem;letter-spacing:.08em}.facility-select button{min-height:48px;padding:10px 12px;border-color:rgba(126,222,228,.16);background:linear-gradient(135deg,rgba(53,109,243,.12),rgba(15,186,200,.06));font-size:.78rem;border-radius:9px}.facility-select button:hover{border-color:rgba(126,222,228,.38);background:linear-gradient(135deg,rgba(53,109,243,.2),rgba(15,186,200,.1))}
.nav-group{font-size:.68rem}.nav-section{border-bottom-color:rgba(255,255,255,.055)}.nav-section summary{font-size:.73rem;padding:12px 10px;color:#71839a}.nav-link{min-height:39px;padding:9px 11px;font-size:.78rem;border-radius:7px;color:#aab7c8}.nav-link:hover{background:rgba(255,255,255,.065)}.nav-link.active{background:linear-gradient(90deg,rgba(242,100,48,.18),rgba(242,100,48,.07));box-shadow:inset -3px 0 #ff7b48,0 8px 18px rgba(0,0,0,.08)}html[dir="ltr"] .nav-link.active{box-shadow:inset 3px 0 #ff7b48,0 8px 18px rgba(0,0,0,.08)}
.sidebar-foot{border-top-color:rgba(255,255,255,.08)}.footer-tool{min-height:37px;font-size:.72rem;border-radius:7px}.footer-tool:hover{background:rgba(255,255,255,.065)}.sync-card{border-color:rgba(15,186,200,.18)!important;background:rgba(15,186,200,.055)!important}.security-pulse{margin-inline-start:auto;width:7px;height:7px;border-radius:50%;background:#18c78e;box-shadow:0 0 0 4px rgba(24,199,142,.1)}

.topbar{height:74px;padding:0 24px;gap:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom-color:#e3e8ef}.page-identity small{font-size:.67rem;letter-spacing:.04em}.page-identity h2{font-size:1.1rem}.top-actions{gap:8px}.global-search{width:270px;height:42px;border-radius:9px;background:#f5f7fa}.global-search input{font-size:.8rem}.icon-btn,.text-btn{width:42px;height:42px;border-radius:9px}.profile{min-height:42px}.profile strong{font-size:.76rem}.profile small{font-size:.65rem}
.secure-chip,.ai-top-button{height:42px;border-radius:9px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;font-weight:700;font-size:.72rem;white-space:nowrap}.secure-chip{border:1px solid #d8ebe5;background:#f2fbf7;color:#197657}.secure-chip svg{width:16px}.secure-chip:hover{border-color:#9fd5c4;background:#ebf9f3}.ai-top-button{border:1px solid #cedafa;background:linear-gradient(135deg,#edf3ff,#f3f7ff);color:#2859cd;box-shadow:0 5px 14px rgba(53,109,243,.08)}.ai-top-button svg{width:16px}.ai-top-button i{width:6px;height:6px;border-radius:50%;background:#356df3;box-shadow:0 0 0 4px rgba(53,109,243,.11)}.ai-top-button:hover{background:linear-gradient(135deg,#e6efff,#fff);box-shadow:0 9px 22px rgba(53,109,243,.14)}
.erp-menu{height:104px;background:#fff;border-bottom-color:#dce3eb;box-shadow:0 5px 18px rgba(15,31,52,.03)}.erp-root{background:linear-gradient(145deg,#fbfcfe,#f4f7fb);padding:16px}.erp-root-icon{border-radius:9px}.erp-column button{font-size:.73rem;padding:0 14px}.erp-column button:hover{background:#f3f7fc;color:#1f5fd6}
.system-bar{height:32px;padding:0 24px;background:#eaf0f6;border-bottom-color:#d6dfe9;font-size:.63rem}.system-bar button:hover{color:#1d5ccd}.system-bar .system-online{color:#117656}
#page-content{padding:25px 28px 54px;max-width:1720px;width:100%;margin-inline:auto}
.page-enter{animation:pageEnter .34s cubic-bezier(.2,.7,.2,1)}@keyframes pageEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

/* Information hierarchy */
.page-head{margin-bottom:21px;padding-bottom:18px;align-items:center}.page-head h1{font-size:1.65rem;letter-spacing:-.035em;margin:8px 0 4px}.page-head p{font-size:.85rem;line-height:1.7}.breadcrumbs{font-size:.67rem}.btn{min-height:39px;border-radius:8px;padding:8px 13px;font-size:.76rem;box-shadow:0 1px 2px rgba(15,31,52,.03)}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(15,31,52,.08)}.btn.primary{background:linear-gradient(135deg,#f36d35,#e95421);border-color:#e85b25;box-shadow:0 7px 18px rgba(242,100,48,.19)}.btn.dark{background:linear-gradient(135deg,#132a47,#08182b)}.btn.small{min-height:32px;font-size:.7rem}
.card{border-color:#e0e6ee;border-radius:12px;box-shadow:0 4px 18px rgba(15,31,52,.045)}.card:hover{border-color:#d4dde8}.card-head{padding:15px 17px;background:linear-gradient(180deg,#fff,#fafbfd);border-radius:11px 11px 0 0}.card-head h3{font-size:.91rem}.card-head p{font-size:.7rem;line-height:1.6}.card-body{padding:18px}.grid{gap:15px}.section-gap{margin-top:18px}.panel-row{gap:16px}
.kpi-grid{gap:12px;margin-bottom:16px}.kpi{padding:16px;border-radius:11px;border-color:#e0e6ee;box-shadow:0 5px 18px rgba(15,31,52,.045)}.kpi:before{width:4px}.kpi-top{font-size:.72rem}.kpi-icon{width:32px;height:32px;border-radius:8px}.kpi-icon svg{width:16px}.kpi strong{font-size:1.5rem;margin:13px 0 4px}.kpi footer{font-size:.66rem}.mini-stat small{font-size:.67rem}.mini-stat strong{font-size:.95rem}.list-item{padding:14px 2px}.list-copy strong{font-size:.81rem}.list-copy small,.time{font-size:.68rem}.badge{padding:5px 9px;font-size:.68rem}.list-icon{width:38px;height:38px;border-radius:9px}
.data-table th{font-size:.68rem;padding:11px 12px;background:#f1f4f8}.data-table td{font-size:.73rem;padding:12px}.data-table tr:hover td{background:#f3f7fd}.table-select{height:34px;font-size:.71rem;border-radius:7px}.code{text-underline-offset:3px}.filter-field{height:42px}.control{min-height:44px;font-size:.8rem}.form-group label{font-size:.76rem}.detail-list span{font-size:.73rem}.detail-list strong{font-size:.76rem}.quick-action{border-radius:9px;padding:13px}.quick-action strong{font-size:.8rem}.quick-action small{font-size:.68rem}

/* AI decision banner */
.intelligence-hero{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:17px;overflow:hidden;padding:20px 22px;margin-bottom:17px;border-radius:13px;background:linear-gradient(120deg,#07182c 0%,#102d50 58%,#0d3e56 100%);border:1px solid rgba(82,161,230,.3);box-shadow:0 15px 34px rgba(7,20,38,.16);color:#fff}.intelligence-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 11% 30%,rgba(15,186,200,.2),transparent 25%),linear-gradient(90deg,transparent,rgba(255,255,255,.035));pointer-events:none}.intelligence-hero>.ai-orb{position:relative;width:54px;height:54px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#356df3,#0fbac8);box-shadow:0 9px 24px rgba(15,186,200,.22)}.intelligence-hero>.ai-orb svg{width:26px}.intelligence-hero>.ai-orb i{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;border:2px solid #102d50;background:#2bd79e}.intelligence-copy{position:relative}.intelligence-copy>span{display:block;color:#80e1e8;font-size:.66rem;font-weight:800;letter-spacing:.1em;margin-bottom:4px}.intelligence-copy h3{font-size:1.03rem;margin:0 0 5px}.intelligence-copy p{font-size:.74rem;color:#b8c9da;line-height:1.65;margin:0}.hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.hero-tags b{display:flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid rgba(255,255,255,.11);border-radius:5px;background:rgba(255,255,255,.055);color:#c8d7e5;font-size:.61rem;font-weight:600}.hero-tags svg{width:12px}.intelligence-actions{position:relative;display:flex;gap:7px;flex-direction:column}.intelligence-actions .btn{white-space:nowrap}.btn.ai-primary{border-color:#5d87f4;background:linear-gradient(135deg,#477cf5,#2862e4);color:#fff;box-shadow:0 8px 20px rgba(53,109,243,.24)}.btn.ai-ghost{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff}.btn.ai-ghost:hover{background:rgba(255,255,255,.14)}
.metric-banner{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto auto;align-items:center;gap:16px;overflow:hidden;padding:18px 20px;margin-bottom:16px;border-radius:13px;background:linear-gradient(120deg,#0a1a30 0%,#102b4d 57%,#103b55 100%);border:1px solid rgba(77,150,226,.28);box-shadow:0 14px 32px rgba(7,20,38,.14);color:#fff}.metric-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 30%,rgba(15,186,200,.18),transparent 24%),linear-gradient(90deg,transparent,rgba(255,255,255,.035));pointer-events:none}.dashboard-logo{position:relative;width:54px;height:54px;border-radius:50%;background:#fff;padding:3px;box-shadow:0 8px 22px rgba(0,0,0,.22)}.banner-copy{position:relative}.banner-copy>span{display:flex;align-items:center;gap:7px;color:#80e1e8;font-size:.67rem;font-weight:700;letter-spacing:.08em;margin-bottom:4px}.banner-copy>span svg{width:14px}.banner-copy h3{font-size:1.05rem;margin:0 0 4px}.banner-copy p{font-size:.74rem;color:#b7c9dc;margin:0;line-height:1.6}.banner-insights{position:relative;display:flex;gap:8px}.banner-insights>div{min-width:104px;padding:9px 12px;border-left:1px solid rgba(255,255,255,.12)}html[dir="ltr"] .banner-insights>div{border-left:0;border-right:1px solid rgba(255,255,255,.12)}.banner-insights strong,.banner-insights small{display:block}.banner-insights strong{font-size:1rem;direction:ltr}.banner-insights small{font-size:.62rem;color:#9fb3c8;margin-top:2px}.metric-banner .btn{position:relative;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.09);color:#fff;backdrop-filter:blur(8px)}.metric-banner .btn:hover{background:rgba(255,255,255,.16)}

/* Intelligence drawer */
.intelligence-drawer{position:fixed;z-index:90;top:0;bottom:0;left:0;width:min(460px,96vw);background:#fff;box-shadow:22px 0 80px rgba(7,20,38,.24);display:flex;flex-direction:column;direction:rtl;animation:drawerIn .3s cubic-bezier(.2,.8,.2,1)}html[dir="ltr"] .intelligence-drawer{left:auto;right:0;direction:ltr;box-shadow:-22px 0 80px rgba(7,20,38,.24)}@keyframes drawerIn{from{transform:translateX(-105%)}to{transform:none}}html[dir="ltr"] .intelligence-drawer{animation-name:drawerInLtr}@keyframes drawerInLtr{from{transform:translateX(105%)}to{transform:none}}
.intelligence-drawer header{display:flex;align-items:center;gap:12px;padding:19px;border-bottom:1px solid #e5e9ef;background:linear-gradient(135deg,#071426,#102d4e);color:#fff}.intelligence-drawer header>div:nth-child(2){min-width:0;flex:1}.intelligence-drawer header span{display:block;font-size:.62rem;color:#79dae1;letter-spacing:.09em}.intelligence-drawer header h2{font-size:1rem;margin:3px 0 0}.drawer-close{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;border-radius:8px}.drawer-close svg{width:17px}.ai-orb.small{position:relative;width:43px;height:43px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#356df3,#0fbac8);box-shadow:0 8px 20px rgba(15,186,200,.22)}.ai-orb.small svg{width:22px}.ai-orb.small i{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border:2px solid #0b1d34;border-radius:50%;background:#24d59c}
.ai-context{display:flex;gap:8px;padding:10px 16px;border-bottom:1px solid #edf0f4;background:#f7fafc;overflow:auto}.ai-context span{display:flex;align-items:center;gap:5px;font-size:.62rem;color:#647289;white-space:nowrap}.ai-context svg{width:12px;color:#168369}.ai-conversation{flex:1;overflow:auto;padding:18px;background:radial-gradient(circle at 10% 0,rgba(53,109,243,.05),transparent 28%),#f5f7fa}.ai-message{display:flex;gap:9px;margin-bottom:13px}.ai-message>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#eaf0ff;color:#356df3;flex:0 0 auto}.ai-message>span svg{width:16px}.ai-message>div{max-width:88%;background:#fff;border:1px solid #e0e6ee;border-radius:4px 12px 12px 12px;padding:13px;box-shadow:0 5px 14px rgba(15,31,52,.05)}html[dir="ltr"] .ai-message>div{border-radius:12px 4px 12px 12px}.ai-message small{font-size:.58rem;color:#356df3;font-weight:800;letter-spacing:.08em}.ai-message strong{display:block;font-size:.83rem;margin:4px 0 5px}.ai-message p{font-size:.75rem;line-height:1.75;color:#536177;margin:0 0 9px}.ai-message.user{justify-content:flex-end}.ai-message.user>div{background:#102d4e;border-color:#102d4e;color:#fff;border-radius:12px 4px 12px 12px}.ai-message.user p{color:#fff;margin:0}.ai-prompts{display:flex;gap:6px;overflow:auto;padding:10px 14px;background:#fff;border-top:1px solid #e8ecf1}.ai-prompts button{border:1px solid #dce4ef;background:#f7f9fc;border-radius:7px;padding:7px 9px;color:#40506a;font-size:.66rem;white-space:nowrap}.ai-prompts button:hover{border-color:#9bb8f6;color:#2859cd;background:#f0f5ff}.ai-composer{display:flex;align-items:flex-end;gap:8px;padding:12px 14px;border-top:1px solid #e6eaf0;background:#fff}.ai-composer textarea{flex:1;resize:none;border:1px solid #dce3eb;border-radius:9px;padding:10px 11px;outline:0;font-size:.76rem}.ai-composer textarea:focus{border-color:#7ea1f5;box-shadow:0 0 0 3px rgba(53,109,243,.1)}.ai-composer button{width:40px;height:40px;border:0;border-radius:9px;background:linear-gradient(135deg,#356df3,#2859cd);color:#fff;display:grid;place-items:center}.ai-composer button svg{width:17px}.intelligence-drawer>footer{padding:8px 15px;background:#f7f9fb;color:#8a95a5;font-size:.59rem;display:flex;align-items:center;gap:5px}.intelligence-drawer>footer svg{width:12px}

/* Security and command center */
.security-modal{width:min(820px,100%);overflow:hidden;background:#f6f8fb}.security-hero{position:relative;display:grid;grid-template-columns:126px 1fr auto;align-items:center;gap:20px;padding:28px;background:linear-gradient(125deg,#071426,#102f50);color:#fff}.security-hero>div:nth-child(2)>span{font-size:.65rem;letter-spacing:.11em;color:#79dae1}.security-hero h2{font-size:1.45rem;margin:6px 0}.security-hero p{font-size:.78rem;line-height:1.7;color:#b7c7d8;margin:0;max-width:550px}.security-score{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;align-content:center;border:8px solid rgba(31,213,156,.22);outline:2px solid #26c995;outline-offset:-6px;background:rgba(15,186,200,.08)}.security-score svg{width:20px;color:#49dcad}.security-score strong{font-size:1.8rem;line-height:1}.security-score small{font-size:.57rem;color:#a9bece}.security-hero .modal-close{align-self:start;border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px}.security-grid>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:15px;background:#fff;border:1px solid #e0e6ee;border-radius:9px}.security-grid>div>svg{width:20px;color:#2372d8}.security-grid span{display:flex;flex-direction:column}.security-grid strong{font-size:.77rem}.security-grid small{font-size:.66rem;color:#7b8797;margin-top:3px}.security-grid b{font-size:.61rem;color:#13805c;background:#eaf8f2;padding:4px 7px;border-radius:4px}.security-session{margin:0 18px 18px;padding:14px 16px;background:#eaf8f3;border:1px solid #cceade;border-radius:9px;display:flex;justify-content:space-between;align-items:center}.security-session>div{display:grid;grid-template-columns:12px 1fr;column-gap:8px}.security-session .live-dot{grid-row:1/3;align-self:center}.security-session strong{font-size:.78rem}.security-session small,.security-session>span{font-size:.64rem;color:#5d7b71}
.command-overlay{position:fixed;inset:0;z-index:100;background:rgba(5,15,29,.52);backdrop-filter:blur(6px);display:grid;place-items:start center;padding-top:10vh}.command-panel{width:min(620px,92vw);max-height:76vh;background:#fff;border:1px solid rgba(255,255,255,.5);border-radius:14px;box-shadow:0 32px 100px rgba(5,15,29,.32);overflow:hidden;animation:commandIn .2s ease}@keyframes commandIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}.command-panel header{display:flex;align-items:center;gap:11px;padding:16px;border-bottom:1px solid #e5e9ef}.command-panel header>svg{width:20px;color:#356df3}.command-panel input{flex:1;border:0;outline:0;font-size:.94rem}.command-panel kbd{font-size:.62rem;border:1px solid #dce2e9;border-radius:5px;padding:3px 6px;color:#7d8998;background:#f6f8fa}.command-results{padding:8px;max-height:55vh;overflow:auto}.command-results button{width:100%;display:flex;align-items:center;gap:11px;border:0;background:#fff;padding:10px;border-radius:8px;text-align:inherit;color:#26364c}.command-results button:hover{background:#eff4fb}.command-results button>svg:first-child{width:18px;color:#356df3}.command-results button>svg:last-child{width:15px;margin-inline-start:auto;color:#91a0b4}.command-results span{display:flex;flex-direction:column}.command-results strong{font-size:.78rem}.command-results small{font-size:.63rem;color:#8a95a4;margin-top:2px}.command-panel footer{display:flex;align-items:center;gap:6px;padding:9px 15px;border-top:1px solid #e6eaf0;background:#f6f8fa;color:#7c8999;font-size:.62rem}.command-panel footer svg{width:13px;color:#356df3}

@media(max-width:1180px){.secure-chip span,.ai-top-button span{display:none}.secure-chip,.ai-top-button{width:42px;justify-content:center;padding:0}.global-search{width:220px}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-banner,.intelligence-hero{grid-template-columns:52px 1fr auto}.banner-insights{display:none}}
@media(max-width:900px){.login-trust-grid{grid-template-columns:1fr}.topbar{padding:0 15px}.system-bar button:nth-child(4){display:none}#page-content{padding:21px 17px 48px}.metric-banner{grid-template-columns:48px 1fr auto}.login-card{box-shadow:none;border:0;padding:12px}.app-view.sidebar-collapsed{--sidebar:282px}}
@media(max-width:620px){.ai-top-button{display:flex}.secure-chip{display:none}.metric-banner,.intelligence-hero{grid-template-columns:44px 1fr;padding:15px}.metric-banner .btn,.intelligence-actions{grid-column:1/-1}.intelligence-actions{flex-direction:row}.dashboard-logo{width:44px;height:44px}.banner-copy h3,.intelligence-copy h3{font-size:.88rem}.banner-copy p,.intelligence-copy p{font-size:.68rem}.hero-tags{display:none}.kpi-grid{grid-template-columns:1fr 1fr}.kpi{padding:14px}.kpi strong{font-size:1.3rem}.page-head h1{font-size:1.35rem}.page-head p{font-size:.77rem}.security-hero{grid-template-columns:78px 1fr;padding:18px}.security-score{width:72px;height:72px;border-width:5px}.security-score strong{font-size:1.3rem}.security-score svg,.security-score small{display:none}.security-hero .modal-close{position:absolute;top:10px;left:10px}.security-hero h2{font-size:1.05rem}.security-grid{grid-template-columns:1fr;padding:12px}.security-session{align-items:flex-start;gap:8px;flex-direction:column;margin:0 12px 12px}.erp-menu{height:78px}}

/* Guided button information mode */
.info-mode-toggle{height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #d9e1eb;border-radius:9px;background:#f7f9fc;color:#526177;font-size:.7rem;font-weight:700;white-space:nowrap}.info-mode-toggle svg{width:16px}.info-mode-toggle i{font-style:normal;font-size:.58rem;line-height:1;padding:4px 6px;border-radius:4px;background:#e7ebf1;color:#738095}.info-mode-toggle:hover{border-color:#96b2eb;color:#2859cd;background:#f1f5ff}.info-mode-toggle.active{border-color:#91b0f4;background:linear-gradient(135deg,#eaf1ff,#f3f7ff);color:#2859cd;box-shadow:0 5px 15px rgba(53,109,243,.1)}.info-mode-toggle.active i{background:#356df3;color:#fff}
.button-info-tip{position:fixed;z-index:190;pointer-events:none;padding:11px 12px;border:1px solid rgba(117,160,242,.35);border-radius:8px;background:rgba(7,20,38,.97);box-shadow:0 15px 38px rgba(5,15,29,.26);color:#fff;animation:tipIn .14s ease}.button-info-tip:after{content:"";position:absolute;top:-5px;left:calc(50% - 5px);width:9px;height:9px;transform:rotate(45deg);background:#071426;border-left:1px solid rgba(117,160,242,.35);border-top:1px solid rgba(117,160,242,.35)}.button-info-tip strong,.button-info-tip span{display:block}.button-info-tip strong{font-size:.74rem;color:#fff}.button-info-tip span{font-size:.66rem;line-height:1.65;color:#b7c8da;margin-top:4px}@keyframes tipIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.info-explainer{z-index:180;background:rgba(5,15,29,.48);backdrop-filter:blur(5px)}.info-explainer-card{width:min(470px,calc(100vw - 28px));border:1px solid rgba(255,255,255,.7);border-radius:14px;background:#fff;box-shadow:0 28px 90px rgba(5,15,29,.28);overflow:hidden;animation:commandIn .2s ease}.info-explainer-card>header{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;padding:17px 18px;border-bottom:1px solid #e6eaf0;background:linear-gradient(135deg,#f8faff,#eef4ff)}.info-explainer-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#356df3,#2659cd);color:#fff;box-shadow:0 8px 18px rgba(53,109,243,.2)}.info-explainer-icon svg{width:20px}.info-explainer-card header small{display:block;color:#356df3;font-size:.6rem;font-weight:800;letter-spacing:.1em}.info-explainer-card h3{font-size:1rem;margin:3px 0 0;color:#17243a}.info-explainer-card header>button{width:34px;height:34px;border:1px solid #dbe2ec;border-radius:8px;background:#fff;color:#627087;display:grid;place-items:center}.info-explainer-card header>button svg{width:16px}.info-explainer-card>p{margin:0;padding:19px 20px 13px;font-size:.82rem;line-height:1.85;color:#4d5c72}.info-target{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 20px 18px;padding:10px 12px;border:1px solid #e0e7f0;border-radius:8px;background:#f7f9fc}.info-target span{font-size:.66rem;color:#7d8999}.info-target strong{font-size:.72rem;color:#24354e;text-align:end;max-width:66%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-explainer-card>footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 18px;border-top:1px solid #e6eaf0;background:#fafbfd}
html[dir="ltr"] .info-explainer-card,html[dir="ltr"] .button-info-tip{direction:ltr}
@media(max-width:1320px){.info-mode-toggle span{display:none}.info-mode-toggle{width:42px;justify-content:center;padding:0}.info-mode-toggle i{display:none}}
@media(max-width:620px){.info-mode-toggle{display:flex}.button-info-tip{display:none}.info-explainer-card>p{font-size:.78rem}.info-explainer-card>footer{flex-direction:column}.info-explainer-card>footer .btn{width:100%}}

/* 3.0 Enterprise Intelligence — unified control plane */
:root{--sidebar:292px;--control-h:44px;--enterprise-blue:#174ea6;--enterprise-cyan:#0a8da3;--enterprise-line:#d7e0ea;--enterprise-soft:#f4f7fb}
body{font-size:16px;color:#17243a;background:linear-gradient(180deg,#eef3f8 0,#f6f8fb 260px,#f5f7fa 100%)}
.enterprise-mark{display:inline-flex;margin-top:5px;padding:3px 6px;border:1px solid rgba(100,212,225,.25);border-radius:4px;color:#71d6df;font-size:.52rem;letter-spacing:.12em;font-weight:800}
.sidebar{padding-top:18px}.sidebar-brand{min-height:72px}.sidebar-brand strong{font-size:1.05rem;letter-spacing:.16em}.sidebar-brand small{font-size:.62rem;letter-spacing:.13em}.nav-link{font-size:.82rem;min-height:42px}.nav-section summary{font-size:.76rem}.footer-tool{font-size:.75rem}.footer-tool small{font-size:.62rem}
.topbar{height:68px;padding-inline:26px;border-bottom:1px solid var(--enterprise-line)}.page-identity h2{font-size:1.18rem}.page-identity small{font-size:.7rem}.global-search{height:44px;width:min(360px,28vw);border-color:#d6e0eb;background:#f7f9fc}.icon-btn,.text-btn,.secure-chip,.ai-top-button,.info-mode-toggle{height:44px;border-radius:7px}.ai-top-button{padding-inline:14px;background:linear-gradient(135deg,#edf4ff,#f7faff);box-shadow:0 4px 12px rgba(32,90,180,.08)}
.enterprise-ribbon{height:58px;display:grid;grid-template-columns:250px minmax(0,1fr) 210px;align-items:stretch;background:#fff;border-bottom:1px solid var(--enterprise-line);box-shadow:0 4px 16px rgba(20,40,70,.035)}
.ribbon-product,.ribbon-health{display:flex;align-items:center;gap:10px;padding:0 20px;border:0;background:#fff;color:#22334b;text-align:inherit}.ribbon-product{border-inline-end:1px solid var(--enterprise-line)}.ribbon-product>span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:#edf4ff;color:#1b5cc4}.ribbon-product svg{width:18px}.ribbon-product span:last-child{display:flex;flex-direction:column}.ribbon-product strong{font-size:.76rem}.ribbon-product small{font-size:.6rem;color:#78869a;margin-top:1px}.ribbon-tabs{display:flex;align-items:stretch;overflow:auto}.ribbon-tabs button{position:relative;display:flex;align-items:center;gap:7px;padding:0 19px;border:0;border-inline-end:1px solid #edf0f4;background:#fff;color:#516078;font-size:.75rem;font-weight:650;white-space:nowrap}.ribbon-tabs button svg{width:15px;color:#71839a}.ribbon-tabs button:hover{background:#f5f8fc;color:#174ea6}.ribbon-tabs button.active{color:#174ea6;background:linear-gradient(180deg,#f7faff,#edf4ff)}.ribbon-tabs button.active:after{content:"";position:absolute;inset-inline:14px;bottom:0;height:3px;background:#2f6ecb;border-radius:3px 3px 0 0}.ribbon-health{justify-content:flex-end;border-inline-start:1px solid var(--enterprise-line)}.ribbon-health i{width:8px;height:8px;border-radius:50%;background:#18b77e;box-shadow:0 0 0 4px rgba(24,183,126,.1)}.ribbon-health span{display:flex;flex-direction:column;align-items:flex-start}.ribbon-health strong{font-size:.68rem}.ribbon-health small{font-size:.58rem;color:#77869a;margin-top:2px}.ribbon-health svg{width:15px;color:#8190a4}
.system-bar{height:34px;padding-inline:27px;font-size:.66rem;background:#eaf0f6;border-bottom:1px solid #d4dee9}.system-bar .system-online{margin-inline-start:auto}.system-bar button{min-height:28px}
#page-content{max-width:1800px;padding:30px 34px 64px}.page-head{margin-bottom:24px;padding-bottom:21px}.page-head h1{font-size:1.82rem}.page-head p{font-size:.92rem}.breadcrumbs{font-size:.72rem}.btn{min-height:42px;padding:9px 15px;border-radius:7px;font-size:.8rem;font-weight:700;border-color:#d4dde8;background:#fff}.btn.primary{background:linear-gradient(180deg,#fa743e,#e95822);box-shadow:0 6px 15px rgba(230,88,31,.2)}.btn.dark{background:linear-gradient(180deg,#173250,#0c2138)}.btn svg{width:16px}.control,.filter-field{min-height:44px;border-color:#d4dee9;border-radius:7px;background:#fff}.form-group label{font-size:.8rem}.card{border-radius:9px;border-color:#d8e1eb;box-shadow:0 3px 13px rgba(16,38,65,.045)}.card-head{padding:17px 19px;border-radius:8px 8px 0 0}.card-head h3{font-size:.98rem}.card-head p{font-size:.75rem}.card-body{padding:20px}.kpi{min-height:126px;padding:18px;border-radius:8px}.kpi-top{font-size:.76rem}.kpi strong{font-size:1.7rem}.kpi footer{font-size:.7rem}.badge{border-radius:4px;padding:5px 8px;font-size:.7rem}.data-table{border-collapse:separate;border-spacing:0}.data-table th{position:sticky;top:0;z-index:2;height:45px;padding:11px 14px;background:#eef3f8;color:#506078;font-size:.72rem;border-bottom:1px solid #d7e0ea}.data-table td{height:54px;padding:12px 14px;font-size:.78rem;border-bottom-color:#e3e8ef}.data-table tbody tr{transition:background .14s ease,box-shadow .14s ease}.data-table tbody tr:hover td{background:#f1f6fc}.code{font-weight:800;color:#1456b4}.table-select{height:36px;font-size:.74rem}.quick-action{border-radius:7px}.quick-action strong{font-size:.84rem}.quick-action small,.list-copy small,.time{font-size:.72rem}.list-copy strong{font-size:.85rem}.detail-list span,.detail-list strong{font-size:.78rem}
.metric-banner,.intelligence-hero{border-radius:9px}.chart-card canvas,.chart-card svg{max-width:100%}.modal-card{border-radius:10px}.modal-card header{min-height:62px}.modal-card footer{min-height:64px}
.ai-fab{position:fixed;z-index:65;inset-inline-start:calc(var(--sidebar) + 24px);bottom:24px;display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 16px 8px 9px;border:1px solid rgba(104,169,229,.4);border-radius:9px;background:linear-gradient(135deg,#0b2341,#133b61);color:#fff;box-shadow:0 15px 38px rgba(7,24,45,.24);font-weight:800;font-size:.76rem}.ai-fab:hover{transform:translateY(-2px);box-shadow:0 20px 45px rgba(7,24,45,.3)}.ai-fab>span:first-child{position:relative;width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(145deg,#397af1,#0aa1b5)}.ai-fab svg{width:17px}.ai-fab i{width:7px;height:7px;border-radius:50%;background:#32d99e;box-shadow:0 0 0 4px rgba(50,217,158,.13)}
.ai-workspace-overlay{position:fixed;inset:0;z-index:210;display:grid;place-items:center;padding:24px;background:rgba(3,13,26,.68);backdrop-filter:blur(10px);animation:workspaceFade .2s ease}@keyframes workspaceFade{from{opacity:0}to{opacity:1}}
.ai-workspace{width:min(1500px,calc(100vw - 48px));height:min(870px,calc(100vh - 48px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(174,205,238,.34);border-radius:12px;background:#f4f7fb;box-shadow:0 40px 120px rgba(1,10,23,.48);direction:inherit;animation:workspaceRise .28s cubic-bezier(.2,.75,.2,1)}@keyframes workspaceRise{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.ai-workspace-head{min-height:72px;display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(110deg,#07182d,#0d2d4d 60%,#103e59);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.ai-workspace-head>div:nth-child(2){min-width:210px}.ai-workspace-head>div:nth-child(2)>span{font-size:.58rem;letter-spacing:.13em;color:#75dce5;font-weight:800}.ai-workspace-head h2{font-size:1rem;margin:3px 0 0}.ai-live-state{display:flex;align-items:center;gap:10px;margin-inline:auto;padding:7px 12px;border:1px solid rgba(129,222,197,.2);border-radius:7px;background:rgba(25,176,131,.08)}.ai-live-state>i{width:8px;height:8px;border-radius:50%;background:#2ee0a4;box-shadow:0 0 0 4px rgba(46,224,164,.12)}.ai-live-state span{display:flex;flex-direction:column}.ai-live-state strong{font-size:.66rem}.ai-live-state small{font-size:.57rem;color:#94b4c7;margin-top:2px}.ai-head-action{height:40px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:rgba(255,255,255,.07);color:#eaf4ff;font-size:.67rem;font-weight:700}.ai-head-action:hover,.ai-workspace-head .drawer-close:hover{background:rgba(255,255,255,.14)}.ai-head-action svg{width:14px}.ai-workspace-head .drawer-close{flex:0 0 40px}
.ai-workspace-grid{min-height:0;flex:1;display:grid;grid-template-columns:238px minmax(480px,1fr) 260px}.ai-data-rail,.ai-decision-rail{min-height:0;overflow:auto;background:#fff}.ai-data-rail{border-inline-end:1px solid #dce4ed;padding:14px 11px}.ai-decision-rail{border-inline-start:1px solid #dce4ed;padding:14px}.ai-rail-title{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 11px;color:#6d7b90;font-size:.58rem;font-weight:900;letter-spacing:.11em}.ai-rail-title b{padding:3px 5px;border-radius:3px;background:#e9f8f3;color:#12815c;font-size:.52rem}.ai-data-rail>button{width:100%;min-height:58px;display:grid;grid-template-columns:30px 1fr 14px;align-items:center;gap:9px;padding:8px 9px;border:0;border-bottom:1px solid #edf1f5;background:#fff;color:#2a3a52;text-align:inherit}.ai-data-rail>button:hover{background:#f2f7fd}.ai-data-rail>button>svg:first-child{width:17px;color:#2465bd}.ai-data-rail>button>svg:last-child{width:13px;color:#93a0b0}.ai-data-rail>button span{display:flex;flex-direction:column}.ai-data-rail>button strong{font-size:.73rem}.ai-data-rail>button small{font-size:.6rem;color:#8793a4;margin-top:3px}.ai-privacy-note{display:flex;gap:8px;margin-top:16px;padding:11px;border:1px solid #d4ebe3;border-radius:7px;background:#f0faf6}.ai-privacy-note>svg{width:18px;color:#13865f;flex:0 0 auto}.ai-privacy-note strong{display:block;font-size:.66rem;color:#176a50}.ai-privacy-note small{display:block;font-size:.58rem;line-height:1.55;color:#698178;margin-top:3px}
.ai-chat-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 0,rgba(52,114,205,.06),transparent 30%),#f5f7fa}.ai-chat-intro{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #dde5ed;background:rgba(255,255,255,.72)}.ai-chat-intro>span{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#2f70d8,#0b91a8);color:#fff}.ai-chat-intro svg{width:19px}.ai-chat-intro strong{font-size:.8rem}.ai-chat-intro p{font-size:.67rem;color:#718095;margin:3px 0 0}.ai-workspace .ai-conversation{min-height:0;flex:1;overflow:auto;padding:22px clamp(20px,4vw,60px);background:transparent}.ai-workspace .ai-message{max-width:880px;margin-inline:auto;margin-bottom:17px}.ai-workspace .ai-message>span{width:36px;height:36px;border-radius:8px}.ai-workspace .ai-message>div{max-width:calc(100% - 48px);padding:16px 18px;border-radius:5px 10px 10px 10px}.ai-workspace .ai-message strong{font-size:.9rem;margin:5px 0 7px}.ai-workspace .ai-message p{font-size:.8rem;line-height:1.75}.ai-answer-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:7px;margin:11px 0}.ai-answer-metrics>div{padding:9px;border:1px solid #e0e7ef;border-radius:6px;background:#f7f9fc}.ai-answer-metrics strong{font-size:1.03rem;color:#174ea6;margin:0}.ai-answer-metrics small{display:block;font-size:.58rem;color:#7b8797;margin-top:2px}.ai-steps{margin:12px 0 8px;padding:0;list-style:none;counter-reset:steps}.ai-steps li{counter-increment:steps;display:flex;align-items:flex-start;gap:8px;padding:7px 0;border-top:1px solid #edf0f4;font-size:.7rem;color:#4d5c71;line-height:1.55}.ai-steps li:before{content:counter(steps);width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;border-radius:4px;background:#eaf1ff;color:#1e5db8;font-size:.59rem;font-weight:900}.ai-answer-footer{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:11px}.ai-answer-footer>span{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:4px;background:#eef4fa;color:#64758b;font-size:.58rem}.ai-answer-footer svg{width:11px}.ai-answer-footer button{margin-inline-start:auto;min-height:31px;padding:5px 9px;border:1px solid #bdd0e8;border-radius:5px;background:#f2f7fd;color:#174ea6;font-size:.64rem;font-weight:800}.ai-thinking>div{display:flex!important;align-items:center;gap:4px;min-height:44px}.ai-thinking i{width:7px;height:7px;border-radius:50%;background:#5b7da5;animation:aiDot 1s infinite}.ai-thinking i:nth-child(2){animation-delay:.14s}.ai-thinking i:nth-child(3){animation-delay:.28s}@keyframes aiDot{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}
.ai-workspace .ai-prompts{padding:10px 18px;background:#f9fbfd}.ai-workspace .ai-prompts button{min-height:34px;font-size:.66rem;border-radius:5px}.ai-workspace .ai-composer{padding:13px 18px;background:#fff}.ai-workspace .ai-composer textarea{min-height:48px;font-size:.8rem;border-radius:7px}.ai-workspace .ai-composer>div{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ai-workspace .ai-composer>div>span{font-size:.55rem;color:#77879a;display:flex;align-items:center;gap:4px}.ai-workspace .ai-composer>div>span svg{width:10px}.ai-workspace .ai-composer button{border-radius:7px}
.decision-score{display:grid;place-items:center;margin:5px 0 14px;padding:16px;border:1px solid #dce6ef;border-radius:8px;background:linear-gradient(145deg,#f5f9ff,#f1fbfa)}.decision-score>div{display:flex;align-items:baseline}.decision-score strong{font-size:2rem;color:#155ab7}.decision-score small{font-size:.7rem;color:#76859a}.decision-score>span{font-size:.65rem;color:#65748a;margin-top:3px}.decision-item{display:grid;grid-template-columns:34px 1fr;gap:9px;padding:12px 3px;border-bottom:1px solid #e8edf2}.decision-item>span{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:#edf4ff;color:#2463bc}.decision-item>span svg{width:16px}.decision-item small{display:block;font-size:.53rem;letter-spacing:.08em;color:#7f8b9c}.decision-item strong{display:block;font-size:.7rem;margin:3px 0}.decision-item p{font-size:.61rem;color:#758399;margin:0}.decision-item.critical>span{background:#fff0f1;color:#ce3343}.decision-item.warning>span{background:#fff7e8;color:#bd7b0b}.ai-human-note{display:flex;gap:9px;margin-top:16px;padding:12px;border:1px solid #d6e4f3;border-radius:7px;background:#f1f6fc}.ai-human-note>span{color:#1f66be}.ai-human-note svg{width:18px}.ai-human-note strong{font-size:.68rem}.ai-human-note p{font-size:.6rem;line-height:1.55;color:#718096;margin:4px 0 0}
@media(max-width:1180px){.enterprise-ribbon{grid-template-columns:210px 1fr 52px}.ribbon-health span,.ribbon-health>svg{display:none}.ribbon-health{padding:0;justify-content:center}.ai-workspace-grid{grid-template-columns:220px 1fr}.ai-decision-rail{display:none}.ai-head-action span{display:none}.ai-head-action{width:40px;justify-content:center;padding:0}}
@media(max-width:900px){.enterprise-ribbon{grid-template-columns:56px 1fr}.ribbon-product{justify-content:center;padding:0}.ribbon-product span:last-child,.ribbon-health{display:none}.ribbon-tabs button{padding:0 14px}.ai-workspace-overlay{padding:10px}.ai-workspace{width:calc(100vw - 20px);height:calc(100vh - 20px)}.ai-workspace-grid{grid-template-columns:1fr}.ai-data-rail{display:none}.ai-live-state{display:none}.ai-fab{inset-inline-start:18px}}
@media(max-width:620px){body{font-size:15px}.topbar{height:62px}.enterprise-ribbon{height:52px}.ribbon-tabs button{padding:0 11px}.ribbon-tabs button span{display:none}.system-bar{padding-inline:12px}.system-bar>span:nth-of-type(n+3){display:none}#page-content{padding:20px 14px 58px}.page-head h1{font-size:1.46rem}.ai-workspace-overlay{padding:0}.ai-workspace{width:100vw;height:100vh;border:0;border-radius:0}.ai-workspace-head{min-height:62px;padding:8px 10px}.ai-workspace-head>div:nth-child(2)>span{display:none}.ai-workspace-head h2{font-size:.82rem}.ai-head-action{display:none}.ai-workspace .ai-conversation{padding:16px 12px}.ai-workspace .ai-prompts{padding:8px 10px}.ai-workspace .ai-composer{padding:10px}.ai-chat-intro{padding:11px 12px}.ai-chat-intro p{display:none}.ai-fab{bottom:14px;inset-inline-start:14px}.ai-fab>span:last-of-type{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* 3.1 Classic Enterprise — restrained ERP visual system */
:root{
  --navy:#17263a;--navy-2:#24364b;--ink:#1f2937;--muted:#667085;--line:#d6dce4;
  --paper:#fff;--canvas:#eef1f4;--orange:#c8522b;--orange-2:#d86a44;--blue:#2f5f91;
  --cyan:#477d8d;--green:#39765a;--red:#a94343;--amber:#97702f;--purple:#59657a;
  --shadow:0 2px 7px rgba(22,34,49,.06);--shadow-lg:0 14px 38px rgba(22,34,49,.16);--radius:5px;
}
body{background:#eef1f4;color:#202b3a}
.sidebar{background:#f4f6f8;color:#233248;border-inline-start:0;border-inline-end:1px solid #cfd6de;box-shadow:none;padding:0 10px 12px}
.sidebar-brand{margin:0 -10px 10px;padding:14px 16px;border-bottom:1px solid #cfd6de;background:#fff}.sidebar-brand .brand-logo{width:42px;height:42px;border:1px solid #d4d9df;box-shadow:none}.sidebar .brand-dark strong{color:#17263a}.sidebar .brand-dark small{color:#697586}.enterprise-mark{border-color:#c7d0da;background:#f3f5f7;color:#526276}
.facility-select>small{color:#6c7888}.facility-select button{border-color:#cbd3dc;background:#fff;color:#233248;border-radius:3px}.facility-select button:hover{border-color:#8ea0b3;background:#edf1f5}.facility-select button svg{color:#53657a}
.nav-section{border-bottom:1px solid #dfe4e9}.nav-section summary{color:#667486;font-weight:700}.nav-section summary svg{color:#788596}.nav-link{border:1px solid transparent;border-radius:2px;color:#35455a}.nav-link svg{color:#657589}.nav-link:hover{background:#e8edf2;border-color:#d7dde4;color:#17263a}.nav-link.active{background:#dfe8f0;color:#173d66;border-color:#c7d4df;box-shadow:inset -3px 0 #2f5f91}.nav-link.active svg{color:#2f5f91}html[dir="ltr"] .nav-link.active{box-shadow:inset 3px 0 #2f5f91}.nav-link b{background:#a94343}
.sidebar-foot{border-top:1px solid #cfd6de}.footer-tool,.logout{color:#45556a;border-radius:2px}.footer-tool:hover,.logout:hover{background:#e5eaf0}.sync-card{border-color:#cad6dc!important;background:#eaf0f3!important;color:#304e5e!important}.sync-card .live-dot,.security-pulse{background:#39765a;box-shadow:none}.sidebar-foot .footer-tool b{color:#58687b}.info-footer.active{background:#dfe8f0;color:#173d66}
.topbar{background:#f9fafb;backdrop-filter:none;border-bottom:1px solid #ccd4dd;box-shadow:none}.page-identity small{color:#6a7685}.page-identity h2{color:#182638}.global-search{border-color:#cbd3dc;background:#fff;border-radius:3px}.icon-btn,.text-btn,.info-mode-toggle,.secure-chip,.ai-top-button{border-radius:3px;box-shadow:none}.secure-chip{border-color:#c9d4ce;background:#f4f7f5;color:#385e4b}.ai-top-button{border-color:#c7d2df;background:#edf2f7;color:#264f78;box-shadow:none}.ai-top-button:hover{background:#e3eaf1;box-shadow:none}.ai-top-button i{background:#2f5f91;box-shadow:none}.profile>span{background:#26384e}.notification-btn b{background:#a94343}
.enterprise-ribbon{height:52px;background:#fff;border-bottom:1px solid #cfd6de;box-shadow:none;grid-template-columns:250px minmax(0,1fr) 210px}.ribbon-product{background:#f7f8fa;border-color:#d4dae1}.ribbon-product>span:first-child{border:1px solid #c9d2dc;border-radius:3px;background:#fff;color:#3c5d7c}.ribbon-tabs button{border-color:#dfe3e8;color:#46566a;font-weight:600}.ribbon-tabs button svg{color:#69798b}.ribbon-tabs button:hover{background:#f0f3f6;color:#1f4266}.ribbon-tabs button.active{background:#e6edf3;color:#173d66}.ribbon-tabs button.active:after{inset-inline:0;height:2px;border-radius:0;background:#2f5f91}.ribbon-health{background:#f7f8fa;border-color:#d4dae1}.ribbon-health i{background:#39765a;box-shadow:none}
.system-bar{background:#e3e8ed;border-color:#ccd4dc;color:#596779}.system-bar .system-online{color:#355f49}.system-bar .system-online i{background:#39765a;box-shadow:none}
#page-content{padding-top:25px}.page-head{border-bottom-color:#cfd7df}.page-head h1{color:#192738;letter-spacing:-.02em}.breadcrumbs b{color:#314b67}.btn{border-color:#c9d2dc;border-radius:3px;background:linear-gradient(#fff,#f1f3f5);color:#293a4e;box-shadow:0 1px 2px rgba(23,38,58,.05)}.btn:hover{border-color:#8fa0b3;background:#edf1f4;box-shadow:none;transform:none}.btn.primary{border-color:#214b74;background:linear-gradient(#386c9c,#2c5d8a);color:#fff;box-shadow:none}.btn.dark{background:#24364b}.btn.green{border-color:#507c65;background:#f1f6f3;color:#356047}.btn.danger{border-color:#b56a6a;background:#fff5f5;color:#973c3c}.danger-icon{background:#fff;border-color:#d8bcbc;color:#9f4242}
.card,.kpi,.stat-strip,.filters,.report-controlbar{border-radius:4px;border-color:#cfd7df;box-shadow:var(--shadow)}.card:hover{border-color:#c2ccd6}.card-head{border-radius:3px 3px 0 0;background:#f4f6f8;border-bottom-color:#d5dce3}.card-head h3{color:#233248}.kpi{background:#fff}.kpi:before{width:3px;background:#65778a!important}.kpi-icon,.list-icon,.machine-icon,.doc-icon{border:1px solid #d4dbe2!important;border-radius:3px!important;background:#f2f4f6!important;color:#4e6379!important}.kpi strong{color:#1f2c3d}.quick-action{border-color:#d3dae2;background:#fff;border-radius:3px}.quick-action:hover{border-color:#8fa2b5;background:#f0f3f6}.badge{border-radius:2px;border:1px solid transparent}.badge.blue,.risk-dot.blue{background:#e7edf3;color:#315b82;border-color:#cfdae4}.badge.green,.risk-dot.green{background:#e9f1ec;color:#356449;border-color:#ccddd2}.badge.amber,.risk-dot.amber{background:#f3efe4;color:#806126;border-color:#dfd5bd}.badge.red,.risk-dot.red{background:#f5e9e9;color:#923e3e;border-color:#e3caca}.badge.purple{background:#eceef2;color:#525f72;border-color:#d6dbe2}.badge.gray{background:#edf0f3;color:#5d6977;border-color:#d9dee4}.priority{border-radius:2px}.priority.a{background:#f1dddd;color:#8e3636}.priority.b{background:#efe8d7;color:#795d25}.priority.c{background:#e5ebf1;color:#375977}
.data-table th{background:#e8edf1;color:#37485c;border-color:#cbd4dd}.data-table td{background:#fff;border-color:#dce2e8}.data-table tbody tr:hover td{background:#f2f5f7}.filter-field,.control,.table-select{border-radius:3px;background:#fff;border-color:#c8d1db}.progress{background:#e4e8ec}.progress i{background:#4d647b!important}.progress-label b{color:#394b60}.alert-item{border-color:#d8dee5}.alert-item:before{background:#6e7e8f!important}.report-paper,.report-section{border-color:#aeb8c3}.paper-check.checked{color:#355d47}
.intelligence-hero,.metric-banner,.executive-brief{background:#fff;color:#213047;border:1px solid #c7d1db;border-radius:4px;box-shadow:var(--shadow)}.intelligence-hero:before,.metric-banner:before{display:none}.intelligence-hero>.ai-orb,.brief-icon{border:1px solid #b9c7d4;border-radius:3px;background:#e5edf4;color:#315b82;box-shadow:none}.intelligence-hero>.ai-orb i{background:#39765a;border-color:#fff}.intelligence-copy>span,.banner-copy>span,.executive-brief small{color:#526b83}.intelligence-copy h3,.banner-copy h3,.executive-brief h3{color:#1e2e40}.intelligence-copy p,.banner-copy p,.executive-brief p{color:#68778a}.hero-tags b{border-color:#d7dde4;background:#f3f5f7;color:#596a7d;border-radius:2px}.btn.ai-primary{border-color:#315d87;background:#3b678f;color:#fff;box-shadow:none}.btn.ai-ghost,.metric-banner .btn{border-color:#c6d0da;background:#f4f6f8;color:#33485e}.dashboard-logo{border:1px solid #c8d0d8;box-shadow:none}.banner-insights>div{border-color:#d4dbe2!important}.banner-insights strong{color:#25374b}.banner-insights small{color:#66778a}.health-score{border-color:#ccd6df;background:#f1f4f7;color:#234f78}
.ai-fab{border-color:#344d67;border-radius:4px;background:#24364b;box-shadow:0 4px 14px rgba(20,34,50,.18)}.ai-fab:hover{box-shadow:0 6px 18px rgba(20,34,50,.22)}.ai-fab>span:first-child{border-radius:3px;background:#3c5f81}.ai-fab i{background:#75a58a;box-shadow:none}.ai-workspace{border-radius:5px;background:#eef1f4}.ai-workspace-head{background:#24364b}.ai-orb.small{border-radius:3px;background:#496b8b;box-shadow:none}.ai-live-state{border-color:rgba(255,255,255,.16);border-radius:3px;background:rgba(255,255,255,.05)}.ai-live-state>i{background:#83ad94;box-shadow:none}.ai-head-action,.ai-workspace-head .drawer-close{border-radius:3px}.ai-data-rail>button:hover{background:#eef2f5}.ai-data-rail>button>svg:first-child{color:#506b84}.ai-rail-title b{border-radius:2px;background:#e7eee9;color:#3e6650}.ai-privacy-note{border-radius:3px;background:#eef3f0}.ai-chat-intro>span{border-radius:3px;background:#496b8b}.ai-workspace .ai-message>span{border-radius:3px;background:#e4eaf0;color:#3d5f7e}.ai-workspace .ai-message>div{border-radius:3px}.ai-answer-metrics>div,.ai-steps li:before,.ai-workspace .ai-prompts button,.ai-workspace .ai-composer textarea,.ai-workspace .ai-composer button,.decision-score,.decision-item>span,.ai-human-note{border-radius:3px}.ai-answer-metrics strong,.decision-score strong{color:#2f5f91}.ai-steps li:before{background:#e5ebf1;color:#365b7e}.decision-score{background:#f1f4f6}.decision-item>span{background:#e9edf1;color:#4e647a}.decision-item.critical>span{background:#f4e9e9;color:#924141}.decision-item.warning>span{background:#f3efe5;color:#806125}
.login-panel{background:#e7ebef;color:#1f2e40;border-inline-end:1px solid #cbd3dc}.login-panel:before,.grid-glow{display:none}.login-panel .brand-dark strong{color:#17263a}.login-panel .brand-dark small{color:#677486}.login-copy h1{color:#1e2d3e}.login-copy h1 em{background:none;color:#2f5f91}.login-copy p{color:#5e6d7d}.eyebrow{border-color:#c5ced7;background:#f5f7f9;color:#44576c;backdrop-filter:none}.login-trust-grid>div{border-color:#cbd3dc;background:#f5f7f9;backdrop-filter:none}.login-trust-grid strong{color:#28384a}.login-trust-grid small{color:#687687}.login-trust-grid svg{color:#506b85}.login-form-wrap{background:#f8f9fa}.login-card{border-radius:5px;box-shadow:0 7px 22px rgba(26,40,56,.09);backdrop-filter:none}.status-pill{border-color:#ccd6cf;background:#eef3f0;color:#3d654f}.field,.login-submit{border-radius:3px}.login-submit{background:#2f5f91}
.notification-statusbar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 16px;border:1px solid #cbd4dd;border-radius:4px;background:#fff;box-shadow:var(--shadow)}.notification-statusbar>div{display:flex;align-items:center;gap:12px}.notification-statusbar small{display:block;color:#6c7988;font-size:.72rem;font-weight:700;letter-spacing:.05em}.notification-statusbar strong{display:block;margin-top:3px;font-size:.86rem}.service-indicator{width:10px;height:10px;border-radius:50%}.service-indicator.online{background:#39765a}.service-indicator.offline{background:#8a929c}.classic-switch{display:flex;align-items:center;gap:9px;min-width:104px;height:36px;padding:4px 10px;border:1px solid #c7d0da;border-radius:3px;background:#eef1f4;color:#556478;font-size:.75rem;font-weight:700}.classic-switch i{position:relative;width:32px;height:16px;border-radius:8px;background:#a8b1bb}.classic-switch i:after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:.18s}.classic-switch.on{border-color:#9eb5a8;background:#edf3ef;color:#315b44}.classic-switch.on i{background:#4d7a60}.classic-switch.on i:after{inset-inline-start:18px}.notification-kpis{margin-top:14px}.notification-kpis .kpi:before{background:#60758a!important}.email-link{color:#315b82;text-decoration:none}.email-link:hover{text-decoration:underline}.event-chips{display:flex;align-items:center;flex-wrap:wrap;gap:4px;max-width:420px}.event-chips span,.event-chips b{padding:4px 6px;border:1px solid #d5dce3;border-radius:2px;background:#f1f3f5;color:#4d5e72;font-size:.64rem;font-weight:600}.delivery-time{font-size:.72rem;color:#637184}.notification-log>div{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #e1e5ea}.notification-log>div:last-child{border-bottom:0}.notification-log>div>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #d2dae2;border-radius:3px;background:#f0f3f5;color:#49637b}.notification-log svg{width:15px}.notification-log strong,.notification-log small{display:block}.notification-log strong{font-size:.77rem}.notification-log small{font-size:.65rem;color:#758294;margin-top:2px}.notification-log time{font-size:.68rem;color:#667588}.notification-log b{padding:3px 5px;border:1px solid #cadbcf;background:#edf4ef;color:#39644a;border-radius:2px;font-size:.6rem}.settings-list>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #e0e5ea}.settings-list>div>svg{width:18px;color:#50677e}.settings-list span strong,.settings-list span small{display:block}.settings-list span strong{font-size:.78rem}.settings-list span small{font-size:.66rem;color:#768394;margin-top:3px}.settings-list>div>b{font-size:.65rem;color:#43576c}.notification-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.notification-event-grid label{cursor:pointer}.notification-event-grid input{position:absolute;opacity:0}.notification-event-grid span{min-height:52px;display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #d3dae2;border-radius:3px;background:#fff;color:#445468}.notification-event-grid svg{width:15px;color:#687b8e}.notification-event-grid strong{font-size:.69rem}.notification-event-grid input:checked+span{border-color:#6f8ca7;background:#e8eef4;color:#234e73}.notification-event-grid input:checked+span svg{color:#2f5f91}
@media(max-width:980px){.notification-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-table{min-width:1050px}}
@media(max-width:620px){.enterprise-ribbon{background:#fff}.notification-statusbar{align-items:flex-start;flex-direction:column}.classic-switch{align-self:stretch;justify-content:center}.notification-event-grid{grid-template-columns:1fr}.notification-log>div{grid-template-columns:30px 1fr auto}.notification-log b{grid-column:2/4;justify-self:start}}
.pareto .progress i,.analytics-layout .progress i{background:var(--tone)!important}
.nav-link{font-size:.875rem}.nav-section summary,.footer-tool{font-size:.8rem}.page-identity small,.ribbon-product small,.ribbon-health small{font-size:.75rem}#page-content small{font-size:.75rem;line-height:1.5}.data-table th{font-size:.78rem}.data-table td{font-size:.82rem}.badge,.event-chips span,.event-chips b{font-size:.72rem}.ai-workspace small{font-size:.72rem}.notification-log strong,.settings-list span strong{font-size:.82rem}.notification-log small,.settings-list span small{font-size:.73rem}
.sidebar .nav-section[open] summary{color:#111827;font-weight:800}.sidebar .nav-section[open] summary svg{color:#374151}

/* Classic module navigation: large module header, compact rectangular options */
.sidebar .nav-section{padding:3px 0}
.sidebar .nav-section summary{position:relative;min-height:74px;margin:1px 0;padding:9px 26px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid transparent;border-radius:2px;background:#fff;color:#33445a;font-size:.86rem;text-align:center}
.sidebar .nav-section summary:hover{border-color:#cbd4dd;background:#edf1f4;color:#17263a}
.sidebar .nav-section summary>span{flex-direction:column;justify-content:center;gap:5px}
.sidebar .nav-section summary>span svg{width:25px;height:25px;color:#455f78;stroke-width:1.65}
.sidebar .nav-section summary>svg{position:absolute;inset-inline-end:9px;top:50%;width:13px;height:13px;margin-top:-6px}
.sidebar .nav-section[open] summary{border-color:#c4d0db;background:#e7edf2;color:#111827}
.sidebar .nav-children{display:grid;grid-template-columns:1fr;gap:3px;padding:4px 0 9px}
.sidebar .nav-link{min-height:39px;margin:0;padding:8px 10px;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;border:1px solid #d7dee5;border-radius:2px;background:#fff;text-align:start;line-height:1.25;font-size:.78rem;font-weight:600}
.sidebar .nav-link svg{width:17px;height:17px;flex:0 0 auto}
.sidebar .nav-link span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar .nav-link b{position:static;margin-inline-start:auto;min-width:17px;text-align:center}
.sidebar .nav-link.active{border-color:#b9c8d5;background:#dfe8f0;box-shadow:inset -3px 0 #2f5f91}
html[dir="ltr"] .sidebar .nav-link{box-shadow:none;text-align:start}
html[dir="ltr"] .sidebar .nav-link.active{box-shadow:inset 3px 0 #2f5f91}
.sidebar.collapsed .nav-section summary{min-height:48px;padding:8px}
.sidebar.collapsed .nav-section summary>span{gap:0}
.sidebar.collapsed .nav-children{display:block}
.sidebar.collapsed .nav-link{min-height:42px;justify-content:center;margin:2px 0;padding:9px}
.sidebar.collapsed .nav-link b{position:absolute;top:0;right:0}

@media(min-width:901px){
  .sidebar #main-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:5px;overflow:visible;padding:3px 0}
  .sidebar .nav-section{position:static;padding:0;border:0}
  .sidebar .nav-section summary{width:100%;min-height:76px;aspect-ratio:1/1;margin:0;padding:7px 5px;border-color:#d7dee5;font-size:.72rem;line-height:1.2}
  .sidebar .nav-section summary>span{gap:4px}
  .sidebar .nav-section summary>span svg{width:21px;height:21px}
  .sidebar .nav-section summary>svg{top:6px;inset-inline-end:5px;width:10px;height:10px;margin:0}
  .sidebar .nav-children{position:fixed;z-index:90;top:var(--flyout-top,170px);right:calc(var(--sidebar) + 1px);left:auto;width:264px;padding:6px;background:#f5f7f9;border:1px solid #cbd3dc;box-shadow:0 10px 28px rgba(23,38,58,.16)}
  html[dir="ltr"] .sidebar .nav-children{right:auto;left:calc(var(--sidebar) + 1px)}
  .sidebar .nav-link{min-height:41px}
  .sidebar.collapsed #main-nav{grid-template-columns:1fr;gap:3px}
  .sidebar.collapsed .nav-section summary{min-height:48px;aspect-ratio:auto}
}
@media(max-width:900px){
  .sidebar #main-nav{display:block;overflow:auto}
  .sidebar .nav-section summary{min-height:52px;aspect-ratio:auto;flex-direction:row;justify-content:flex-start;text-align:start}
  .sidebar .nav-section summary>span{flex-direction:row}
  .sidebar .nav-children{position:static;width:auto;padding:4px 0 9px;background:transparent;border:0;box-shadow:none}
}

/* Mobile workspace — keep the approved desktop layout untouched */
@media(max-width:900px){
  html,body,#app,.app-view,.main-shell{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
  .main-shell{margin:0!important}
  .sidebar{width:min(88vw,320px);max-width:320px;overflow-y:auto;overscroll-behavior:contain}

  .topbar{height:64px;min-height:64px;padding:8px 10px;gap:8px;overflow:hidden}
  .menu-btn{display:grid!important;flex:0 0 40px;width:40px!important;height:40px!important;order:-2}
  .page-identity{flex:1;min-width:0;margin:0!important;overflow:hidden}
  .page-identity small{display:none}
  .page-identity h2{max-width:none!important;margin:0;font-size:1rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top-actions{flex:0 0 auto;min-width:0;margin:0!important;gap:5px;overflow:visible}
  .top-actions .global-search,.top-actions .info-mode-toggle,.top-actions .secure-chip,.top-actions .ai-top-button,.top-actions .profile{display:none!important}
  .top-actions .icon-btn,.top-actions .text-btn{flex:0 0 40px;width:40px!important;height:40px!important;min-height:40px;padding:0;border-radius:4px}

  .enterprise-ribbon{display:none!important}
  .system-bar{height:32px;min-height:32px;padding:0 10px;gap:10px;overflow:hidden;white-space:nowrap}
  .system-bar button{flex:0 0 auto;max-width:47%;overflow:hidden;text-overflow:ellipsis}
  .system-bar button:first-child,.system-bar button:nth-child(4),.system-bar .system-version{display:none}
  .system-bar .system-online{margin-inline-start:auto!important}

  #page-content{width:100%;max-width:100%;min-width:0;padding:18px 14px 72px}
  #page-content>*{max-width:100%;min-width:0}
  .page-head{display:block;margin-bottom:16px;padding-bottom:16px}
  .page-head>div:first-child{min-width:0}
  .page-head h1{font-size:1.45rem;line-height:1.35;overflow-wrap:anywhere}
  .page-head p{font-size:.82rem;line-height:1.65}
  .breadcrumbs{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .head-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
  .head-actions .btn{width:100%;min-width:0;min-height:44px;padding:8px 10px;justify-content:center;white-space:normal;line-height:1.3}

  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .kpi-grid>.kpi{grid-column:auto!important;min-height:108px;padding:13px}
  .kpi strong{font-size:1.3rem;margin-top:10px}
  .two-col,.three-col,.four-col,.panel-row,.analytics-layout,.analytics-layout.second-row,.report-grid,.report-grid.three,.impact-grid{grid-template-columns:1fr!important}
  .card,.kpi,.filters,.report-controlbar{max-width:100%;min-width:0}
  .card-head{align-items:flex-start;flex-wrap:wrap;padding:13px}
  .card-body{padding:14px}

  .filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;padding:10px;margin-bottom:13px}
  .filters .filter-field{width:100%;min-width:0;margin:0}
  .filters .filter-field:first-child{grid-column:1/-1}
  .filters .filter-field input,.filters .filter-field select{width:100%;min-width:0}
  .filters .filter-spacer{display:none}
  .filters>small{grid-column:1/-1}
  .filters>.btn{width:100%;min-width:0;justify-content:center}

  .table-wrap{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:thin}
  .table-wrap .data-table{width:max-content;min-width:780px;max-width:none}
  .table-wrap:after{content:"";display:block;width:1px;height:1px}
  .data-table th,.data-table td{padding:10px 11px}
  .approval-flow,.week-grid,.calendar-grid{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
  .tabs,.period-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}

  .modal-backdrop,.report-backdrop{padding:10px}
  .modal-card,.report-modal{width:100%;max-width:100%;max-height:calc(100dvh - 20px);margin:0}
  .form-grid{grid-template-columns:1fr}
  .form-group.full{grid-column:auto}

  .ai-fab{inset-inline-start:12px;bottom:12px;width:44px;height:44px;min-height:44px;padding:5px;border-radius:4px;justify-content:center}
  .ai-fab>svg{width:18px;height:18px}
  .ai-fab>span{display:none!important}
  .ai-fab>i{position:absolute;top:5px;inset-inline-end:5px;width:6px;height:6px}
}

@media(max-width:520px){
  .topbar{padding-inline:8px;gap:6px}
  .top-actions .icon-btn,.top-actions .text-btn{width:38px!important;height:38px!important;flex-basis:38px}
  .top-actions #sync-btn{display:none}
  .page-identity h2{font-size:.95rem}
  #page-content{padding:16px 10px 68px}
  .page-head h1{font-size:1.35rem}
  .head-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .head-actions .btn:first-child:last-child{grid-column:1/-1}
  .filters{grid-template-columns:1fr 1fr;padding:8px}
  .kpi{min-height:102px;padding:11px}
  .kpi-top{gap:6px;font-size:.7rem}
  .kpi-icon{width:29px;height:29px}
  .kpi strong{font-size:1.2rem}
  .stat-strip,.quick-actions,.calendar-summary,.analytics-kpis,.permission-grid,.checklist-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .stat-strip .strip-item:last-child{grid-column:auto}
  .system-bar button:nth-child(2){display:none}
  .system-bar button{max-width:72%}
}

@media(max-width:360px){
  .top-actions .notification-btn{display:none}
  .kpi-grid,.stat-strip,.quick-actions,.calendar-summary,.analytics-kpis,.permission-grid,.checklist-options{grid-template-columns:1fr!important}
  .filters,.head-actions{grid-template-columns:1fr}
  .filters .filter-field:first-child,.filters>small{grid-column:auto}
}