:root{--ink:#f4f6fa;--ink-2:#e8edf5;--panel:#ffffff;--panel-2:#f8fafc;--line:rgba(15,23,42,.08);--line-strong:rgba(15,23,42,.14);--text:#0f172a;--muted:#334155;--dim:#475569;--mint:#047857;--mint-dark:#d1fae5;--amber:#d97706;--red:#dc2626;--blue:#2563eb;--radius:18px;--mono:"Microsoft YaHei UI","Microsoft YaHei",monospace;--sans:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;color:var(--text);font-family:var(--sans);background:radial-gradient(circle at 72% -10%,rgba(45,111,116,.22),transparent 30%),var(--ink);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:258px;flex:0 0 258px;border-right:1px solid var(--line);background:rgba(7,19,30,.82);padding:28px 18px 18px;display:flex;flex-direction:column;min-height:100vh}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 10px 30px}.brand-mark{display:flex;gap:3px;align-items:end;height:22px}.brand-mark span{display:block;width:5px;background:var(--mint);border-radius:4px}.brand-mark span:nth-child(1){height:11px;opacity:.65}.brand-mark span:nth-child(2){height:18px}.brand-mark span:nth-child(3){height:14px;opacity:.8}.brand-name{font-size:18px;font-weight:800;letter-spacing:-.04em}.brand-subtitle{font-size:10px;color:var(--muted);letter-spacing:.08em;margin-top:2px}.site-switcher{display:flex;align-items:center;gap:9px;background:rgba(24,45,59,.7);border:1px solid var(--line);padding:11px 10px;border-radius:12px;margin-bottom:26px;font-size:11px}.site-switcher strong,.site-switcher small{display:block}.site-switcher strong{font-size:11px}.site-switcher small{color:var(--muted);font-size:9px;margin-top:3px}.status-dot{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px rgba(4, 120, 87, .1)}.chevron{margin-left:auto;color:var(--muted);font-size:16px}.nav-groups{display:flex;flex-direction:column;gap:24px}.nav-group{display:flex;flex-direction:column;gap:3px}.nav-label{font-family:var(--mono);font-size:9px;color:var(--dim);letter-spacing:.16em;text-transform:uppercase;padding:0 12px 8px}.nav-group a{display:flex;align-items:center;gap:11px;padding:10px 12px;color:#9eb5ba;font-size:12px;border-radius:9px;transition:.2s}.nav-group a:hover,.nav-group a.active{background:rgba(4, 120, 87, .1);color:var(--text)}.nav-group a.active{box-shadow:inset 2px 0 var(--mint)}.nav-icon{font-size:16px;width:15px;text-align:center;color:#6e9298}.active .nav-icon{color:var(--mint)}.nav-count{font-family:var(--mono);font-size:9px;color:var(--blue);background:rgba(131,189,246,.1);padding:3px 6px;border-radius:5px;margin-left:auto}.nav-count.amber{color:var(--amber);background:rgba(244,191,101,.1)}.nav-count.red{color:var(--red);background:rgba(255,125,120,.1)}.sidebar-bottom{margin-top:auto}.sync-card{border-top:1px solid var(--line);padding:16px 11px 14px;margin-bottom:14px}.sync-heading{display:flex;justify-content:space-between;color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.1em}.live-pulse{color:var(--mint);font-size:8px}.sync-card strong{display:block;font-size:11px;margin-top:12px}.sync-card small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.sync-line{height:3px;background:var(--line);border-radius:2px;margin-top:12px;overflow:hidden}.sync-line i{display:block;background:var(--mint);width:82%;height:100%;border-radius:2px}.user-chip{display:flex;align-items:center;gap:9px;padding:10px;border-top:1px solid var(--line);font-size:11px}.avatar,.top-avatar{display:grid;place-items:center;background:#d89a74;color:#1b2021;border-radius:9px;font-weight:800}.avatar{width:27px;height:27px;font-size:11px}.user-chip strong,.user-chip small{display:block}.user-chip small{color:var(--muted);font-size:9px;margin-top:2px}.more{margin-left:auto;color:var(--muted)}.main-content{flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumbs{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.breadcrumbs b{color:var(--dim);font-weight:400}.breadcrumbs strong{color:var(--text);font-weight:600}.top-actions{display:flex;align-items:center;gap:12px}.demo-badge{font-family:var(--mono);font-size:9px;color:var(--amber);border:1px solid rgba(244,191,101,.22);background:rgba(244,191,101,.06);padding:7px 9px;border-radius:6px}.icon-button{border:1px solid transparent;background:none;color:var(--muted);font-size:22px;width:32px;height:32px;border-radius:8px}.icon-button:hover{border-color:var(--line);color:var(--text);background:var(--panel)}.notification{position:relative}.notification i{width:5px;height:5px;background:var(--red);border-radius:50%;position:absolute;right:4px;top:5px}.top-avatar{width:30px;height:30px;font-size:11px;border-radius:50%;margin-left:4px}.page-root{max-width:1420px;margin:0 auto;padding:44px 42px 64px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px}.eyebrow{color:var(--mint);font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px}.page-heading h1{font-size:32px;letter-spacing:-.05em;line-height:1.15;margin:0}.page-heading p{color:var(--muted);font-size:12px;margin:9px 0 0}.heading-actions{display:flex;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line-strong);background:transparent;color:var(--text);border-radius:9px;padding:10px 15px;font-size:11px;transition:.2s}.button:hover{border-color:var(--mint);color:var(--mint)}.button.primary{background:var(--mint);border-color:var(--mint);color:#fff;font-weight:800}.button.primary:hover{background:#036649;color:#fff}.button.ghost{background:rgba(255,255,255,.03)}.button.danger{color:var(--red);border-color:rgba(255,125,120,.3)}.button.small{padding:7px 10px;font-size:10px}.grid{display:grid;gap:14px}.metric-grid{grid-template-columns:repeat(4,1fr);margin-bottom:14px}.metric-card,.panel{background:linear-gradient(145deg,rgba(22,45,59,.95),rgba(14,31,43,.95));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 35px rgba(0,0,0,.09)}.metric-card{padding:19px 20px;min-height:124px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;border:1px solid rgba(4, 120, 87, .1);right:-34px;bottom:-44px}.metric-label{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.metric-value{font-size:31px;font-weight:700;letter-spacing:-.06em;margin-top:13px}.metric-foot{font-size:10px;color:var(--muted);margin-top:5px}.trend-up{color:var(--mint)}.trend-warn{color:var(--amber)}.dashboard-main{grid-template-columns:1.45fr .9fr;margin-bottom:14px}.panel{padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:21px}.panel-heading h2{font-size:1.1rem;letter-spacing:-.02em;margin:0;font-weight:650}.panel-heading p{font-size:.88rem;color:var(--muted);margin:6px 0 0;line-height:1.45}.panel-link{font-size:.88rem;color:var(--mint);font-weight:400}.signal-card{min-height:0;height:auto;position:relative;overflow:visible;background:var(--panel);border-color:var(--line)}.signal-card:before{content:none;position:absolute;inset:67px 22px 30px;background:linear-gradient(90deg,transparent 49.8%,rgba(4, 120, 87, .08) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(4, 120, 87, .08) 50%,transparent 50.2%);background-size:72px 72px;transform:perspective(320px) rotateX(48deg) scale(1.6);transform-origin:center bottom;opacity:.75}.signal-path{display:none;position:absolute;left:9%;right:8%;top:51%;height:60px;border-top:1px solid rgba(4, 120, 87, .45);transform:skewY(-11deg);filter:drop-shadow(0 0 7px rgba(4, 120, 87, .35))}.signal-path:before,.signal-path:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--mint);top:-5px;box-shadow:0 0 0 5px rgba(4, 120, 87, .1),0 0 14px var(--mint)}.signal-path:before{left:28%}.signal-path:after{right:8%;background:var(--amber);box-shadow:0 0 0 5px rgba(244,191,101,.1),0 0 14px var(--amber)}.signal-body{display:flex;flex-direction:column;gap:18px;margin-top:4px}.signal-legend{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;color:var(--muted);font-size:.9rem}.legend-dot{width:9px;height:9px;border-radius:50%;background:var(--mint);display:inline-block;margin-right:0;flex:0 0 auto;box-shadow:0 0 0 3px rgba(4,120,87,.12)}.legend-dot.green{background:var(--mint)}.legend-dot.amber{background:var(--amber);box-shadow:0 0 0 3px rgba(217,119,6,.12)}.legend-dot.blue,.legend-dot.red{background:var(--red);box-shadow:0 0 0 3px rgba(220,38,38,.12)}.legend-dot.gray{background:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.16)}.signal-chip{display:flex;align-items:center;gap:8px;min-height:2.6rem;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.signal-chip em{flex:1;font-style:normal;font-size:.9rem;color:var(--muted)}.signal-chip b{font-size:1.05rem;font-weight:400;color:var(--text);font-variant-numeric:tabular-nums}.mini-kpi{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.mini-kpi-value{display:flex;align-items:baseline;gap:8px}.mini-kpi strong{font-family:var(--mono);font-size:2.4rem;line-height:1;font-weight:400;letter-spacing:-.03em}.mini-kpi-total{font-size:1.05rem;color:var(--muted);font-weight:400}.mini-kpi-label,.mini-kpi span{font-size:.92rem;color:var(--muted);line-height:1.4}.task-list{display:flex;flex-direction:column;gap:10px}.task-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.task-row:last-child{border-bottom:0}.task-priority{width:3px;height:29px;background:var(--amber);border-radius:3px}.task-priority.red{background:var(--red)}.task-priority.blue{background:var(--blue)}.task-info{min-width:0;flex:1}.task-info strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-info small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.task-status{font-size:9px;color:var(--amber);white-space:nowrap}.task-status.blue{color:var(--blue)}.task-status.red{color:var(--red)}.dashboard-bottom{grid-template-columns:1.05fr 1fr}.bar-chart{height:157px;display:flex;align-items:flex-end;gap:12px;padding:22px 6px 0;border-bottom:1px solid var(--line)}.bar-item{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar{width:100%;max-width:36px;background:linear-gradient(to top,#2a6667,var(--mint));border-radius:4px 4px 0 0;min-height:7px;opacity:.88}.bar.warn{background:linear-gradient(to top,#805b32,var(--amber))}.bar-item small{font-family:var(--mono);color:var(--muted);font-size:9px}.chart-caption{display:flex;justify-content:space-between;margin-top:13px;color:var(--muted);font-size:10px}.chart-caption strong{color:var(--text);font-size:13px}.table-panel{padding:0;overflow:hidden}.table-toolbar{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.toolbar-left{display:flex;gap:7px;align-items:center}.search-box{display:flex;align-items:center;gap:7px;background:rgba(7,19,30,.45);border:1px solid var(--line);padding:8px 10px;border-radius:8px;color:var(--muted)}.search-box input{background:none;border:0;outline:0;color:var(--text);font-size:11px;width:190px}.filter-select{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:8px 10px;font-size:10px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px;min-width:760px}th{text-align:left;color:var(--dim);font-family:var(--mono);font-size:9px;letter-spacing:.05em;font-weight:400;padding:13px 20px;background:rgba(7,19,30,.2);white-space:nowrap}td{padding:15px 20px;border-top:1px solid var(--line);color:#c7d6d5;white-space:nowrap}tr:hover td{background:rgba(4, 120, 87, .035)}.code{font-family:var(--mono);font-size:10px;color:var(--text)}.muted{color:var(--muted)}.status{display:inline-flex;align-items:center;gap:5px;font-size:10px}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint)}.status.amber:before{background:var(--amber)}.status.red:before{background:var(--red)}.status.blue:before{background:var(--blue)}.status.gray:before{background:var(--dim)}.row-actions{display:flex;gap:7px}.link-button{border:0;background:none;color:var(--mint);font-size:10px;padding:0;font-weight:400}.detail-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.detail-main{display:flex;flex-direction:column;gap:14px}.detail-banner{padding:24px;display:flex;align-items:center;gap:18px}.asset-icon{width:58px;height:58px;border:1px solid rgba(4, 120, 87, .28);background:rgba(4, 120, 87, .08);display:grid;place-items:center;border-radius:15px;color:var(--mint);font-size:28px}.detail-title h2{font-size:21px;margin:0}.detail-title p{color:var(--muted);font-size:11px;margin:7px 0 0}.detail-banner .status{margin-left:auto}.kv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.kv label{display:block;color:var(--dim);font-size:9px;font-family:var(--mono);margin-bottom:7px}.kv strong{font-size:12px;font-weight:500}.timeline{border-left:1px solid var(--line-strong);margin-left:6px;padding-left:22px;display:flex;flex-direction:column;gap:22px}.timeline-item{position:relative}.timeline-item:before{content:"";position:absolute;left:-27px;top:3px;width:8px;height:8px;border-radius:50%;border:2px solid var(--mint);background:var(--ink-2)}.timeline-item.amber:before{border-color:var(--amber)}.timeline-item small{font-family:var(--mono);font-size:9px;color:var(--dim)}.timeline-item strong{display:block;font-size:11px;margin-top:5px}.timeline-item p{color:var(--muted);font-size:10px;margin:5px 0 0;line-height:1.6}.notice-strip{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(244,191,101,.08);border:1px solid rgba(244,191,101,.18);border-radius:10px;color:var(--amber);font-size:10px;margin-bottom:14px}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.empty-state strong{display:block;color:var(--text);margin-bottom:7px}.settings-grid{grid-template-columns:repeat(3,1fr)}.setting-card{padding:20px}.setting-card h3{font-size:12px;margin:0 0 8px}.setting-card p{font-size:10px;color:var(--muted);line-height:1.6;margin:0 0 14px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:20;display:grid;place-items:center;padding:20px}.modal{width:min(520px,100%);background:#122634;border:1px solid var(--line-strong);box-shadow:0 25px 80px #0009;border-radius:18px;padding:24px}.modal h2{font-size:16px;margin:0 0 7px}.modal p{color:var(--muted);font-size:11px;line-height:1.7}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.field{margin:16px 0}.field label{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;color:var(--text);background:#0a1b27;border:1px solid var(--line-strong);border-radius:8px;padding:10px;outline:none;font-size:11px}.field textarea{min-height:80px;resize:vertical}.toast{position:fixed;right:26px;bottom:26px;z-index:30;background:#dff8ee;color:#08221d;border-radius:10px;padding:12px 15px;font-size:11px;box-shadow:0 12px 30px #0005;animation:toast-in .25s ease}.toast.error{background:#ffe3e0;color:#3b1615}@keyframes toast-in{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}:focus-visible{outline:2px solid var(--mint);outline-offset:3px}@media(max-width:1050px){.sidebar{width:220px;flex-basis:220px}.page-root{padding:34px 24px}.topbar{padding:0 24px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main,.dashboard-bottom,.detail-layout{grid-template-columns:1fr}}@media(max-width:720px){.sidebar{width:62px;flex-basis:62px;padding:18px 8px}.brand-lockup{padding:0 10px 23px}.brand-name,.brand-subtitle,.site-switcher div,.site-switcher .chevron,.nav-label,.nav-group a:not(.active)::after,.nav-group a{font-size:0}.site-switcher{justify-content:center;padding:11px 0}.nav-group a{justify-content:center;padding:12px 0}.nav-icon{font-size:16px}.nav-count{display:none}.sync-card,.user-chip div:not(.avatar),.user-chip .more{display:none}.user-chip{justify-content:center;padding:10px 0}.topbar{height:auto;min-height:68px;padding:15px 16px}.demo-badge{display:none}.top-actions{gap:4px}.breadcrumbs{font-size:10px}.page-root{padding:28px 16px 40px}.page-heading{display:block;margin-bottom:24px}.page-heading h1{font-size:26px}.heading-actions{margin-top:18px}.heading-actions .button{flex:1}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:15px;min-height:108px}.metric-value{font-size:25px}.panel{padding:16px;border-radius:14px}.table-toolbar{display:block;padding:15px}.toolbar-left{margin-bottom:9px}.search-box input{width:100%}.search-box{width:100%}.filter-select{width:100%}.kv-grid{grid-template-columns:1fr 1fr}.detail-banner{display:block}.detail-banner .status{margin-top:15px}.detail-layout{gap:10px}}
:root{--ink:#f4f6fa;--ink-2:#e8edf5;--panel:#ffffff;--panel-2:#f8fafc;--line:rgba(15,23,42,.08);--line-strong:rgba(15,23,42,.14);--text:#0f172a;--muted:#334155;--dim:#475569;--mint:#047857;--mint-dark:#d1fae5;--amber:#d97706;--red:#dc2626;--blue:#2563eb;--radius:18px;--mono:"Microsoft YaHei UI","Microsoft YaHei",monospace;--sans:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;color:var(--text);font-family:var(--sans);background:radial-gradient(circle at 72% -10%,rgba(45,111,116,.22),transparent 30%),var(--ink);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:258px;flex:0 0 258px;border-right:1px solid var(--line);background:rgba(7,19,30,.82);padding:28px 18px 18px;display:flex;flex-direction:column;min-height:100vh}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 10px 30px}.brand-mark{display:flex;gap:3px;align-items:end;height:22px}.brand-mark span{display:block;width:5px;background:var(--mint);border-radius:4px}.brand-mark span:nth-child(1){height:11px;opacity:.65}.brand-mark span:nth-child(2){height:18px}.brand-mark span:nth-child(3){height:14px;opacity:.8}.brand-name{font-size:18px;font-weight:800;letter-spacing:-.04em}.brand-subtitle{font-size:10px;color:var(--muted);letter-spacing:.08em;margin-top:2px}.site-switcher{display:flex;align-items:center;gap:9px;background:rgba(24,45,59,.7);border:1px solid var(--line);padding:11px 10px;border-radius:12px;margin-bottom:26px;font-size:11px}.site-switcher strong,.site-switcher small{display:block}.site-switcher strong{font-size:11px}.site-switcher small{color:var(--muted);font-size:9px;margin-top:3px}.status-dot{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px rgba(4, 120, 87, .1)}.chevron{margin-left:auto;color:var(--muted);font-size:16px}.nav-groups{display:flex;flex-direction:column;gap:24px}.nav-group{display:flex;flex-direction:column;gap:3px}.nav-label{font-family:var(--mono);font-size:9px;color:var(--dim);letter-spacing:.16em;text-transform:uppercase;padding:0 12px 8px}.nav-group a{display:flex;align-items:center;gap:11px;padding:10px 12px;color:#9eb5ba;font-size:12px;border-radius:9px;transition:.2s}.nav-group a:hover,.nav-group a.active{background:rgba(4, 120, 87, .1);color:var(--text)}.nav-group a.active{box-shadow:inset 2px 0 var(--mint)}.nav-icon{font-size:16px;width:15px;text-align:center;color:#6e9298}.active .nav-icon{color:var(--mint)}.nav-count{font-family:var(--mono);font-size:9px;color:var(--blue);background:rgba(131,189,246,.1);padding:3px 6px;border-radius:5px;margin-left:auto}.nav-count.amber{color:var(--amber);background:rgba(244,191,101,.1)}.nav-count.red{color:var(--red);background:rgba(255,125,120,.1)}.sidebar-bottom{margin-top:auto}.sync-card{border-top:1px solid var(--line);padding:16px 11px 14px;margin-bottom:14px}.sync-heading{display:flex;justify-content:space-between;color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.1em}.live-pulse{color:var(--mint);font-size:8px}.sync-card strong{display:block;font-size:11px;margin-top:12px}.sync-card small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.sync-line{height:3px;background:var(--line);border-radius:2px;margin-top:12px;overflow:hidden}.sync-line i{display:block;background:var(--mint);width:82%;height:100%;border-radius:2px}.user-chip{display:flex;align-items:center;gap:9px;padding:10px;border-top:1px solid var(--line);font-size:11px}.avatar,.top-avatar{display:grid;place-items:center;background:#d89a74;color:#1b2021;border-radius:9px;font-weight:800}.avatar{width:27px;height:27px;font-size:11px}.user-chip strong,.user-chip small{display:block}.user-chip small{color:var(--muted);font-size:9px;margin-top:2px}.more{margin-left:auto;color:var(--muted)}.main-content{flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumbs{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.breadcrumbs b{color:var(--dim);font-weight:400}.breadcrumbs strong{color:var(--text);font-weight:600}.top-actions{display:flex;align-items:center;gap:12px}.demo-badge{font-family:var(--mono);font-size:9px;color:var(--amber);border:1px solid rgba(244,191,101,.22);background:rgba(244,191,101,.06);padding:7px 9px;border-radius:6px}.icon-button{border:1px solid transparent;background:none;color:var(--muted);font-size:22px;width:32px;height:32px;border-radius:8px}.icon-button:hover{border-color:var(--line);color:var(--text);background:var(--panel)}.notification{position:relative}.notification i{width:5px;height:5px;background:var(--red);border-radius:50%;position:absolute;right:4px;top:5px}.top-avatar{width:30px;height:30px;font-size:11px;border-radius:50%;margin-left:4px}.page-root{max-width:1420px;margin:0 auto;padding:44px 42px 64px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px}.eyebrow{color:var(--mint);font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px}.page-heading h1{font-size:32px;letter-spacing:-.05em;line-height:1.15;margin:0}.page-heading p{color:var(--muted);font-size:12px;margin:9px 0 0}.heading-actions{display:flex;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line-strong);background:transparent;color:var(--text);border-radius:9px;padding:10px 15px;font-size:11px;transition:.2s}.button:hover{border-color:var(--mint);color:var(--mint)}.button.primary{background:var(--mint);border-color:var(--mint);color:#fff;font-weight:800}.button.primary:hover{background:#036649;color:#fff}.button.ghost{background:rgba(255,255,255,.03)}.button.danger{color:var(--red);border-color:rgba(255,125,120,.3)}.button.small{padding:7px 10px;font-size:10px}.grid{display:grid;gap:14px}.metric-grid{grid-template-columns:repeat(4,1fr);margin-bottom:14px}.metric-card,.panel{background:linear-gradient(145deg,rgba(22,45,59,.95),rgba(14,31,43,.95));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 35px rgba(0,0,0,.09)}.metric-card{padding:19px 20px;min-height:124px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;border:1px solid rgba(4, 120, 87, .1);right:-34px;bottom:-44px}.metric-label{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.metric-value{font-size:31px;font-weight:700;letter-spacing:-.06em;margin-top:13px}.metric-foot{font-size:10px;color:var(--muted);margin-top:5px}.trend-up{color:var(--mint)}.trend-warn{color:var(--amber)}.dashboard-main{grid-template-columns:1.45fr .9fr;margin-bottom:14px}.panel{padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:21px}.panel-heading h2{font-size:1.1rem;letter-spacing:-.02em;margin:0;font-weight:650}.panel-heading p{font-size:.88rem;color:var(--muted);margin:6px 0 0;line-height:1.45}.panel-link{font-size:.88rem;color:var(--mint);font-weight:400}.signal-card{min-height:0;height:auto;position:relative;overflow:visible;background:var(--panel);border-color:var(--line)}.signal-card:before{content:none;position:absolute;inset:67px 22px 30px;background:linear-gradient(90deg,transparent 49.8%,rgba(4, 120, 87, .08) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(4, 120, 87, .08) 50%,transparent 50.2%);background-size:72px 72px;transform:perspective(320px) rotateX(48deg) scale(1.6);transform-origin:center bottom;opacity:.75}.signal-path{display:none;position:absolute;left:9%;right:8%;top:51%;height:60px;border-top:1px solid rgba(4, 120, 87, .45);transform:skewY(-11deg);filter:drop-shadow(0 0 7px rgba(4, 120, 87, .35))}.signal-path:before,.signal-path:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--mint);top:-5px;box-shadow:0 0 0 5px rgba(4, 120, 87, .1),0 0 14px var(--mint)}.signal-path:before{left:28%}.signal-path:after{right:8%;background:var(--amber);box-shadow:0 0 0 5px rgba(244,191,101,.1),0 0 14px var(--amber)}.signal-body{display:flex;flex-direction:column;gap:18px;margin-top:4px}.signal-legend{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;color:var(--muted);font-size:.9rem}.legend-dot{width:9px;height:9px;border-radius:50%;background:var(--mint);display:inline-block;margin-right:0;flex:0 0 auto;box-shadow:0 0 0 3px rgba(4,120,87,.12)}.legend-dot.green{background:var(--mint)}.legend-dot.amber{background:var(--amber);box-shadow:0 0 0 3px rgba(217,119,6,.12)}.legend-dot.blue,.legend-dot.red{background:var(--red);box-shadow:0 0 0 3px rgba(220,38,38,.12)}.legend-dot.gray{background:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.16)}.signal-chip{display:flex;align-items:center;gap:8px;min-height:2.6rem;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.signal-chip em{flex:1;font-style:normal;font-size:.9rem;color:var(--muted)}.signal-chip b{font-size:1.05rem;font-weight:400;color:var(--text);font-variant-numeric:tabular-nums}.mini-kpi{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.mini-kpi-value{display:flex;align-items:baseline;gap:8px}.mini-kpi strong{font-family:var(--mono);font-size:2.4rem;line-height:1;font-weight:400;letter-spacing:-.03em}.mini-kpi-total{font-size:1.05rem;color:var(--muted);font-weight:400}.mini-kpi-label,.mini-kpi span{font-size:.92rem;color:var(--muted);line-height:1.4}.task-list{display:flex;flex-direction:column;gap:10px}.task-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.task-row:last-child{border-bottom:0}.task-priority{width:3px;height:29px;background:var(--amber);border-radius:3px}.task-priority.red{background:var(--red)}.task-priority.blue{background:var(--blue)}.task-info{min-width:0;flex:1}.task-info strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-info small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.task-status{font-size:9px;color:var(--amber);white-space:nowrap}.task-status.blue{color:var(--blue)}.task-status.red{color:var(--red)}.dashboard-bottom{grid-template-columns:1.05fr 1fr}.bar-chart{height:157px;display:flex;align-items:flex-end;gap:12px;padding:22px 6px 0;border-bottom:1px solid var(--line)}.bar-item{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar{width:100%;max-width:36px;background:linear-gradient(to top,#2a6667,var(--mint));border-radius:4px 4px 0 0;min-height:7px;opacity:.88}.bar.warn{background:linear-gradient(to top,#805b32,var(--amber))}.bar-item small{font-family:var(--mono);color:var(--muted);font-size:9px}.chart-caption{display:flex;justify-content:space-between;margin-top:13px;color:var(--muted);font-size:10px}.chart-caption strong{color:var(--text);font-size:13px}.table-panel{padding:0;overflow:hidden}.table-toolbar{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.toolbar-left{display:flex;gap:7px;align-items:center}.search-box{display:flex;align-items:center;gap:7px;background:rgba(7,19,30,.45);border:1px solid var(--line);padding:8px 10px;border-radius:8px;color:var(--muted)}.search-box input{background:none;border:0;outline:0;color:var(--text);font-size:11px;width:190px}.filter-select{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:8px 10px;font-size:10px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px;min-width:760px}th{text-align:left;color:var(--dim);font-family:var(--mono);font-size:9px;letter-spacing:.05em;font-weight:400;padding:13px 20px;background:rgba(7,19,30,.2);white-space:nowrap}td{padding:15px 20px;border-top:1px solid var(--line);color:#c7d6d5;white-space:nowrap}tr:hover td{background:rgba(4, 120, 87, .035)}.code{font-family:var(--mono);font-size:10px;color:var(--text)}.muted{color:var(--muted)}.status{display:inline-flex;align-items:center;gap:5px;font-size:10px}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint)}.status.amber:before{background:var(--amber)}.status.red:before{background:var(--red)}.status.blue:before{background:var(--blue)}.status.gray:before{background:var(--dim)}.row-actions{display:flex;gap:7px}.link-button{border:0;background:none;color:var(--mint);font-size:10px;padding:0;font-weight:400}.detail-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.detail-main{display:flex;flex-direction:column;gap:14px}.detail-banner{padding:24px;display:flex;align-items:center;gap:18px}.asset-icon{width:58px;height:58px;border:1px solid rgba(4, 120, 87, .28);background:rgba(4, 120, 87, .08);display:grid;place-items:center;border-radius:15px;color:var(--mint);font-size:28px}.detail-title h2{font-size:21px;margin:0}.detail-title p{color:var(--muted);font-size:11px;margin:7px 0 0}.detail-banner .status{margin-left:auto}.kv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.kv label{display:block;color:var(--dim);font-size:9px;font-family:var(--mono);margin-bottom:7px}.kv strong{font-size:12px;font-weight:500}.timeline{border-left:1px solid var(--line-strong);margin-left:6px;padding-left:22px;display:flex;flex-direction:column;gap:22px}.timeline-item{position:relative}.timeline-item:before{content:"";position:absolute;left:-27px;top:3px;width:8px;height:8px;border-radius:50%;border:2px solid var(--mint);background:var(--ink-2)}.timeline-item.amber:before{border-color:var(--amber)}.timeline-item small{font-family:var(--mono);font-size:9px;color:var(--dim)}.timeline-item strong{display:block;font-size:11px;margin-top:5px}.timeline-item p{color:var(--muted);font-size:10px;margin:5px 0 0;line-height:1.6}.notice-strip{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(244,191,101,.08);border:1px solid rgba(244,191,101,.18);border-radius:10px;color:var(--amber);font-size:10px;margin-bottom:14px}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.empty-state strong{display:block;color:var(--text);margin-bottom:7px}.settings-grid{grid-template-columns:repeat(3,1fr)}.setting-card{padding:20px}.setting-card h3{font-size:12px;margin:0 0 8px}.setting-card p{font-size:10px;color:var(--muted);line-height:1.6;margin:0 0 14px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:20;display:grid;place-items:center;padding:20px}.modal{width:min(520px,100%);background:#122634;border:1px solid var(--line-strong);box-shadow:0 25px 80px #0009;border-radius:18px;padding:24px}.modal h2{font-size:16px;margin:0 0 7px}.modal p{color:var(--muted);font-size:11px;line-height:1.7}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.field{margin:16px 0}.field label{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;color:var(--text);background:#0a1b27;border:1px solid var(--line-strong);border-radius:8px;padding:10px;outline:none;font-size:11px}.field textarea{min-height:80px;resize:vertical}.toast{position:fixed;right:26px;bottom:26px;z-index:30;background:#dff8ee;color:#08221d;border-radius:10px;padding:12px 15px;font-size:11px;box-shadow:0 12px 30px #0005;animation:toast-in .25s ease}.toast.error{background:#ffe3e0;color:#3b1615}@keyframes toast-in{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}:focus-visible{outline:2px solid var(--mint);outline-offset:3px}@media(max-width:1050px){.sidebar{width:220px;flex-basis:220px}.page-root{padding:34px 24px}.topbar{padding:0 24px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main,.dashboard-bottom,.detail-layout{grid-template-columns:1fr}}@media(max-width:720px){.sidebar{width:62px;flex-basis:62px;padding:18px 8px}.brand-lockup{padding:0 10px 23px}.brand-name,.brand-subtitle,.site-switcher div,.site-switcher .chevron,.nav-label,.nav-group a:not(.active)::after,.nav-group a{font-size:0}.site-switcher{justify-content:center;padding:11px 0}.nav-group a{justify-content:center;padding:12px 0}.nav-icon{font-size:16px}.nav-count{display:none}.sync-card,.user-chip div:not(.avatar),.user-chip .more{display:none}.user-chip{justify-content:center;padding:10px 0}.topbar{height:auto;min-height:68px;padding:15px 16px}.demo-badge{display:none}.top-actions{gap:4px}.breadcrumbs{font-size:10px}.page-root{padding:28px 16px 40px}.page-heading{display:block;margin-bottom:24px}.page-heading h1{font-size:26px}.heading-actions{margin-top:18px}.heading-actions .button{flex:1}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:15px;min-height:108px}.metric-value{font-size:25px}.panel{padding:16px;border-radius:14px}.table-toolbar{display:block;padding:15px}.toolbar-left{margin-bottom:9px}.search-box input{width:100%}.search-box{width:100%}.filter-select{width:100%}.kv-grid{grid-template-columns:1fr 1fr}.detail-banner{display:block}.detail-banner .status{margin-top:15px}.detail-layout{gap:10px}}
@media(max-width:720px){.nav-text{display:none}}
.module-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:-12px 0 18px;padding-bottom:8px;overflow-x:auto}.module-tabs a{color:var(--muted);font-size:10px;white-space:nowrap;padding:8px 11px;border-radius:7px}.module-tabs a:hover,.module-tabs a.active{color:var(--text);background:rgba(4, 120, 87, .1)}.module-tabs a.active{box-shadow:inset 0 -2px var(--mint)}
.nav-label{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:var(--dim);text-align:left;cursor:pointer}.nav-label:after{content:"⌄";font-family:var(--sans);font-size:13px;color:var(--dim);transition:transform .2s}.nav-group.collapsed .nav-label:after{transform:rotate(-90deg)}.nav-group.collapsed>a{display:none}.nav-label:hover{color:var(--muted)}.nav-label:focus-visible{outline:2px solid var(--mint);outline-offset:2px;border-radius:4px}
@media(max-width:720px){.nav-label{display:none}}
.nav-label{font-size:12px}
/* User management: keep integration controls legible without competing with the operations table. */
.user-metric-grid{margin-bottom:18px}.user-metric-grid .metric-card:nth-child(3){border-color:rgba(131,189,246,.24)}.check-line{display:flex!important;align-items:center;gap:9px;color:var(--text)!important}.check-line input{width:16px!important;height:16px;accent-color:var(--mint)}
/* User directory: structured rows replace the previous wide permission table. */
.user-directory-panel{padding:0;overflow:hidden}.user-directory-panel>.panel-heading{padding:22px 24px 18px;margin:0;border-bottom:1px solid var(--line)}.user-directory{display:flex;flex-direction:column}.user-directory-row{display:grid;grid-template-columns:minmax(190px,1.05fr) minmax(150px,.78fr) minmax(260px,1.45fr) minmax(150px,.82fr) minmax(175px,.88fr);gap:18px;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line);transition:background .2s}.user-directory-row:hover{background:rgba(4, 120, 87, .026)}.directory-label{display:block;color:var(--dim);font-family:var(--mono);font-size:9px;letter-spacing:.06em;margin-bottom:7px}.directory-label b{float:right;color:var(--text);font-weight:500}.user-identity{display:flex;align-items:center;gap:12px;min-width:0}.user-avatar{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(4, 120, 87, .2);border-radius:12px;background:linear-gradient(145deg,rgba(4, 120, 87, .16),rgba(131,189,246,.08));color:var(--mint);font-size:15px;font-weight:800}.user-identity strong,.user-org strong{display:block;font-size:12px}.user-idline,.user-org>span:last-child{display:block;color:var(--muted);font-size:9px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.permission-summary{min-width:0}.permission-summary-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.permission-summary-head>span:first-child{min-width:0}.permission-summary-head strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.permission-count{flex:0 0 auto;color:var(--muted);font-size:9px}.permission-count b{color:var(--mint);font-family:var(--mono);font-size:13px}.permission-chips{display:flex;gap:5px;margin-top:10px;overflow:hidden}.permission-chip{flex:0 0 auto;padding:4px 7px;border:1px solid rgba(4, 120, 87, .18);border-radius:6px;background:rgba(4, 120, 87, .07);color:#bce9dc;font-size:9px}.permission-chip.permission-more{border-color:var(--line);background:rgba(255,255,255,.025);color:var(--muted)}.permission-chip.is-empty{border-color:var(--line);background:transparent;color:var(--dim)}.permission-detail-button{border:0;background:none;color:var(--mint);font-size:9px;padding:8px 0 0}.permission-detail-button span{display:inline-block;margin-left:3px;transition:transform .2s}.permission-detail-button:hover span{transform:translateX(3px)}.user-channel>div{display:flex;align-items:center;gap:7px}.channel-divider{width:1px;height:10px;background:var(--line-strong)}.channel-state{color:var(--dim);font-size:9px}.channel-state.connected{color:var(--blue)}.channel-id{display:block;max-width:150px;margin-top:7px;color:var(--muted);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workload-pills{display:flex;gap:5px}.workload-pills span{padding:6px 7px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:8px;white-space:nowrap}.workload-pills b{color:var(--text);font-family:var(--mono);font-size:10px}.user-row-actions{grid-column:1/-1;display:flex;align-items:center;gap:13px;padding-top:12px;border-top:1px dashed var(--line)}.user-row-actions .subtle{color:var(--muted)}.user-directory-foot{display:flex;justify-content:space-between;gap:16px;padding:14px 24px;color:var(--dim);font-size:9px;background:rgba(7,19,30,.16)}
/* Permission detail matrix. */
.permission-profile{display:flex;align-items:center;gap:12px;padding:18px 0}.permission-profile-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(4, 120, 87, .11);border:1px solid rgba(4, 120, 87, .2);color:var(--mint);font-weight:800}.permission-profile strong,.permission-profile span{display:block}.permission-profile>div:nth-child(2) span{margin-top:4px;color:var(--muted);font-size:9px}.permission-role{margin-left:auto!important;padding:6px 9px;border-radius:7px;background:rgba(131,189,246,.09);color:var(--blue);font-size:9px}.admin-permission-banner{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(244,191,101,.22);border-radius:10px;background:rgba(244,191,101,.07);color:var(--amber)}.admin-permission-banner strong,.admin-permission-banner small{display:block}.admin-permission-banner small{margin-top:3px;color:var(--muted);font-size:9px}.permission-source-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.permission-source-strip>div{padding:12px;border:1px solid var(--line);border-radius:10px;background:rgba(7,19,30,.24)}.permission-source-strip span,.permission-source-strip strong,.permission-source-strip small{display:block}.permission-source-strip span{color:var(--dim);font-size:9px}.permission-source-strip strong{margin:5px 0 3px;font-family:var(--mono);font-size:19px}.permission-source-strip small{color:var(--muted);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.permission-source-strip .effective{border-color:rgba(4, 120, 87, .2);background:rgba(4, 120, 87, .05)}.permission-source-strip .effective strong{color:var(--mint)}.permission-matrix{border:1px solid var(--line);border-radius:11px;overflow:hidden}.permission-matrix-head,.permission-matrix-row{display:grid;grid-template-columns:1fr 72px 72px;align-items:center}.permission-matrix-head{padding:9px 13px;background:rgba(7,19,30,.35);color:var(--dim);font-family:var(--mono);font-size:8px}.permission-matrix-head span:not(:first-child),.permission-matrix-row>span{text-align:center}.permission-matrix-row{min-height:40px;padding:0 13px;border-top:1px solid var(--line)}.permission-matrix-row strong{font-size:10px;font-weight:500}.matrix-state{display:inline-grid;width:22px;height:22px;place-items:center;border-radius:6px;color:var(--dim);font-size:10px}.matrix-state.enabled{background:rgba(4, 120, 87, .1);color:var(--mint)}.permission-note{margin:12px 0 0!important;color:var(--dim)!important;font-size:9px!important}
@media(max-width:1180px){.user-directory-row{grid-template-columns:1fr 1fr 1.5fr}.user-channel,.user-workload{padding-top:12px;border-top:1px dashed var(--line)}.user-row-actions{grid-column:auto;align-self:stretch;justify-content:flex-end}}
@media(max-width:720px){.user-directory-panel>.panel-heading{padding:18px}.user-directory-row{grid-template-columns:1fr;padding:18px;gap:16px}.user-org,.user-channel,.user-workload{padding-top:0;border-top:0}.user-row-actions{grid-column:1;justify-content:flex-start;flex-wrap:wrap}.permission-chips{flex-wrap:wrap;overflow:visible}.user-directory-foot{padding:13px 18px;display:block}.user-directory-foot .code{display:block;margin-top:5px}.permission-source-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.permission-source-strip>div{padding:10px 8px}.permission-matrix-head,.permission-matrix-row{grid-template-columns:1fr 58px 58px}}
/* Viewport-safe modal: fixed context and actions, independently scrollable form. */
.modal-backdrop{overflow:hidden;padding:16px}.modal{width:min(620px,100%);max-height:calc(100dvh - 32px);padding:0;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto;padding:22px 24px 16px;border-bottom:1px solid var(--line)}.modal-header h2{margin:0}.modal-close{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.03);color:var(--muted);font-size:20px;line-height:1}.modal-close:hover{color:var(--text);border-color:var(--line-strong)}.modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 24px 20px;scrollbar-color:var(--dim) transparent;scrollbar-width:thin}.modal-body .field:first-child{margin-top:16px}.modal-body .field:last-child{margin-bottom:0}.modal-actions{position:relative;z-index:1;flex:0 0 auto;margin:0;padding:16px 24px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(18,38,52,.96),#122634);box-shadow:0 -12px 24px rgba(7,19,30,.2)}
@media(max-width:720px){.modal-backdrop{padding:8px}.modal{max-height:calc(100dvh - 16px);border-radius:14px}.modal-header{padding:18px 18px 14px}.modal-body{padding:2px 18px 16px}.modal-actions{padding:14px 18px}.modal-actions .button{flex:1}}
/* Repair dispatch: operational state and source stay visible without adding a third worker status. */
.repair-work-state{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid;border-radius:999px;font-size:9px;font-weight:700}.repair-work-state:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.repair-work-state.idle{color:var(--mint);border-color:rgba(4, 120, 87, .24);background:rgba(4, 120, 87, .07)}.repair-work-state.busy{color:var(--amber);border-color:rgba(244,191,101,.24);background:rgba(244,191,101,.07)}.workload-heading{min-height:24px;margin:-2px 0 7px}.repair-state-cell{display:flex;max-width:210px;flex-direction:column;align-items:flex-start;gap:5px;white-space:normal}.repair-state-cell small{color:var(--muted);font-size:8px;line-height:1.45}.repair-assignee{display:flex;align-items:center;gap:7px}.dispatch-source{padding:4px 6px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-family:var(--mono);font-size:8px}.dispatch-source.auto{color:var(--mint);border-color:rgba(4, 120, 87, .2);background:rgba(4, 120, 87, .06)}.dispatch-source.manual{color:var(--blue);border-color:rgba(131,189,246,.2);background:rgba(131,189,246,.06)}

/* Knowledge library: a controlled technical-file cabinet, not a generic data table. */
.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--dim) transparent}.document-guest{display:flex;align-items:center;gap:18px;min-height:140px}.document-guest-icon{display:grid;width:58px;height:68px;place-items:center;border:1px solid rgba(4, 120, 87, .25);border-radius:8px 14px 14px 8px;background:rgba(4, 120, 87, .07);color:var(--mint);font-size:26px}.document-guest div{flex:1}.document-guest strong{font-size:1rem}.document-guest p{margin:8px 0 0;color:var(--muted);font-size:.84rem;line-height:1.55}.document-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:14px;padding:24px 28px;overflow:hidden;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.92));box-shadow:0 12px 34px rgba(15,23,42,.06)}.document-hero:after{content:"OPS / KNOWLEDGE";position:absolute;right:145px;bottom:-10px;color:rgba(15,23,42,.035);font-family:var(--mono);font-size:58px;letter-spacing:-.08em;white-space:nowrap;pointer-events:none}.document-hero-mark{color:#047857;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em}.document-hero h2{max-width:720px;margin:10px 0 8px;font-size:clamp(1.35rem,2.2vw,1.85rem);letter-spacing:-.02em;line-height:1.2}.document-hero p{max-width:760px;margin:0;color:#64748b;font-size:.84rem;line-height:1.65}.document-hero-seal{position:relative;z-index:1;display:grid;width:96px;height:96px;flex:0 0 auto;place-content:center;text-align:center;border:1px solid rgba(4, 120, 87, .22);border-radius:50%;background:linear-gradient(160deg,rgba(236,253,245,.98),rgba(240,253,250,.92));box-shadow:inset 0 0 0 7px rgba(4, 120, 87, .04),0 10px 24px rgba(4, 120, 87, .08)}.document-hero-seal:before{content:"";position:absolute;inset:8px;border:1px dashed rgba(4, 120, 87, .28);border-radius:50%}.document-hero-seal strong{font-family:var(--mono);font-size:1.5rem;color:#047857}.document-hero-seal span{margin-top:4px;color:#64748b;font-size:.72rem;letter-spacing:.08em}.document-metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.document-metrics>div{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid rgba(15,23,42,.08);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.94));box-shadow:0 8px 20px rgba(15,23,42,.04)}.document-metrics span{color:#64748b;font-size:.9rem}.document-metrics strong{font-family:var(--mono);font-size:.9rem;color:#0f172a;font-weight:400}.document-filter-panel{display:grid;grid-template-columns:minmax(240px,1fr) repeat(3,minmax(120px,auto)) auto auto;gap:10px;margin-bottom:16px;padding:14px 16px;align-items:center}.document-search{display:flex;align-items:center;gap:10px;min-width:0;min-height:2.75rem;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:rgba(7,19,30,.4);color:var(--muted)}.document-search:focus-within{border-color:rgba(4, 120, 87, .45);box-shadow:0 0 0 3px rgba(4, 120, 87, .06)}.document-search input{width:100%;min-width:0;padding:10px 0;border:0;outline:0;background:transparent;color:var(--text);font-size:.9rem}.document-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:14px;align-items:stretch}.document-card{--doc-accent:var(--mint);display:grid;grid-template-columns:44px minmax(0,1fr);min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(20,43,56,.96),rgba(12,28,40,.96));box-shadow:0 12px 34px rgba(0,0,0,.08);transition:transform .2s,border-color .2s}.document-card:hover{transform:translateY(-2px);border-color:rgba(166,202,215,.25)}.document-card.category-inspection{--doc-accent:#83bdf6}.document-card.category-maintenance{--doc-accent:#f4bf65}.document-card.category-repair{--doc-accent:#ff8d76}.document-card.category-safety{--doc-accent:#f08b9a}.document-card.category-manual{--doc-accent:#ad9df6}.document-card.category-other{--doc-accent:#8ba3aa}.document-spine{display:grid;place-items:center;padding:12px 0;border-right:1px solid color-mix(in srgb,var(--doc-accent) 28%,transparent);background:color-mix(in srgb,var(--doc-accent) 7%,transparent)}.document-spine span{color:var(--doc-accent);font-size:.75rem;font-weight:400;letter-spacing:.08em;writing-mode:vertical-rl}.document-card-main{display:flex;min-width:0;flex-direction:column;gap:10px;padding:16px 18px 14px}.document-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.document-reference{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.document-reference .code{color:var(--doc-accent);font-size:.84rem;letter-spacing:.04em;font-weight:400}.document-reference b{padding:3px 8px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-family:var(--mono);font-size:.72rem;font-weight:400}.document-state{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(4, 120, 87, .08);color:var(--mint);font-size:.72rem;font-weight:400}.document-state:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.document-state.draft{background:rgba(244,191,101,.08);color:var(--amber)}.document-state.archived{background:rgba(139,163,170,.08);color:var(--muted)}.document-card h2{margin:8px 0 0;font-size:1.12rem;line-height:1.35;letter-spacing:-.01em;font-weight:700}.document-scope{display:flex;max-width:42%;flex:0 1 auto;flex-direction:column;align-items:flex-end;color:var(--dim);font-size:.72rem;line-height:1.4}.document-scope strong{margin-top:4px;color:#b9cbcc;font-size:.9rem;font-weight:400;text-align:right;line-height:1.4}.document-description{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.document-tags{display:flex;flex-wrap:wrap;gap:6px}.document-tags span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:#a7bdc0;font-size:.78rem;line-height:1.2}.document-tags .is-empty{color:var(--dim)}.document-attachments{margin-top:2px;padding-top:12px;border-top:1px dashed var(--line)}.document-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.document-section-title span{color:var(--text);font-size:.84rem;font-weight:400}.document-section-title small{color:var(--dim);font-size:.78rem}.document-file{display:inline-flex;max-width:100%;align-items:center;gap:10px;margin:0 8px 8px 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(7,19,30,.32);color:var(--text);text-align:left;vertical-align:top}.document-file:hover{border-color:color-mix(in srgb,var(--doc-accent) 45%,transparent);background:color-mix(in srgb,var(--doc-accent) 5%,transparent)}.document-file-icon{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--doc-accent) 10%,transparent);color:var(--doc-accent);font-size:.9rem}.document-file strong,.document-file small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-file strong{max-width:240px;font-size:.84rem;font-weight:400}.document-file small{margin-top:3px;color:var(--dim);font-size:.72rem}.document-no-file{padding:10px 12px;border:1px dashed rgba(244,191,101,.2);border-radius:10px;color:var(--amber);font-size:.84rem;line-height:1.45}.document-card-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px}.document-empty{padding:48px 24px;text-align:center;border:1px dashed var(--line-strong);border-radius:18px;background:rgba(18,38,52,.34)}.document-empty>span{display:block;color:var(--mint);font-size:34px}.document-empty strong{display:block;margin-top:12px;font-size:1.05rem;font-weight:400}.document-empty p{margin:8px auto 16px;max-width:500px;color:var(--muted);font-size:.9rem;line-height:1.6}.document-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:12px 2px;color:var(--muted);font-size:.78rem}.document-pagination>div{display:flex;gap:8px}.modal-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-field-grid .field{margin-bottom:0}.button:disabled,.document-file:disabled{cursor:not-allowed;opacity:.45}.button:disabled:hover{border-color:var(--line-strong);color:inherit}
@media(max-width:1100px){.document-filter-panel{grid-template-columns:1fr 1fr 1fr}.document-search{grid-column:1/-1}.document-filter-panel .button{width:100%}}
@media(max-width:720px){.document-guest{align-items:flex-start;flex-wrap:wrap}.document-guest div{min-width:calc(100% - 80px)}.document-hero{padding:18px}.document-hero-seal{display:none}.document-hero h2{font-size:1.2rem}.document-metrics{grid-template-columns:1fr 1fr}.document-filter-panel{grid-template-columns:1fr}.document-search{grid-column:auto}.document-library{grid-template-columns:1fr}.document-card{grid-template-columns:36px minmax(0,1fr)}.document-card-main{padding:14px 14px 12px;gap:8px}.document-card-head{display:block}.document-scope{max-width:none;margin-top:8px;align-items:flex-start}.document-scope strong{text-align:left}.document-section-title{align-items:flex-start;flex-direction:column;gap:4px}.document-file{width:100%;max-width:none;margin-right:0}.document-file strong{max-width:100%}.document-card-actions{justify-content:flex-start;flex-wrap:wrap}.document-pagination{align-items:flex-start;flex-direction:column;gap:10px}.modal-field-grid{grid-template-columns:1fr}.modal-field-grid .field{margin-bottom:0}}

/* User permission editor keeps internal permission codes out of the business UI. */
.permission-editor{margin:18px 0 4px;border:1px solid var(--line-strong);border-radius:14px;overflow:hidden;background:rgba(7,19,30,.34)}
.permission-editor-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(4, 120, 87, .08),transparent 58%)}
.permission-editor-title>div>strong{display:block;font-size:13px}
.permission-editor-title p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
.permission-preset-label{display:grid;grid-template-columns:auto 150px;align-items:center;gap:9px;color:var(--muted);font-size:9px;white-space:nowrap}
.permission-preset-label select{height:34px;padding:0 30px 0 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--ink-2);color:var(--text);font-size:10px}
.permission-editor-head,.permission-editor-row{display:grid;grid-template-columns:minmax(150px,1fr) 132px 132px;align-items:center}
.permission-editor-head{min-height:34px;padding:0 18px;color:var(--dim);font-family:var(--mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.permission-editor-head span:not(:first-child){text-align:center}
.permission-editor-row{min-height:48px;padding:0 18px;border-top:1px solid var(--line)}
.permission-editor-row>strong{font-size:11px;font-weight:650}
.permission-choice{min-height:31px;display:flex;align-items:center;justify-content:center;gap:7px;margin:5px;border:1px solid transparent;border-radius:8px;color:var(--muted);font-size:10px;cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.permission-choice:hover{border-color:var(--line-strong);background:rgba(4, 120, 87, .04);color:var(--text)}
.permission-choice input{appearance:none;display:grid;width:15px;height:15px;margin:0;place-items:center;border:1px solid var(--line-strong);border-radius:4px;background:var(--ink-2);cursor:pointer}
.permission-choice input::after{content:'✓';color:var(--ink);font-size:10px;font-weight:900;line-height:1;opacity:0;transform:scale(.65);transition:opacity .14s,transform .14s}
.permission-choice input:checked{border-color:var(--mint);background:var(--mint)}
.permission-choice input:checked::after{opacity:1;transform:scale(1)}
.permission-choice input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.permission-choice:has(input:checked){border-color:rgba(4, 120, 87, .28);background:rgba(4, 120, 87, .09);color:var(--text)}
.permission-choice small{padding:2px 5px;border-radius:4px;background:rgba(131,189,246,.1);color:var(--blue);font-size:7px;white-space:nowrap}
.permission-admin-row{display:grid;grid-template-columns:minmax(180px,1fr) 264px;align-items:center;min-height:58px;padding:0 18px;border-top:1px solid rgba(244,191,101,.2);background:rgba(244,191,101,.035)}
.permission-admin-row>div strong,.permission-admin-row>div small{display:block}
.permission-admin-row>div strong{font-size:11px;color:var(--amber)}
.permission-admin-row>div small{margin-top:4px;color:var(--muted);font-size:8px}
.permission-admin-row>.permission-choice:has(input:checked){border-color:rgba(244,191,101,.35);background:rgba(244,191,101,.08)}
.permission-editor-note{margin:0;padding:11px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.55}
@media(max-width:720px){.permission-editor-title{align-items:flex-start;flex-direction:column}.permission-preset-label{width:100%;grid-template-columns:auto 1fr}.permission-editor-head,.permission-editor-row{grid-template-columns:minmax(92px,1fr) 92px 92px;padding-left:12px;padding-right:12px}.permission-choice{gap:4px;margin:4px 2px}.permission-choice small{display:none}.permission-admin-row{grid-template-columns:1fr 184px;padding:8px 12px}.permission-editor-note{padding:10px 12px}}

/* Department IoT wallboard: dense operational information with explicit data freshness. */
.iot-guest{display:flex;align-items:center;gap:22px;min-height:180px}.iot-guest>span{display:grid;width:72px;height:72px;place-items:center;border:1px solid rgba(4, 120, 87, .25);border-radius:50%;color:var(--mint);font-size:30px;box-shadow:inset 0 0 0 10px rgba(4, 120, 87, .025)}.iot-guest strong{font-size:16px}.iot-guest p{margin:8px 0 0;color:var(--muted);font-size:11px}.iot-control-bar{display:flex;align-items:center;gap:22px;margin-bottom:13px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(12,30,43,.86)}.iot-control-bar label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:9px}.iot-control-bar select,.iot-detail-toolbar select{min-width:190px;height:34px;padding:0 34px 0 11px;border:1px solid var(--line-strong);border-radius:8px;background:var(--ink-2);color:var(--text);font-size:10px}.iot-control-bar>div{display:flex;align-items:center;gap:9px}.iot-control-bar>div small{color:var(--dim);font-size:8px}.iot-connection{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.iot-connection:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted)}.iot-connection[data-state="LIVE"]{color:var(--mint)}.iot-connection[data-state="LIVE"]:before{background:var(--mint);box-shadow:0 0 0 4px rgba(4, 120, 87, .08)}.iot-connection[data-state="RECONNECTING"]{color:var(--amber)}.iot-connection[data-state="RECONNECTING"]:before{background:var(--amber);animation:iotPulse 1.3s infinite}.iot-readonly{margin-left:auto;padding:6px 9px;border:1px solid rgba(131,189,246,.15);border-radius:7px;color:var(--blue);font-family:var(--mono);font-size:8px;letter-spacing:.06em}.iot-error{border-color:rgba(255,141,118,.25);color:var(--red)}
.iot-metric-block{margin-bottom:12px}.iot-metric-block-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 2px 8px}.iot-metric-block-head>span{color:var(--mint);font-family:var(--mono);font-size:8px;letter-spacing:.12em}.iot-metric-block-head strong{font-size:12px}.iot-metric-block-head p{margin:0;color:var(--muted);font-size:8px}.iot-metrics{display:grid;grid-template-columns:repeat(5,minmax(132px,1fr));gap:8px;margin-bottom:4px}.iot-metrics-ops,.iot-metrics-analytics{grid-template-columns:repeat(4,minmax(140px,1fr));margin-bottom:14px}.iot-metric{min-width:0;padding:14px 14px 12px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(150deg,rgba(20,43,56,.98),rgba(10,25,37,.94))}.iot-metric>span,.iot-metric small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iot-metric>span{color:var(--muted);font-size:0.84rem;font-weight:650;line-height:1.3}.iot-metric strong{display:block;margin:9px 0 7px;font-family:var(--mono);font-size:1.25rem;letter-spacing:-.04em;line-height:1.15}.iot-metric small{color:var(--dim);font-size:0.75rem;line-height:1.35}.iot-metric.danger{border-color:rgba(255,141,118,.16)}.iot-metric.danger strong{color:var(--red)}.iot-metric.warn{border-color:rgba(244,191,101,.22)}.iot-metric.warn strong{color:var(--amber)}.iot-metric.demo{border-color:rgba(131,189,246,.28);box-shadow:inset 0 0 0 1px rgba(131,189,246,.08)}.iot-metric.demo strong{color:var(--blue)}.iot-metric.demo small{color:#8eb7d8}.iot-ops-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.iot-ops-summary>div{padding:14px;border:1px solid var(--line);border-radius:10px;background:rgba(15,36,50,.65)}.iot-ops-summary span{display:block;color:var(--muted);font-size:8px}.iot-ops-summary strong{display:block;margin-top:8px;font-family:var(--mono);font-size:18px}
.iot-fleet{padding:22px 22px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(8,22,33,.76);box-shadow:0 22px 70px rgba(0,0,0,.14)}.iot-fleet-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.iot-fleet-head>div:first-child>span{color:var(--mint);font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;font-weight:650}.iot-fleet-head h2{margin:6px 0 4px;font-size:1.2rem;line-height:1.25;font-weight:750}.iot-fleet-head p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45}.iot-legend{display:flex;flex-wrap:wrap;gap:10px 14px;color:var(--muted);font-size:.78rem;font-weight:600}.iot-legend span{display:flex;align-items:center;gap:6px}.iot-legend span:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent)}.iot-legend .fault:before{background:var(--red)}.iot-legend .offline:before{background:#778b93}.iot-legend .idle:before{background:var(--amber)}.iot-legend .running:before{background:var(--mint)}.iot-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.iot-asset-card{position:relative;display:flex;min-width:0;min-height:196px;flex-direction:column;gap:10px;overflow:hidden;padding:14px 14px 12px;border:1px solid var(--line);border-radius:16px;background:#102635;color:var(--text);text-align:left;transition:transform .18s,border-color .18s,box-shadow .18s}.iot-asset-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#607983}.iot-asset-card:hover{transform:translateY(-2px);border-color:rgba(166,202,215,.28);box-shadow:0 14px 30px rgba(0,0,0,.2)}.iot-asset-card.state-running:before{background:var(--mint)}.iot-asset-card.state-idle:before{background:var(--amber)}.iot-asset-card.state-fault:before,.iot-asset-card.state-stopped:before,.iot-asset-card.has-critical:before{background:var(--red)}.iot-asset-card.state-offline{opacity:.92}.iot-asset-card.state-maintenance:before{background:var(--blue)}.iot-asset-card.has-critical{border-color:rgba(255,141,118,.35);box-shadow:inset 0 0 28px rgba(255,141,118,.035)}.iot-card-signal{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:4px 9px;border-radius:999px;background:rgba(15,23,42,.08);color:var(--muted);font-size:.78rem;font-weight:400;line-height:1.2}.iot-card-signal i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent)}.state-running .iot-card-signal{color:var(--mint);background:rgba(5,150,105,.1)}.state-idle .iot-card-signal{color:var(--amber);background:rgba(217,119,6,.1)}.state-fault .iot-card-signal,.state-stopped .iot-card-signal,.has-critical .iot-card-signal{color:var(--red);background:rgba(220,38,38,.1)}.state-maintenance .iot-card-signal{color:var(--blue);background:rgba(37,99,235,.1)}.iot-card-title{margin:0;min-width:0}.iot-card-title .code{display:inline-block;color:#64748b;font-size:.78rem;font-weight:400;letter-spacing:.03em}.iot-card-title h3{overflow:hidden;margin:6px 0 4px;font-size:1.05rem;font-weight:400;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.iot-card-title p{overflow:hidden;margin:0;color:var(--dim);font-size:.78rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.iot-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:52px;margin-top:auto}.iot-card-metrics>span,.iot-no-metric{min-width:0;padding:8px 10px;border-radius:10px;background:rgba(5,16,25,.42)}.iot-card-metrics small,.iot-card-metrics strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iot-card-metrics small{color:var(--dim);font-size:.72rem;font-weight:400;text-transform:none;letter-spacing:0}.iot-card-metrics strong{margin-top:4px;font-family:var(--mono);font-size:1rem;font-weight:400;letter-spacing:-.02em;line-height:1.2}.iot-card-alarm{display:flex;align-items:center;gap:8px;margin-top:2px;padding:8px 10px;border:1px solid rgba(255,141,118,.18);border-radius:10px;background:rgba(255,141,118,.08);color:var(--red);font-size:.78rem;font-weight:400;line-height:1.3}.iot-card-alarm b{display:grid;width:18px;height:18px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-size:.72rem}.iot-card-alarm span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iot-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;padding-top:10px;border-top:1px solid rgba(166,202,215,.1);font-size:.72rem;line-height:1.3}.iot-card-foot span{color:var(--muted);font-weight:400}.iot-card-foot .connection-live{color:var(--mint)}.iot-card-foot .connection-stale{color:var(--red)}.iot-card-foot .connection-no_data{color:var(--amber)}.iot-card-foot time{overflow:hidden;color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.iot-empty{grid-column:1/-1;padding:64px 28px;text-align:center;border:1px dashed var(--line-strong);border-radius:14px}.iot-empty>span{display:block;color:var(--mint);font-size:34px}.iot-empty strong{display:block;margin-top:12px;font-size:1.05rem}.iot-empty p{max-width:620px;margin:8px auto 0;color:var(--muted);font-size:.9rem;line-height:1.6}.iot-fleet>footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}.iot-fleet>footer>div{display:flex;align-items:center;gap:8px}.iot-fleet>footer small{margin-right:4px;color:var(--dim)}.iot-fleet>footer button{height:34px;padding:0 12px;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--text);font-size:.78rem;font-weight:600}.iot-fleet>footer button:disabled{opacity:.35}
.iot-drawer-backdrop{position:fixed;z-index:60;inset:0;background:rgba(2,9,15,.6);backdrop-filter:blur(3px)}.iot-drawer{position:absolute;top:0;right:0;width:min(720px,100vw);height:100%;display:flex;flex-direction:column;border-left:1px solid rgba(166,202,215,.2);background:#0b1d2a;box-shadow:-30px 0 80px rgba(0,0,0,.4);animation:iotDrawerIn .24s ease-out}.iot-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;padding:26px 28px 20px;border-bottom:1px solid var(--line)}.iot-drawer>header h2{margin:7px 0 5px;font-size:20px}.iot-drawer>header p{margin:0;color:var(--muted);font-size:9px}.iot-drawer>header>button{width:34px;height:34px;border:1px solid var(--line-strong);border-radius:50%;background:transparent;color:var(--text);font-size:20px}.iot-drawer>nav{display:flex;padding:0 28px;border-bottom:1px solid var(--line)}.iot-drawer>nav button{position:relative;padding:14px 15px;border:0;background:transparent;color:var(--muted);font-size:9px}.iot-drawer>nav button.active{color:var(--text)}.iot-drawer>nav button.active:after{content:"";position:absolute;right:14px;bottom:-1px;left:14px;height:2px;background:var(--mint)}.iot-drawer-body{flex:1;min-height:0;overflow:auto;padding:24px 28px}.iot-drawer>footer{display:flex;align-items:center;gap:12px;padding:15px 28px;border-top:1px solid var(--line);font-size:8px}.iot-drawer>footer a{color:var(--blue)}.iot-drawer>footer span{margin-left:auto;color:var(--dim)}.iot-drawer-loading{display:grid;height:100%;place-content:center;gap:14px;text-align:center}.iot-drawer-loading span{width:32px;height:32px;margin:auto;border:2px solid var(--line-strong);border-top-color:var(--mint);border-radius:50%;animation:iotSpin .8s linear infinite}.iot-realtime-hero{display:flex;align-items:center;justify-content:space-between;padding:22px;border:1px solid rgba(4, 120, 87, .18);border-radius:14px;background:rgba(4, 120, 87, .045)}.iot-realtime-hero span,.iot-realtime-hero small{display:block;color:var(--muted);font-size:8px}.iot-realtime-hero strong{display:block;margin:7px 0 6px;font-size:25px;color:var(--mint)}.iot-realtime-hero time{color:var(--dim);font-family:var(--mono);font-size:8px;text-align:right;line-height:1.7}.iot-realtime-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.iot-realtime-grid>div:not(.iot-detail-empty){padding:15px;border:1px solid var(--line);border-radius:10px;background:rgba(15,36,50,.65)}.iot-realtime-grid span{display:block;color:var(--muted);font-size:8px}.iot-realtime-grid strong{display:block;margin-top:8px;font-family:var(--mono);font-size:16px}.iot-detail-empty{grid-column:1/-1;padding:60px 20px;text-align:center;border:1px dashed var(--line-strong);border-radius:12px}.iot-detail-empty strong,.iot-detail-empty span{display:block}.iot-detail-empty span{margin-top:7px;color:var(--muted);font-size:9px}.iot-detail-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.iot-detail-toolbar label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:9px}.iot-detail-toolbar>span{color:var(--dim);font-size:8px}.iot-trend-chart{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(5,16,25,.35)}.iot-trend-chart svg{width:100%;height:280px;overflow:visible}.iot-chart-grid{fill:none;stroke:rgba(166,202,215,.09);stroke-width:.4}.iot-chart-line{fill:none;stroke:var(--mint);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;vector-effect:non-scaling-stroke}.iot-trend-chart>div{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.iot-trend-chart>div strong{color:var(--text)}.iot-alarm-list{display:flex;flex-direction:column;gap:8px}.iot-alarm-list article{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:10px}.iot-alarm-list article>span{padding:5px 6px;border-radius:6px;background:rgba(244,191,101,.08);color:var(--amber);font-size:8px;text-align:center}.iot-alarm-list .severity-critical{border-color:rgba(255,141,118,.22)}.iot-alarm-list .severity-critical>span{background:rgba(255,141,118,.08);color:var(--red)}.iot-alarm-list strong{font-size:10px}.iot-alarm-list p{margin:4px 0 0;color:var(--muted);font-size:8px}.iot-alarm-list time{color:var(--dim);font-size:8px}.iot-maintenance-groups{display:flex;flex-direction:column;gap:12px}.iot-maintenance-groups section{padding:15px;border:1px solid var(--line);border-radius:11px}.iot-maintenance-groups section>div{display:flex;justify-content:space-between;margin-bottom:10px}.iot-maintenance-groups section>div strong{font-size:11px}.iot-maintenance-groups a{color:var(--blue);font-size:8px}.iot-maintenance-groups p{display:grid;grid-template-columns:minmax(0,1fr) 90px 130px;gap:10px;margin:0;padding:9px 0;border-top:1px solid var(--line);font-size:8px}.iot-maintenance-groups p b{color:var(--muted);font-weight:500}.iot-maintenance-groups time{color:var(--dim);text-align:right}.iot-maintenance-groups p.is-empty{display:block;color:var(--dim)}
@keyframes iotPulse{50%{opacity:.35}}@keyframes iotSpin{to{transform:rotate(360deg)}}@keyframes iotDrawerIn{from{transform:translateX(28px);opacity:.5}}
@media(max-width:1500px){.iot-metrics{grid-template-columns:repeat(4,1fr)}.iot-metrics-ops,.iot-metrics-analytics{grid-template-columns:repeat(4,1fr)}.iot-card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}
@media(max-width:1150px){.iot-card-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.iot-control-bar{flex-wrap:wrap}.iot-readonly{margin-left:0}.iot-metrics,.iot-metrics-ops,.iot-metrics-analytics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.iot-metrics,.iot-metrics-ops,.iot-metrics-analytics{grid-template-columns:repeat(2,1fr)}.iot-ops-summary{grid-template-columns:1fr}.iot-card-grid{grid-template-columns:1fr 1fr}.iot-fleet{padding:16px}.iot-fleet-head{align-items:flex-start;flex-direction:column}.iot-control-bar{align-items:flex-start;flex-direction:column}.iot-control-bar label{width:100%;align-items:flex-start;flex-direction:column}.iot-control-bar select{width:100%}.iot-fleet>footer{align-items:flex-start;flex-direction:column;gap:10px}.iot-asset-card{min-height:0}.iot-drawer>nav{padding:0 12px;overflow:auto}.iot-drawer>nav button{white-space:nowrap}.iot-drawer-body,.iot-drawer>header,.iot-drawer>footer{padding-left:18px;padding-right:18px}.iot-drawer>footer{align-items:flex-start;flex-wrap:wrap}.iot-drawer>footer span{width:100%;margin-left:0}.iot-realtime-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.iot-card-grid{grid-template-columns:1fr}.iot-metrics,.iot-metrics-ops{grid-template-columns:1fr 1fr}.iot-metric{padding:12px}.iot-metric strong{font-size:16px}.iot-realtime-grid{grid-template-columns:1fr}.iot-detail-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.iot-detail-toolbar label{width:100%;align-items:flex-start;flex-direction:column}.iot-detail-toolbar select{width:100%}.iot-alarm-list article{grid-template-columns:48px 1fr}.iot-alarm-list time{grid-column:2}.iot-maintenance-groups p{grid-template-columns:1fr auto}.iot-maintenance-groups time{grid-column:1/-1;text-align:left}}

/* THREE-COLOR STATUS LAMP FALLBACK: map legacy blue/gray to amber/red */
.status.blue:before,.status[data-tone="blue"]:before{background:var(--amber)!important}
.status.gray:before,.status[data-tone="gray"]:before{background:var(--red)!important}
.channel-state.connected{color:var(--mint)!important}

/* status-light tone fix: explicit core colors */
.status.green .status-light,.status[data-tone="green"] .status-light{background:var(--mint)!important}
.status.amber .status-light,.status[data-tone="amber"] .status-light,.status.blue .status-light{background:var(--amber)!important}
.status.red .status-light,.status[data-tone="red"] .status-light,.status.gray .status-light{background:var(--red)!important}

/* TABLE FIELD TYPE UNIFY: match table fields and footer body size */
.table-wrap table,.table-wrap th,.table-wrap td{font-size:.9rem!important;line-height:1.5!important}
.table-wrap th{font-size:.9rem!important;letter-spacing:.01em!important}
.table-panel .table-toolbar .muted,.table-panel .table-toolbar span,.table-foot-meta{font-size:.9rem!important}
.table-wrap .code{font-size:.9rem!important}

/* TABLE CLIP FIX */
.table-panel{overflow:visible!important}
.table-wrap{overflow-x:auto!important;overflow-y:visible!important;max-width:100%}
.table-wrap table{min-width:0!important;width:100%}
.table-wrap td,.table-wrap th{white-space:normal!important}
.table-wrap td:last-child,.table-wrap th:last-child{white-space:nowrap!important}
.table-wrap .code{max-width:18rem;word-break:break-all;white-space:normal!important}

/* IOT DASHBOARD SIMPLIFY */
.iot-metric-block{display:none!important}
.iot-metrics-focus{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.iot-summary-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.iot-summary-chip{display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--line);font-size:.9rem}
.iot-summary-chip b{font-weight:700}
.iot-summary-chip em{font-style:normal;color:var(--muted)}
.iot-inline-note{margin-top:6px;padding:8px 10px;border-radius:8px;background:rgba(15,23,42,.03);font-size:.9rem}
.iot-control-field,.iot-control-status,.iot-connection,.iot-updated,.iot-readonly{font-size:.9rem!important}
.iot-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}

/* english-green */.eyebrow,.live-pulse,.demo-badge,.code,.document-hero-mark,.channel-id,.nav-count,.user-simple-go{color:#047857!important}