*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f3f7f8;background:#050709}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.login-page{min-height:100vh;display:grid;place-items:center;overflow:hidden;background:#050709}.login-bg-logo{position:fixed;inset:-3%;background:url('/assets/img/newlife-logo.png') center/min(78vw,980px) no-repeat;filter:blur(2px);opacity:.68;transform:scale(1.08)}.login-overlay{position:fixed;inset:0;background:rgba(3,8,11,.64);backdrop-filter:blur(3px)}.login-card{position:relative;width:min(390px,calc(100vw - 34px));background:rgba(8,15,19,.94);border:1px solid #203038;border-radius:6px;padding:34px 32px 28px;box-shadow:0 22px 70px rgba(0,0,0,.55)}.login-card-mark{width:92px;height:72px;margin:-58px auto 14px;background:#071014;border:1px solid #22353d;display:grid;place-items:center;border-radius:5px}.login-card-mark img{width:86px;height:66px;object-fit:contain}.login-card h1{margin:0;text-align:center;font-size:22px;letter-spacing:-.02em}.login-card>p{text-align:center;color:#73838a;margin:6px 0 26px;font-size:13px}.login-card label,.action-grid label,.inline-form label{display:block;margin-bottom:15px}.login-card label span,.action-grid label span,.inline-form label span{display:block;font-size:10px;font-weight:800;color:#87969c;letter-spacing:.09em;margin-bottom:7px}.login-card input,.action-grid input,.action-grid select,.inline-form input,.inline-form select,.toolbar input{width:100%;height:42px;border:1px solid #26363e;background:#0c151a;color:#f3f7f8;border-radius:4px;padding:0 12px;outline:none}.login-card input:focus,.action-grid input:focus,.action-grid select:focus,.inline-form input:focus,.inline-form select:focus,.toolbar input:focus{border-color:#00d9f5;box-shadow:0 0 0 2px rgba(0,217,245,.08)}.login-card button{width:100%;height:43px;border:0;background:#00d9f5;color:#031014;font-weight:900;letter-spacing:.04em;border-radius:4px;cursor:pointer}.login-card footer{text-align:center;color:#526168;font-size:9px;font-weight:800;letter-spacing:.16em;margin-top:19px}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh;background:#050709}.sidebar{position:sticky;top:0;height:100vh;background:#080c0f;border-right:1px solid #172127;padding:20px 14px 14px;display:flex;flex-direction:column}.brand{height:66px;display:flex;align-items:center;gap:12px;padding:0 8px 17px;border-bottom:1px solid #172127}.brand img{width:52px;height:52px;object-fit:contain}.brand strong{display:block;font-size:14px;letter-spacing:.07em}.brand span{display:block;color:#00d9f5;font-size:9px;font-weight:800;letter-spacing:.14em;margin-top:3px}.sidebar nav{overflow:auto;padding:12px 0}.nav-section{font-size:9px;color:#536168;font-weight:900;letter-spacing:.15em;padding:15px 10px 7px}.sidebar nav a{display:flex;align-items:center;gap:10px;height:39px;padding:0 10px;color:#9ba8ad;border-left:2px solid transparent;font-size:13px;margin:1px 0}.sidebar nav a span{flex:1}.sidebar nav a small{font-size:8px;color:#526168}.sidebar nav a:hover:not(.disabled),.sidebar nav a.active{background:#0c1519;color:#f8fbfc;border-left-color:#00d9f5}.sidebar nav a.active{color:#00d9f5}.sidebar nav a.disabled{opacity:.45;cursor:not-allowed}.sidebar-user{margin-top:auto;padding:14px 8px 3px;border-top:1px solid #172127;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px}.avatar{height:34px;width:34px;display:grid;place-items:center;background:#0b2027;border:1px solid #17404b;color:#00d9f5;font-weight:900}.sidebar-user strong{font-size:11px;display:block}.sidebar-user span{font-size:9px;color:#75858b}.sidebar-user>a{color:#6f8086}.content{min-width:0;padding:26px 30px 50px}.topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #162027;margin-bottom:22px}.topbar h1{margin:0;font-size:22px}.topbar p{margin:5px 0 0;color:#65757b;font-size:12px}.server-state{font-size:10px;font-weight:900;letter-spacing:.11em;color:#9eb1b7;border:1px solid #26333a;padding:9px 11px}.server-state i{display:inline-block;width:7px;height:7px;background:#00d9f5;margin-right:7px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.stat-card,.panel{background:#0a0f12;border:1px solid #18242a;border-radius:4px}.stat-card{min-height:125px;padding:20px}.stat-card span{font-size:9px;color:#728086;font-weight:900;letter-spacing:.12em}.stat-card strong{display:block;font-size:29px;margin:12px 0 5px}.stat-card small{color:#56666d;font-size:10px}.stat-card.accent{border-top:2px solid #00d9f5}.grid-2{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}.panel{margin-bottom:12px;overflow:hidden}.panel>header{min-height:59px;padding:14px 17px;border-bottom:1px solid #172229;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel>header h2{font-size:13px;margin:0}.panel>header p{font-size:10px;color:#67777d;margin:4px 0 0}.panel>header a{font-size:9px;color:#00d9f5;font-weight:900;letter-spacing:.08em}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:#627077;font-size:8px;letter-spacing:.12em;padding:11px 14px;border-bottom:1px solid #172229}td{padding:12px 14px;border-bottom:1px solid #111a1f;color:#b8c3c7}tbody tr:hover{background:#0c1418}td a{color:#e8f7fa}td a:hover{color:#00d9f5}td small{display:block;color:#66757b;margin-top:2px}code{font-family:"SFMono-Regular",Consolas,monospace;color:#93eefa;font-size:10px}.empty{color:#56656b;text-align:center;padding:28px!important}.activity-list>div{display:grid;grid-template-columns:9px 1fr auto;gap:10px;align-items:start;padding:12px 15px;border-bottom:1px solid #111a1f}.activity-dot{width:6px;height:6px;background:#00d9f5;margin-top:5px}.activity-list p{margin:0;font-size:10px;color:#95a3a8}.activity-list p strong{color:#e8eef0}.activity-list p small{display:block;color:#526168;margin-top:3px}.activity-list time{font-size:8px;color:#526168}.toolbar{padding:12px 14px;border-bottom:1px solid #172229}.toolbar input{max-width:390px}.count-badge,.status-pill{font-size:9px;font-weight:900;letter-spacing:.1em;border:1px solid #20434c;color:#00d9f5;padding:8px 10px}.player-head{display:flex;align-items:end;justify-content:space-between;margin:3px 0 17px}.player-head h2{font-size:25px;margin:4px 0}.player-head p{color:#728087;margin:0;font-size:10px}.eyebrow{font-size:8px;color:#00d9f5;font-weight:900;letter-spacing:.15em}.status-pill.online{color:#62e5a6;border-color:#184631}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-card dl{margin:0}.detail-card dl div{display:flex;justify-content:space-between;gap:20px;padding:11px 16px;border-bottom:1px solid #111a1f}.detail-card dt{font-size:9px;color:#637178}.detail-card dd{font-size:10px;color:#d4dcdf;margin:0;text-align:right}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px}.action-grid form{padding:15px;background:#080d10;border:1px solid #16242a}.action-grid h3{font-size:11px;margin:0 0 15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:35px;padding:0 13px;border:1px solid #0d9fb3;background:#06242b;color:#55eaff;font-size:9px;font-weight:900;letter-spacing:.07em;cursor:pointer;border-radius:3px}.btn.small{min-height:28px}.btn.danger{border-color:#7c2732;background:#251014;color:#ff8995}.btn.warning{border-color:#7f6219;background:#261f0c;color:#ffd369}.alert{margin:0 0 12px;padding:11px 13px;border:1px solid;font-size:11px}.alert.danger{background:#240d12;border-color:#6b2731;color:#ff9ba5}.alert.success{background:#092119;border-color:#1c6749;color:#75e2ae}.inline-form{display:grid;grid-template-columns:1fr 1.3fr 1fr 1fr auto;gap:10px;align-items:end;padding:15px}.inline-form label{margin:0}.status-text{font-size:8px;font-weight:900}.status-text.completed{color:#61dda4}.status-text.failed{color:#ff7c88}.status-text.pending,.status-text.processing{color:#ffd261}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.profile-grid{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr 1fr}.inline-form .btn{grid-column:span 2}.action-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{display:none}.content{padding:18px}.stat-grid{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start}.server-state{display:none}}
.profile-tabs{display:flex;gap:2px;border-bottom:1px solid #18242a;margin:-4px 0 16px;overflow:auto}.profile-tabs a{padding:11px 14px;color:#718188;font-size:9px;font-weight:900;letter-spacing:.09em;border-bottom:2px solid transparent;white-space:nowrap}.profile-tabs a:hover{color:#c7d4d8}.profile-tabs a.active{color:#00d9f5;border-bottom-color:#00d9f5;background:#081115}.monitor-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:15px;gap:8px}.monitor-grid>div{background:#080d10;border:1px solid #142027;padding:14px}.monitor-grid span{font-size:8px;color:#607077;font-weight:900;letter-spacing:.12em}.monitor-grid strong{display:block;font-size:17px;margin-top:7px}.panel-form{padding:15px}.panel-form>label{display:block;margin-bottom:12px}.panel-form label span{display:block;font-size:9px;color:#718087;font-weight:900;letter-spacing:.08em;margin-bottom:6px}.panel-form input,.panel-form select{width:100%;height:39px;background:#0b1418;border:1px solid #24343c;color:#eef5f7;border-radius:3px;padding:0 10px}.compact-form{display:flex;align-items:end;gap:9px}.compact-form>label{min-width:130px;margin:0}.compact-form>label.grow{flex:1}.compact-form>.btn{height:39px}.economy-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}.identifier-list{padding:4px 15px 15px}.identifier-list>div{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid #111a1f}.identifier-list span{font-size:8px;color:#718087;font-weight:900;letter-spacing:.12em}.identifier-list code{word-break:break-all}.danger-panel{border-color:#472028}@media(max-width:1100px){.monitor-grid{grid-template-columns:repeat(3,1fr)}.compact-form{display:grid;grid-template-columns:1fr 1fr}.compact-form>label.grow{grid-column:span 2}.compact-form>.btn{grid-column:span 2}}@media(max-width:760px){.monitor-grid{grid-template-columns:repeat(2,1fr)}.compact-form{grid-template-columns:1fr}.compact-form>label.grow,.compact-form>.btn{grid-column:auto}}

.quick-actions{display:flex;flex-wrap:wrap;gap:8px;padding:15px;align-items:center}.quick-actions form{margin:0}.btn.subtle{border-color:#27373e;background:#0b1216;color:#9fb0b6}.linked-badge{font-size:9px;font-weight:900;color:#5fe2a7;border:1px solid #1d5a40;padding:9px 11px;letter-spacing:.06em}.row-action{margin:0}.record-list{padding:0 15px 15px}.record-list>div{padding:13px 0;border-bottom:1px solid #111a1f}.record-list strong{font-size:10px}.record-list span{float:right;font-size:8px;color:#64747a}.record-list p{margin:6px 0 0;font-size:10px;color:#a6b3b8;line-height:1.5}.record-list form{margin-top:8px}.panel-form small{display:block;color:#5d6d73;font-size:8px;margin-top:4px}

.live-map-wrap{padding:15px}.live-map{position:relative;height:min(72vh,760px);min-height:520px;background-color:#070c0f;background-image:linear-gradient(#132028 1px,transparent 1px),linear-gradient(90deg,#132028 1px,transparent 1px);background-size:5% 5%;border:1px solid #1d2b32;overflow:hidden}.map-axis{position:absolute;background:#28414b;opacity:.55;pointer-events:none}.x-axis{height:1px;left:0;right:0;top:62.96%}.y-axis{width:1px;top:0;bottom:0;left:47.37%}.map-player{position:absolute;transform:translate(-6px,-6px);z-index:2}.map-player>i{display:block;width:12px;height:12px;background:#00d9f5;border:2px solid #031014;box-shadow:0 0 0 1px #00d9f5,0 0 14px rgba(0,217,245,.42)}.map-player>span{display:none;position:absolute;left:17px;top:-9px;min-width:150px;background:#091116;border:1px solid #24404a;padding:7px 8px;font-size:9px;font-weight:800;z-index:3}.map-player>span small{display:block;color:#718188;margin-top:3px;font-weight:500}.map-player:hover>span{display:block}.map-legend{display:flex;justify-content:space-between;gap:20px;padding:11px 2px 0;color:#7d8d93;font-size:9px}.map-legend>span i{display:inline-block;width:7px;height:7px;background:#00d9f5;margin-right:6px}.map-empty{position:absolute;inset:0;display:grid;place-items:center;color:#536269;font-size:11px}.resource-state{font-size:8px;font-weight:900;letter-spacing:.09em}.resource-state.started{color:#65e4aa}.resource-state.stopped{color:#ff7d88}.resource-state.starting,.resource-state.stopping{color:#ffd36c}.resource-actions,.power-actions{display:flex;flex-wrap:wrap;gap:6px}.resource-actions form,.power-actions form{margin:0}.power-actions{padding:18px}.setup-callout{padding:20px;color:#7d8d93}.setup-callout strong{display:block;color:#00d9f5;font-size:9px;letter-spacing:.1em;margin-bottom:6px}.setup-callout p{margin:0;font-size:10px;line-height:1.6}.console-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:15px}.console-form input{height:40px;background:#05090b;border:1px solid #203038;color:#9bf2ff;font-family:Consolas,monospace;padding:0 11px;outline:none}

.monitor-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px}.monitor-roster{min-height:650px}.monitor-roster-list{padding:7px}.monitor-roster-list>a{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;padding:11px 10px;border:1px solid transparent;color:#aab8bd}.monitor-roster-list>a:hover,.monitor-roster-list>a.active{background:#091318;border-color:#18333e}.monitor-roster-list strong{display:block;font-size:10px}.monitor-roster-list small{display:block;color:#61747c;font-size:8px;margin-top:3px}.monitor-roster-list em{font-style:normal;color:#668087;font-size:8px}.online-dot{width:7px;height:7px;background:#37e39b;box-shadow:0 0 8px rgba(55,227,155,.45)}.monitor-actions{display:flex;gap:6px;flex-wrap:wrap}.monitor-screen-shell{padding:15px}.monitor-screen{position:relative;aspect-ratio:16/9;background:#020405;border:1px solid #1e353f;overflow:hidden}.monitor-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,217,245,.025) 50%,transparent 50%);background-size:100% 4px;pointer-events:none}.monitor-screen img{width:100%;height:100%;object-fit:contain;background:#000}.monitor-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#597078;padding:20px}.monitor-placeholder span{font-size:9px;font-weight:900;letter-spacing:.15em;color:#00d9f5}.monitor-placeholder strong{font-size:19px;color:#dbe7ea;margin-top:8px}.monitor-placeholder small{max-width:420px;font-size:9px;line-height:1.6;margin-top:7px}.monitor-hud{position:absolute;left:10px;right:10px;top:10px;display:flex;justify-content:space-between;z-index:3;font-size:8px;font-weight:900;letter-spacing:.08em;text-shadow:0 1px 2px #000}.monitor-hud i{display:inline-block;width:6px;height:6px;background:#ff485c;margin-right:5px;box-shadow:0 0 8px rgba(255,72,92,.7)}.monitor-telemetry{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#18242a;border-top:1px solid #18242a;border-bottom:1px solid #18242a}.monitor-telemetry>div{background:#071013;padding:12px}.monitor-telemetry span{display:block;color:#62767e;font-size:7px;font-weight:900;letter-spacing:.11em}.monitor-telemetry strong{display:block;color:#d6e4e7;font-size:11px;margin-top:5px}.monitor-notice{padding:11px 15px;color:#65767c;font-size:8px;line-height:1.5}.monitor-no-player{min-height:520px;display:grid;place-content:center;text-align:center}.monitor-no-player strong{color:#00d9f5;letter-spacing:.1em}.ops-map-shell{position:relative;margin:15px;height:min(72vh,740px);min-height:540px;background:#020609;border:1px solid #1b3039;overflow:hidden;cursor:grab}.ops-map-shell.dragging{cursor:grabbing}.ops-map-stage{position:absolute;inset:0;transform-origin:0 0;will-change:transform}.ops-map-land{position:absolute;inset:0;background:radial-gradient(circle at 43% 72%,rgba(0,217,245,.045),transparent 24%),#03090c}.ops-map-land svg{width:100%;height:100%}.landmass{fill:#07171d;stroke:#1c4b5c;stroke-width:4}.coastline{fill:none;stroke:#0f303b;stroke-width:2}.road{fill:none;stroke:#18333d;stroke-width:3}.road.major{stroke:#235567;stroke-width:5}.city-ring{fill:none;stroke:#16343e;stroke-width:2}.map-label{position:absolute;color:#2d5e6e;font-size:10px;font-weight:900;letter-spacing:.18em}.map-label.city{left:35%;top:72%}.map-label.north{left:57%;top:23%}.map-label.west{left:13%;top:51%;transform:rotate(-74deg)}.map-label.east{right:7%;top:54%;transform:rotate(73deg)}.north-indicator{position:absolute;right:20px;top:18px;color:#4b8193;text-align:center;font-size:10px;font-weight:900}.north-indicator i{font-style:normal;color:#00d9f5}.ops-player-marker{position:absolute;transform:translate(-50%,-50%);z-index:8}.ops-player-marker>i{display:block;width:11px;height:11px;background:#00e6ff;border:2px solid #001017;transform:rotate(45deg);box-shadow:0 0 0 1px #00e6ff,0 0 15px rgba(0,230,255,.55)}.ops-player-marker>span{display:none;position:absolute;left:16px;top:-12px;min-width:190px;background:#061116;border:1px solid #1d4655;padding:9px;box-shadow:0 8px 25px rgba(0,0,0,.45)}.ops-player-marker:hover>span{display:block}.ops-player-marker b{display:block;color:#e4f0f3;font-size:10px}.ops-player-marker small{display:block;color:#71858d;font-size:8px;margin-top:3px}.map-controls{position:absolute;right:12px;bottom:12px;z-index:12;display:grid;gap:4px}.map-controls button{width:34px;height:34px;background:#071317;border:1px solid #1c4654;color:#00d9f5;font-size:20px;cursor:pointer}.map-head-actions{display:flex;gap:7px;align-items:center}.ops-map-footer{display:flex;justify-content:space-between;gap:10px;padding:0 15px 14px;color:#60747b;font-size:8px}.ops-map-footer i{display:inline-block;width:7px;height:7px;background:#00d9f5;margin-right:5px}@media(max-width:1000px){.monitor-layout{grid-template-columns:1fr}.monitor-roster{min-height:auto}.monitor-roster-list{display:grid;grid-template-columns:repeat(2,1fr)}.monitor-telemetry{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.monitor-roster-list{grid-template-columns:1fr}.monitor-telemetry{grid-template-columns:repeat(2,1fr)}.ops-map-footer{flex-direction:column}.ops-map-shell{min-height:430px}}

.monitor-diagnostic{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 15px;border-top:1px solid #142229;border-bottom:1px solid #142229;background:#050b0e}.monitor-diagnostic span{font-size:7px;font-weight:900;letter-spacing:.12em;color:#5d737b}.monitor-diagnostic strong{font-size:8px;color:#8bdce8;font-weight:700;text-align:right;max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* v0.6 Live Monitoring */
.monitor-layout-v060{grid-template-columns:250px minmax(0,1fr);align-items:start}
.monitor-console-head{gap:16px}
.monitor-screen-v060{background:#010405;min-height:420px}
.monitor-screen-v060 img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .18s ease;background:#000}
.monitor-screen-v060 img.monitor-frame-visible{opacity:1}
.monitor-screen-v060[data-state="live"] .monitor-live-pill i{background:#ff3f59;box-shadow:0 0 10px rgba(255,63,89,.75)}
.monitor-screen-v060[data-state="offline"] .monitor-live-pill i,
.monitor-screen-v060[data-state="error"] .monitor-live-pill i{background:#ff3f59}
.monitor-hud-left{left:10px;right:auto;top:10px}
.monitor-hud-right{left:auto;right:10px;top:10px}
.monitor-live-pill{display:inline-flex;align-items:center;gap:5px;background:rgba(2,8,11,.82);border:1px solid rgba(47,93,109,.55);padding:5px 7px}
.monitor-live-pill i{margin:0}
.monitor-frame-loading{position:absolute;right:10px;bottom:10px;z-index:4;background:rgba(2,8,11,.82);border:1px solid #1a3945;padding:5px 7px;color:#6fb8c6;font-size:7px;font-weight:900;letter-spacing:.12em}
.monitor-status-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;border-top:1px solid #142229;border-bottom:1px solid #142229;background:#050b0e}
.monitor-status-row .monitor-diagnostic{border:0}
.monitor-quality{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-left:1px solid #142229}
.monitor-quality span{font-size:7px;font-weight:900;letter-spacing:.12em;color:#5d737b}
.monitor-quality select{background:#071317;border:1px solid #1c4654;color:#8bdce8;padding:5px 7px;font-size:8px;font-weight:800}
.monitor-screen-v060:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;background:#000;border:0}
.monitor-screen-v060:fullscreen img{object-fit:contain}
.monitor-screen-v060:fullscreen .monitor-placeholder strong{font-size:28px}
@media(max-width:1000px){
  .monitor-layout-v060{grid-template-columns:1fr}
  .monitor-status-row{grid-template-columns:1fr}
  .monitor-quality{border-left:0;border-top:1px solid #142229}
}

/* v0.7 Player Control Center */
.split-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px}
.player-summary-badges{display:flex;gap:8px}.player-summary-badges span{border:1px solid #183641;background:#071115;padding:9px 11px;font-size:8px;color:#6f858d;font-weight:900;letter-spacing:.1em}.player-summary-badges b{color:#00def7;font-size:14px;margin-right:5px}
.control-search-panel{padding:12px;margin-bottom:12px}.control-search-grid{display:grid;grid-template-columns:minmax(240px,1fr) 130px 180px auto auto;gap:8px;align-items:end}.control-search-grid label{display:grid;gap:5px}.control-search-grid label>span{font-size:7px;font-weight:900;letter-spacing:.12em;color:#627982}.control-search-grid input,.control-search-grid select{min-height:34px;background:#071115;border:1px solid #1b3540;color:#d7e5e9;padding:7px 9px}
.player-ops-table td{vertical-align:middle}.player-ops-table td strong,.player-ops-table td span{display:block}.player-ops-table td small{display:block;color:#63777f;margin-top:3px;font-size:8px}.ops-status{display:inline-flex!important;align-items:center;gap:6px;font-size:7px;font-weight:900;letter-spacing:.09em}.ops-status i{width:7px;height:7px;display:block}.ops-status.online{color:#63e7ae}.ops-status.online i{background:#43e79d;box-shadow:0 0 8px rgba(67,231,157,.45)}.ops-status.offline{color:#728086}.ops-status.offline i{background:#4b5559}.row-actions{white-space:nowrap}.row-actions .btn{margin-left:4px}
.player-command-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.player-head-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.status-pill.offline{border-color:#2b3438;color:#829097;background:#0a0e10}.player-command-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid #182a31;background:#071013;margin:12px 0}.player-command-strip>div{padding:11px;border-right:1px solid #182a31}.player-command-strip>div:last-child{border-right:0}.player-command-strip span{display:block;color:#617880;font-size:7px;font-weight:900;letter-spacing:.12em}.player-command-strip strong{display:block;color:#e3edf0;font-size:10px;margin-top:5px}.player-action-bar{align-items:center}.offline-action-note{font-size:9px;color:#75858b;border:1px solid #243037;padding:8px 10px}.inline-reason-action{display:flex;gap:5px}.inline-reason-action input{width:180px;background:#071115;border:1px solid #26383f;color:#dbe5e8;padding:7px 8px}.command-state{font-size:7px;font-weight:900;letter-spacing:.08em}.command-state.completed{color:#53e29d}.command-state.failed{color:#ff6677}.command-state.processing{color:#62dcff}.command-state.pending{color:#e5c86c}
/* v0.7 Monitoring performance */
.monitor-layout-v070{grid-template-columns:250px minmax(0,1fr);align-items:start}.monitor-screen-v070{background:#010405;min-height:430px}.monitor-screen-v070 img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .12s linear;background:#000}.monitor-screen-v070 img.monitor-frame-visible{opacity:1}.monitor-screen-v070[data-state="live"] .monitor-live-pill i{background:#ff3f59;box-shadow:0 0 10px rgba(255,63,89,.75)}.monitor-screen-v070:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border:0;background:#000}.monitor-screen-v070:fullscreen img{object-fit:contain}
@media(max-width:1050px){.control-search-grid{grid-template-columns:1fr 1fr}.control-search-grid .grow{grid-column:1/-1}.player-command-strip{grid-template-columns:repeat(3,1fr)}.monitor-layout-v070{grid-template-columns:1fr}}@media(max-width:650px){.split-head,.player-command-head{align-items:flex-start;flex-direction:column}.player-command-strip{grid-template-columns:repeat(2,1fr)}.control-search-grid{grid-template-columns:1fr}.control-search-grid .grow{grid-column:auto}}

/* v0.7.1 monitoring state hotfix */
.monitor-placeholder[hidden], .monitor-frame-loading[hidden], #monitorImage[hidden]{display:none!important}
.monitor-screen-v070 img{will-change:opacity}

/* v1.0 Moderation Center */
.moderation-stats,.intel-stats{margin-bottom:12px}.report-filter{display:flex;gap:7px;align-items:center;padding:11px;border-bottom:1px solid #17282f}.report-filter input,.report-filter select{min-height:32px;background:#071115;border:1px solid #1b3540;color:#d8e5e9;padding:6px 8px}.report-filter input{min-width:240px;flex:1}
.priority-pill,.severity-badge,.case-status{display:inline-block;padding:4px 6px;border:1px solid #263941;font-size:7px;font-weight:900;letter-spacing:.09em}.priority-pill.critical,.severity-critical{color:#ff5a71;border-color:#6a2330}.priority-pill.high,.severity-high{color:#ff9c62;border-color:#66351f}.priority-pill.normal,.severity-medium{color:#69ddf3;border-color:#215369}.priority-pill.low,.severity-low{color:#89aab2}.case-status.open,.case-status.investigating,.case-status.pending_action{color:#69ddf3}.case-status.resolved,.case-status.closed{color:#69df9d}
.case-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:14px}.case-badges{display:flex;gap:7px}.case-description{padding:15px;color:#c8d7db;line-height:1.7;font-size:10px}.case-timeline{padding:10px 15px}.case-note{display:grid;grid-template-columns:8px 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid #122329}.case-note>span{width:6px;height:6px;background:#00dff5;margin-top:4px}.case-note p{margin:4px 0 0;color:#99abb0;line-height:1.5}.case-note time{font-size:8px;color:#53676e}
.intel-list{padding:10px}.intel-event{display:flex;justify-content:space-between;gap:16px;border:1px solid #172b33;background:#071013;margin-bottom:7px;padding:11px}.intel-event-main{display:flex;gap:10px;min-width:0}.intel-event-main p{color:#637b82;font-size:8px;margin:4px 0}.intel-event-main code{display:block;color:#78929a;font-size:7px;white-space:normal;word-break:break-word}.intel-event-actions{display:flex;align-items:center;gap:7px}.intel-event-actions form{display:flex;gap:5px}.intel-event-actions input{background:#071115;border:1px solid #213741;color:#d7e2e5;padding:5px 7px;max-width:180px}
.permission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.permission-grid>div{padding:14px;border-right:1px solid #17282f}.permission-grid>div:last-child{border-right:0}.permission-grid strong{color:#00dff5}.permission-grid p{color:#71868d;font-size:9px;line-height:1.55}.security-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px}.security-checks span{border:1px solid #18343e;background:#071115;padding:9px;color:#8fd9c1;font-size:8px;font-weight:800}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.operations-overview{margin-top:12px}.operation-card>strong{display:block;font-size:28px;margin:12px 15px 3px;color:#f3fbfd}.operation-card>p,.operation-card>small{display:block;margin:0 15px 8px;color:#668087}.compact-activity{padding:0 10px}
@media(max-width:1050px){.permission-grid,.security-checks{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.intel-event{flex-direction:column}.intel-event-actions{align-items:flex-start}}@media(max-width:650px){.report-filter{flex-direction:column;align-items:stretch}.report-filter input{min-width:0}.case-head{flex-direction:column;align-items:flex-start}.permission-grid,.security-checks{grid-template-columns:1fr}}

/* v1.1 - v1.5 Platform */
.login-divider{display:flex;align-items:center;gap:10px;margin:12px 0;color:#536970;font-size:8px;font-weight:900}.login-divider:before,.login-divider:after{content:"";height:1px;background:#17303a;flex:1}.discord-login-btn{display:block;text-align:center;background:#5865f2;color:#fff;padding:12px;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.08em;border:1px solid #7180ff}
.evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.evidence-card{border:1px solid #19313a;background:#071115;padding:11px;display:flex;justify-content:space-between;gap:12px}.evidence-card span{font-size:7px;color:#00dff5;font-weight:900;letter-spacing:.1em}.evidence-card strong{display:block;margin:5px 0}.evidence-card p,.evidence-card small{color:#70858c;font-size:8px}.evidence-actions{display:flex;gap:5px;align-items:flex-start}.evidence-add-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #172a32}.evidence-add-grid>form:first-child{border-right:1px solid #172a32}
.queue-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.queue-list>a{display:flex;gap:9px;align-items:center;padding:10px 12px;border-bottom:1px solid #14272e;text-decoration:none}.queue-list>a:hover,.queue-list>a.active{background:#0a171c}.queue-list a strong{display:block;color:#dce8eb}.queue-list a small{display:block;color:#647980;font-size:8px;margin-top:3px}.priority-dot{width:7px;height:7px;background:#6b8992;flex:0 0 7px}.priority-dot.critical{background:#ff4f69}.priority-dot.high{background:#ff9b5d}.priority-dot.normal,.priority-dot.medium,.priority-dot.info{background:#00dff5}.priority-dot.low{background:#70b6c4}
.topbar-tools{display:flex;align-items:center;gap:8px}.topbar-search{display:flex;align-items:center;border:1px solid #17323d;background:#061015;padding:0 7px}.topbar-search input{width:210px;border:0;background:transparent;color:#dce8eb;padding:8px 4px;outline:0}.topbar-search kbd{font-size:8px;color:#607980;border:1px solid #27404a;padding:2px 5px}.notification-bell{position:relative;border:1px solid #17323d;background:#061015;color:#91a7ae;text-decoration:none;padding:8px 10px}.notification-bell.has-unread{color:#00def7}.notification-bell b{position:absolute;right:-6px;top:-7px;background:#ff4561;color:#fff;min-width:16px;height:16px;display:grid;place-items:center;font-size:7px;border-radius:10px}
.notification-list article{display:flex;justify-content:space-between;gap:15px;padding:13px;border-bottom:1px solid #15282f}.notification-list article.unread{background:#08171c;border-left:2px solid #00dff5}.notification-list article span{font-size:7px;color:#00dff5;font-weight:900}.notification-list article strong{display:block;margin:4px 0}.notification-list article p,.notification-list article small{color:#6f858c;font-size:8px}.notification-actions{display:flex;gap:5px;align-items:center}
.analytics-bars{display:flex;align-items:flex-end;gap:4px;height:230px;padding:25px 15px 24px;overflow-x:auto}.analytics-bar-item{height:100%;min-width:28px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.analytics-bar{width:15px;background:#00bfd8;min-height:4px;box-shadow:0 0 10px rgba(0,223,247,.12)}.analytics-bar-item span{font-size:6px;color:#5f747b;white-space:nowrap}
.deployment-grid{display:grid;grid-template-columns:300px 1fr;gap:12px}.resource-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px}.resource-check-grid label{display:flex;gap:8px;border:1px solid #18323b;background:#071115;padding:9px;align-items:center}.resource-check-grid strong{display:block}.resource-check-grid small{display:block;color:#637a81;font-size:7px;margin-top:2px}.deployment-run{display:flex;gap:8px;border-top:1px solid #182d35;padding:12px}.deployment-run input{flex:1;background:#071115;border:1px solid #213943;color:#d9e6e9;padding:8px}
.integration-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.integration-status-grid>div{padding:13px;border-right:1px solid #172a32}.integration-status-grid span{display:block;color:#657c83;font-size:7px;font-weight:900;letter-spacing:.1em}.integration-status-grid strong{display:block;color:#dce8eb;margin-top:4px}.settings-actions{display:flex;gap:6px;padding:12px;border-top:1px solid #172a32}
.global-search-panel form{display:flex;gap:8px;padding:12px}.global-search-panel input{flex:1;background:#071115;border:1px solid #1e3a44;color:#dbe8eb;padding:10px}.search-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dashboard-action-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.dashboard-action-card{display:flex;gap:12px;align-items:center;border:1px solid #17313a;background:#071115;padding:13px;text-decoration:none}.dashboard-action-card:hover{border-color:#00a8bd}.dashboard-action-card>span{font-size:20px;color:#00dff5}.dashboard-action-card strong{display:block;color:#e2edef}.dashboard-action-card small{display:block;color:#667d84;font-size:8px;margin-top:4px}
@media(max-width:1100px){.resource-check-grid{grid-template-columns:repeat(2,1fr)}.deployment-grid{grid-template-columns:1fr}.queue-grid,.dashboard-action-row{grid-template-columns:1fr}.topbar-search input{width:140px}}@media(max-width:760px){.evidence-grid,.evidence-add-grid,.search-result-grid{grid-template-columns:1fr}.resource-check-grid{grid-template-columns:1fr}.topbar-tools{flex-wrap:wrap}.topbar-search{display:none}}

/* v1.6 Staff Accountability */
.audit-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #182b33}.audit-detail-grid>div{padding:14px;border-right:1px solid #182b33}.audit-detail-grid>div:last-child{border-right:0}.audit-detail-grid span{display:block;font-size:7px;color:#637a82;font-weight:900;letter-spacing:.1em}.audit-detail-grid strong{display:block;margin-top:5px}.audit-detail-grid small{display:block;color:#657b82;margin-top:3px}
.before-after-grid{display:grid;grid-template-columns:1fr 1fr}.before-after-grid article{padding:14px}.before-after-grid article:first-child{border-right:1px solid #182b33}.before-after-grid h3{font-size:8px;letter-spacing:.1em;color:#00dff5}.before-after-grid pre{background:#03080a;border:1px solid #182c34;color:#91a9b0;padding:12px;overflow:auto;min-height:120px}
.webhook-test-grid{display:flex;gap:6px;flex-wrap:wrap;padding:12px;border-top:1px solid #182c34}
/* v1.7 Player History */
.history-summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px}.history-summary-grid article{background:#071115;border:1px solid #19313a;padding:12px}.history-summary-grid span{display:block;font-size:7px;color:#647c84;font-weight:900;letter-spacing:.1em}.history-summary-grid strong{display:block;font-size:22px;color:#eff9fb;margin-top:5px}
.master-timeline{padding:12px}.timeline-event{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid #14262d}.timeline-icon{width:25px;height:25px;display:grid;place-items:center;border:1px solid #24505e;background:#071318;color:#00def7;font-size:8px;font-weight:900}.timeline-event strong{display:block;color:#dce8eb}.timeline-event p{margin:4px 0;color:#799097}.timeline-event small{font-size:7px;color:#567079;letter-spacing:.09em}.timeline-event time{font-size:8px;color:#61777e}.timeline-report .timeline-icon{color:#66dff1}.timeline-discipline .timeline-icon{color:#ffb15e}.timeline-ban .timeline-icon{color:#ff5c73}.timeline-audit .timeline-icon{color:#b690ff}.timeline-session .timeline-icon{color:#5ee3a1}
@media(max-width:1000px){.history-summary-grid{grid-template-columns:repeat(3,1fr)}.audit-detail-grid{grid-template-columns:repeat(2,1fr)}.before-after-grid{grid-template-columns:1fr}.before-after-grid article:first-child{border-right:0;border-bottom:1px solid #182b33}}@media(max-width:600px){.history-summary-grid{grid-template-columns:repeat(2,1fr)}.audit-detail-grid{grid-template-columns:1fr}.timeline-event{grid-template-columns:30px 1fr}.timeline-event time{grid-column:2}}

/* v1.8 Operations Center */
.ops-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px}
.ops-health{border:1px solid #22343b;background:#071115;padding:11px 13px;min-width:170px}
.ops-health i{display:inline-block;width:7px;height:7px;margin-right:6px}
.ops-health.online i{background:#4ce6a2;box-shadow:0 0 9px rgba(76,230,162,.45)}
.ops-health.offline i{background:#ff506a}
.ops-health strong{display:block;margin-top:4px}
.ops-health small{display:block;color:#61767d;margin-top:3px}
.ops-incident-list{padding:10px}
.ops-incident{display:flex;justify-content:space-between;gap:12px;border:1px solid #17313a;background:#071115;padding:11px;margin-bottom:7px}
.ops-incident-main{display:flex;gap:9px;min-width:0}
.ops-incident-main p{color:#768c93;margin:4px 0}
.ops-incident-main small{font-size:8px;color:#586f76}
.ops-incident-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.ops-resolve-form{display:flex;gap:5px}
.ops-resolve-form input{min-width:220px;background:#071115;border:1px solid #213a43;color:#dce8eb;padding:6px}
.check-label{display:flex!important;align-items:center;gap:6px;margin-top:16px;color:#8aa0a6}
@media(max-width:900px){
  .ops-hero,.ops-incident{flex-direction:column;align-items:flex-start}
  .ops-incident-actions{align-items:flex-start}
  .ops-resolve-form{flex-wrap:wrap}
  .ops-resolve-form input{min-width:0;width:100%}
}


/* =========================================================
   v2.1.7 — FLAT MANAGEMENT PANEL THEME RESTORE
   Matches the original flat NewLife Management Panel shell:
   dark/navy, square panels, cyan lines, no bubbly cards.
   ========================================================= */

:root{
    --nl-bg:#03070a;
    --nl-sidebar:#071016;
    --nl-top:#05090c;
    --nl-panel:#081116;
    --nl-panel-head:#09141a;
    --nl-line:#1b3038;
    --nl-line-soft:#13252c;
    --nl-text:#f1f6f7;
    --nl-muted:#71848b;
    --nl-cyan:#00d9f5;
    --nl-red:#ff566a;
    --nl-green:#4be29a;
}

/* --- global shell --- */
html,body{
    background:var(--nl-bg)!important;
    color:var(--nl-text)!important;
}

body.app-shell{
    display:grid!important;
    grid-template-columns:180px minmax(0,1fr)!important;
    min-height:100vh!important;
    background:var(--nl-bg)!important;
}

.sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:180px!important;
    height:100vh!important;
    display:flex!important;
    flex-direction:column!important;
    padding:0!important;
    background:var(--nl-sidebar)!important;
    border-right:1px solid #17313a!important;
    box-shadow:none!important;
    z-index:40!important;
}

.content{
    grid-column:2!important;
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0 20px 38px!important;
    background:var(--nl-bg)!important;
}

/* --- brand --- */
.brand{
    min-height:68px!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 13px!important;
    margin:0!important;
    background:#060d12!important;
    border:0!important;
    border-bottom:1px solid var(--nl-line)!important;
    box-shadow:none!important;
}

.brand-mark{
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

.brand-mark img,
.brand img{
    width:32px!important;
    height:32px!important;
    object-fit:contain!important;
}

.brand strong{
    display:block!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.15!important;
    letter-spacing:.01em!important;
    text-transform:none!important;
}

.brand span{
    display:block!important;
    margin-top:3px!important;
    color:var(--nl-cyan)!important;
    font-size:7px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.08em!important;
    text-transform:none!important;
}

/* --- sidebar navigation --- */
.sidebar nav{
    flex:1!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:7px 7px 14px!important;
    scrollbar-width:thin!important;
    scrollbar-color:#26434e #071016!important;
}

.sidebar nav::-webkit-scrollbar{width:5px!important}
.sidebar nav::-webkit-scrollbar-track{background:#071016!important}
.sidebar nav::-webkit-scrollbar-thumb{background:#26434e!important;border:0!important;border-radius:0!important}
.sidebar nav::-webkit-scrollbar-thumb:hover{background:#345a68!important}
.sidebar nav::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}

.nav-section{
    margin:13px 8px 5px!important;
    padding:0!important;
    color:#526970!important;
    font-size:6.5px!important;
    font-weight:900!important;
    letter-spacing:.15em!important;
}

.sidebar nav a{
    min-height:34px!important;
    height:34px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    padding:0 8px!important;
    color:#9aabb0!important;
    background:transparent!important;
    border:0!important;
    border-left:2px solid transparent!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-size:9px!important;
    line-height:1!important;
}

.sidebar nav a span{
    flex:1!important;
    font-size:9px!important;
    font-weight:500!important;
}

.sidebar nav a:hover:not(.disabled){
    color:#f5fbfc!important;
    background:#0a171d!important;
    border-left-color:#31505a!important;
}

.sidebar nav a.active{
    color:var(--nl-cyan)!important;
    background:#0a1a20!important;
    border-left-color:var(--nl-cyan)!important;
    box-shadow:none!important;
}

.sidebar nav a small{
    font-size:6px!important;
    color:#51656b!important;
}

/* --- sidebar footer --- */
.sidebar-user{
    min-height:58px!important;
    display:grid!important;
    grid-template-columns:30px 1fr auto!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    padding:9px 10px!important;
    background:#060d12!important;
    border:0!important;
    border-top:1px solid var(--nl-line)!important;
    border-radius:0!important;
    box-shadow:none!important;
}

.sidebar-user .avatar,
.sidebar-user>.avatar{
    width:30px!important;
    height:30px!important;
    display:grid!important;
    place-items:center!important;
    background:#0a2028!important;
    color:var(--nl-cyan)!important;
    border:1px solid #1c4652!important;
    border-radius:0!important;
    font-size:8px!important;
    font-weight:900!important;
}

.sidebar-user strong{
    display:block!important;
    color:#fff!important;
    font-size:8px!important;
}

.sidebar-user span{
    display:block!important;
    margin-top:2px!important;
    color:#657a81!important;
    font-size:6.5px!important;
}

.sidebar-user>a{
    color:#677d84!important;
    font-size:9px!important;
}

/* --- top bar: same shell shown in the reference screenshot --- */
.topbar{
    position:sticky!important;
    top:0!important;
    z-index:30!important;
    min-height:68px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:15px!important;
    margin:0 0 16px!important;
    padding:0!important;
    background:var(--nl-top)!important;
    border:0!important;
    border-bottom:1px solid var(--nl-line)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
}

.topbar-left,
.topbar-tools{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
}

.sidebar-toggle{
    width:30px!important;
    height:30px!important;
    display:none!important;
    place-items:center!important;
    padding:0!important;
    color:#d6e1e4!important;
    background:#0a151a!important;
    border:1px solid #21383f!important;
    border-radius:0!important;
    box-shadow:none!important;
    cursor:pointer!important;
    font-size:14px!important;
}

.page-title-block h1{
    margin:0!important;
    color:#fff!important;
    font-size:16px!important;
    font-weight:800!important;
    line-height:1.1!important;
}

.page-title-block p{
    margin:4px 0 0!important;
    color:#61757c!important;
    font-size:7.5px!important;
}

.topbar-search{
    width:190px!important;
    height:32px!important;
    display:flex!important;
    align-items:center!important;
    background:#071116!important;
    border:1px solid #20373f!important;
    border-radius:0!important;
    box-shadow:none!important;
}

.topbar-search input{
    min-height:30px!important;
    height:30px!important;
    flex:1!important;
    width:100%!important;
    padding:0 8px!important;
    color:#dce7e9!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-size:7px!important;
}

.topbar-search kbd{
    margin-right:5px!important;
    padding:2px 4px!important;
    color:#5d747b!important;
    background:transparent!important;
    border:1px solid #1e333a!important;
    border-radius:0!important;
    font-size:6px!important;
}

.notification-bell{
    position:relative!important;
    width:32px!important;
    height:32px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    color:#8aa0a7!important;
    background:#071116!important;
    border:1px solid #20373f!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-size:10px!important;
}

.notification-bell b{
    position:absolute!important;
    right:-3px!important;
    top:-4px!important;
    min-width:14px!important;
    height:14px!important;
    display:grid!important;
    place-items:center!important;
    background:var(--nl-red)!important;
    color:white!important;
    font-size:6px!important;
    border-radius:0!important;
}

.topbar-profile{
    min-width:108px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    padding-left:10px!important;
    border-left:1px solid var(--nl-line)!important;
}

.topbar-profile>div:first-child{
    text-align:right!important;
}

.topbar-profile strong{
    display:block!important;
    color:#fff!important;
    font-size:8px!important;
    line-height:1.1!important;
}

.topbar-profile span{
    display:block!important;
    margin-top:3px!important;
    color:#667a81!important;
    font-size:6.5px!important;
}

.topbar-avatar{
    width:30px!important;
    height:30px!important;
    display:grid!important;
    place-items:center!important;
    background:#0c1f27!important;
    color:#dcecef!important;
    border:1px solid #223b44!important;
    border-radius:0!important;
    font-size:7px!important;
    font-weight:800!important;
}

/* --- no bubbly global surfaces --- */
.panel,
.stat-card,
.dashboard-action-card,
.ops-health,
.ops-incident,
.history-summary-grid article,
.evidence-card,
.system-health-card,
.permission-option,
.choice-card,
.health-card{
    background:var(--nl-panel)!important;
    border:1px solid var(--nl-line)!important;
    border-radius:0!important;
    box-shadow:none!important;
    background-image:none!important;
    transform:none!important;
}

.panel{
    margin-bottom:10px!important;
    overflow:hidden!important;
}

.panel>header{
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:9px 12px!important;
    background:var(--nl-panel-head)!important;
    border-bottom:1px solid var(--nl-line)!important;
}

.panel>header h2{
    margin:0!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:800!important;
}

.panel>header p{
    margin:3px 0 0!important;
    color:#64787e!important;
    font-size:6.5px!important;
}

.panel>header a{
    color:var(--nl-cyan)!important;
    font-size:6.5px!important;
    font-weight:900!important;
    letter-spacing:.05em!important;
}

/* --- dashboard --- */
.stat-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    margin-bottom:8px!important;
}

.stat-card{
    min-height:90px!important;
    padding:13px!important;
}

.stat-card.accent{
    border-top:1px solid var(--nl-line)!important;
}

.stat-card span{
    display:block!important;
    color:#6d8187!important;
    font-size:6px!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
}

.stat-card strong{
    display:block!important;
    margin-top:9px!important;
    color:#fff!important;
    font-size:21px!important;
    line-height:1!important;
}

.stat-card small{
    display:block!important;
    margin-top:7px!important;
    color:#53686e!important;
    font-size:6.5px!important;
}

.grid-2,
.grid-3{
    gap:8px!important;
}

.dashboard-primary-grid>.panel{
    min-height:305px!important;
}

.dashboard-primary-grid>.panel .table-wrap,
.dashboard-primary-grid .activity-list{
    min-height:248px!important;
}

.operation-card{
    min-height:118px!important;
}

.operation-card>strong{
    display:block!important;
    padding:12px 12px 0!important;
    color:white!important;
    font-size:20px!important;
}

.operation-card>p{
    margin:6px 12px 0!important;
    color:#71858b!important;
    font-size:8px!important;
}

.operation-card>small{
    display:block!important;
    margin:4px 12px 12px!important;
    color:#566a70!important;
    font-size:6.5px!important;
}

.dashboard-action-row{
    gap:7px!important;
}

.dashboard-action-card{
    min-height:44px!important;
    padding:8px 10px!important;
    gap:9px!important;
}

.dashboard-action-card:hover{
    background:#0a171d!important;
    border-color:#28434b!important;
    box-shadow:none!important;
    transform:none!important;
}

.dashboard-action-card>span{
    color:var(--nl-cyan)!important;
    font-size:11px!important;
}

.dashboard-action-card strong{
    color:white!important;
    font-size:8px!important;
}

.dashboard-action-card small{
    display:block!important;
    margin-top:2px!important;
    color:#5f7278!important;
    font-size:6px!important;
}

/* --- forms: flat, compact, readable --- */
input,
select,
textarea{
    color:#e5eef0!important;
    background:#071116!important;
    border:1px solid #243b43!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:none!important;
}

input,
select{
    min-height:34px!important;
    height:34px!important;
    padding:0 9px!important;
    font-size:8px!important;
}

textarea{
    width:100%!important;
    min-height:98px!important;
    padding:9px 10px!important;
    resize:vertical!important;
    font-family:inherit!important;
    font-size:8px!important;
    line-height:1.45!important;
}

input:focus,
select:focus,
textarea:focus{
    border-color:var(--nl-cyan)!important;
    box-shadow:inset 2px 0 0 var(--nl-cyan)!important;
}

input::placeholder,
textarea::placeholder{
    color:#52676d!important;
}

.panel-form,
.inline-form{
    padding:12px!important;
}

.form-row{
    gap:8px!important;
}

.panel-form label span,
.inline-form label span,
.report-filter label span,
.maintenance-form label>span{
    display:block!important;
    margin-bottom:5px!important;
    color:#73868c!important;
    font-size:6.5px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
}

.field-help{
    display:block!important;
    margin-top:4px!important;
    color:#4f6268!important;
    font-size:6px!important;
}

/* --- buttons: rectangular, no rounded pills --- */
.btn,
button.btn{
    min-height:30px!important;
    height:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 10px!important;
    color:var(--nl-cyan)!important;
    background:#071820!important;
    border:1px solid #00a9bd!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:none!important;
    font-size:6.5px!important;
    font-weight:900!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
}

.btn:hover,
button.btn:hover{
    color:#fff!important;
    background:#09232b!important;
    border-color:var(--nl-cyan)!important;
    box-shadow:none!important;
    transform:none!important;
}

.btn.tiny,
button.btn.tiny{
    min-height:25px!important;
    padding:0 7px!important;
    font-size:6px!important;
}

.btn.danger,
button.btn.danger{
    color:#ff7383!important;
    background:#1b0b10!important;
    border-color:#8b2835!important;
}

/* --- tables --- */
.table-wrap{
    overflow:auto!important;
    border-radius:0!important;
}

table{
    width:100%!important;
    border-collapse:collapse!important;
    border-spacing:0!important;
}

thead th{
    height:32px!important;
    padding:0 10px!important;
    color:#6d8187!important;
    background:#071116!important;
    border-bottom:1px solid var(--nl-line)!important;
    font-size:5.8px!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
    text-align:left!important;
}

tbody td{
    padding:9px 10px!important;
    color:#dce7e9!important;
    background:transparent!important;
    border-bottom:1px solid var(--nl-line-soft)!important;
    font-size:7.5px!important;
}

tbody tr:hover td{
    background:#0a171d!important;
}

tbody td small{
    display:block!important;
    margin-top:3px!important;
    color:#546a70!important;
    font-size:6px!important;
}

/* --- activity list --- */
.activity-list>div{
    min-height:42px!important;
    padding:7px 10px!important;
    border-bottom:1px solid var(--nl-line-soft)!important;
}

.activity-list p,
.activity-list p strong{
    font-size:7px!important;
}

.activity-list p small{
    margin-top:2px!important;
    font-size:5.8px!important;
}

.activity-list time{
    font-size:5.8px!important;
}

.activity-dot,
.priority-dot{
    width:6px!important;
    height:6px!important;
    flex:0 0 6px!important;
    border-radius:0!important;
    background:var(--nl-cyan)!important;
}

/* --- filters --- */
.report-filter{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    padding:9px 10px!important;
    background:#071116!important;
    border:0!important;
    border-bottom:1px solid var(--nl-line)!important;
    border-radius:0!important;
}

.report-filter input{min-width:210px!important}
.report-filter select{min-width:115px!important}

/* --- checkboxes: NEVER giant --- */
input[type="checkbox"],
input[type="radio"]{
    width:13px!important;
    height:13px!important;
    min-width:13px!important;
    min-height:13px!important;
    max-width:13px!important;
    max-height:13px!important;
    padding:0!important;
    margin:0 5px 0 0!important;
    border-radius:0!important;
    box-shadow:none!important;
    accent-color:var(--nl-cyan)!important;
}

/* Alert rule selectors */
.notification-choice-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    padding:0 12px 12px!important;
}

.choice-card,
.choice-card.compact-choice{
    position:relative!important;
    grid-column:auto!important;
    min-height:52px!important;
    display:grid!important;
    grid-template-columns:17px 1fr!important;
    align-items:center!important;
    gap:7px!important;
    padding:8px!important;
    background:#071116!important;
    border:1px solid var(--nl-line)!important;
    border-radius:0!important;
    box-shadow:none!important;
}

.choice-card input{
    position:absolute!important;
    opacity:0!important;
    width:1px!important;
    height:1px!important;
    min-width:1px!important;
    min-height:1px!important;
}

.choice-check{
    width:15px!important;
    height:15px!important;
    display:grid!important;
    place-items:center!important;
    color:transparent!important;
    background:#0a1c22!important;
    border:1px solid #24505a!important;
    border-radius:0!important;
    font-size:9px!important;
}

.choice-card input:checked + .choice-check{
    color:#031014!important;
    background:var(--nl-cyan)!important;
    border-color:var(--nl-cyan)!important;
}

.choice-card strong{
    display:block!important;
    color:#eef6f7!important;
    font-size:7px!important;
}

.choice-card small{
    display:block!important;
    margin-top:2px!important;
    color:#586c72!important;
    font-size:5.8px!important;
}

/* --- operations --- */
.ops-hero{
    display:flex!important;
    justify-content:space-between!important;
    align-items:flex-end!important;
    gap:16px!important;
    margin:0 0 10px!important;
    padding:0!important;
}

.ops-hero h1{
    margin:3px 0!important;
    font-size:16px!important;
}

.ops-hero p{
    margin:0!important;
    color:#65787e!important;
    font-size:7px!important;
}

.eyebrow{
    color:var(--nl-cyan)!important;
    font-size:6px!important;
    font-weight:900!important;
    letter-spacing:.14em!important;
}

.ops-health{
    padding:9px 10px!important;
}

.ops-health i{
    display:inline-block!important;
    width:6px!important;
    height:6px!important;
    margin-right:5px!important;
    border-radius:0!important;
}

.ops-health.online i{background:var(--nl-green)!important}
.ops-health.offline i{background:var(--nl-red)!important}

.ops-health strong{
    display:block!important;
    margin-top:3px!important;
    font-size:7px!important;
}

.ops-health small{
    display:block!important;
    margin-top:2px!important;
    color:#586b71!important;
    font-size:5.8px!important;
}

.ops-incident{
    padding:9px!important;
    margin-bottom:5px!important;
    background:#071116!important;
    border-radius:0!important;
}

.ops-incident-main p{
    margin:3px 0!important;
    color:#71868c!important;
    font-size:7px!important;
}

.ops-incident-main small{
    font-size:5.8px!important;
}

/* --- investigations --- */
.page-head.split-head{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin-bottom:10px!important;
}

.page-head h1{
    margin:3px 0!important;
    font-size:16px!important;
}

.page-head p{
    margin:0!important;
    color:#65787e!important;
    font-size:7px!important;
}

.case-summary-text{
    padding:12px!important;
    color:#99aaaf!important;
    font-size:7.5px!important;
    line-height:1.55!important;
}

.case-task{
    min-height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:7px 10px!important;
    border-bottom:1px solid var(--nl-line-soft)!important;
}

.case-task strong{font-size:7px!important}
.case-task small{display:block!important;margin-top:2px!important;color:#586c72!important;font-size:5.8px!important}
.case-task>span{color:var(--nl-cyan)!important;font-size:5.8px!important;font-weight:900!important}

/* --- permissions --- */
.permission-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin-bottom:10px!important;
}

.permission-option{
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:7px!important;
    background:#071116!important;
    border:1px solid var(--nl-line)!important;
    border-radius:0!important;
    box-shadow:none!important;
}

.permission-option strong{
    display:block!important;
    font-size:6.5px!important;
}

.permission-option small{
    display:block!important;
    margin-top:2px!important;
    color:#586c72!important;
    font-size:5.5px!important;
}

/* --- system health --- */
.system-health-hero{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin:0 0 10px!important;
}

.system-health-hero h2{
    margin:3px 0!important;
    font-size:15px!important;
}

.system-health-hero p{
    margin:0!important;
    color:#65787e!important;
    font-size:7px!important;
}

.system-health-summary{
    display:flex!important;
    gap:5px!important;
}

.system-health-summary span{
    min-height:25px!important;
    display:inline-flex!important;
    align-items:center!important;
    padding:0 8px!important;
    background:#071116!important;
    border:1px solid var(--nl-line)!important;
    border-radius:0!important;
    font-size:5.8px!important;
    font-weight:900!important;
}

.health-summary-good{color:var(--nl-green)!important}
.health-summary-bad{color:#ff7585!important}

.system-health-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin-bottom:10px!important;
}

.system-health-card{
    min-height:88px!important;
    padding:9px!important;
    background:#071116!important;
    border-radius:0!important;
    box-shadow:none!important;
}

.system-health-card.is-healthy{border-left:2px solid var(--nl-green)!important}
.system-health-card.needs-attention{border-left:2px solid var(--nl-red)!important}

.system-health-card-top{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    margin-bottom:8px!important;
}

.system-health-indicator{
    width:6px!important;
    height:6px!important;
    background:var(--nl-green)!important;
    border-radius:0!important;
}

.needs-attention .system-health-indicator{background:var(--nl-red)!important}

.system-health-state{
    color:var(--nl-green)!important;
    font-size:5.8px!important;
    font-weight:900!important;
}

.needs-attention .system-health-state{color:#ff7585!important}

.system-health-card>strong{
    display:block!important;
    margin-bottom:4px!important;
    color:#f0f6f7!important;
    font-size:7.5px!important;
}

.system-health-card>p{
    margin:0!important;
    color:#566a70!important;
    font-size:5.8px!important;
    line-height:1.4!important;
    overflow-wrap:anywhere!important;
}

.maintenance-form{
    padding:10px!important;
    border-bottom:1px solid var(--nl-line)!important;
}

.maintenance-form-grid{
    display:grid!important;
    grid-template-columns:2fr 1fr 1fr!important;
    gap:7px!important;
}

.maintenance-message-field{
    display:block!important;
    margin-top:7px!important;
}

.maintenance-status{
    display:inline-flex!important;
    align-items:center!important;
    min-height:21px!important;
    padding:0 6px!important;
    color:#8da0a6!important;
    background:#071116!important;
    border:1px solid #294049!important;
    border-radius:0!important;
    font-size:5.8px!important;
    font-weight:900!important;
}

.maintenance-status.status-active{color:var(--nl-green)!important}
.maintenance-status.status-cancelled{color:#ff7585!important}

/* --- responsive --- */
@media(max-width:1100px){
    body.app-shell{grid-template-columns:165px minmax(0,1fr)!important}
    .sidebar{width:165px!important}
    .content{padding-left:14px!important;padding-right:14px!important}
    .notification-choice-grid,
    .permission-grid,
    .system-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .maintenance-form-grid{grid-template-columns:1fr 1fr!important}
    .maintenance-title-field{grid-column:1/-1!important}
}

@media(max-width:760px){
    body.app-shell{display:block!important}
    .sidebar{
        width:180px!important;
        transform:translateX(-105%)!important;
        transition:transform .18s ease!important;
    }
    body.sidebar-open .sidebar{transform:translateX(0)!important}
    .content{padding:0 10px 24px!important}
    .sidebar-toggle{display:grid!important}
    .topbar-search{display:none!important}
    .topbar-profile>div:first-child{display:none!important}
    .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .grid-2,.grid-3{grid-template-columns:1fr!important}
    .notification-choice-grid,
    .permission-grid,
    .system-health-grid,
    .maintenance-form-grid{grid-template-columns:1fr!important}
    .maintenance-title-field{grid-column:auto!important}
}