/* KoshiNet Control v3.1 — industrial operations console */
:root{
  --bg:#070a0e;--panel:#0e141a;--panel2:#141c24;--panel3:#1a2530;--text:#edf0eb;--muted:#89939e;--line:#29333d;
  --green:#75d99a;--yellow:#f1c75b;--orange:#ff6a22;--red:#ef4636;--cyan:#49c7d3;--blue:#49c7d3;--purple:#9f7aea;
  --shadow:0 30px 80px rgba(0,0,0,.42);--radius:2px;
}
body.control-body{
  background:
    radial-gradient(circle at 90% -15%,rgba(255,106,34,.1),transparent 30%),
    linear-gradient(180deg,#070a0e,#090d12 58%,#070a0e);
  letter-spacing:.004em;
}
body.control-body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.12;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 3px 4px),radial-gradient(circle at 50% 50%,rgba(255,255,255,.16) 0 1px,transparent 1px);background-size:auto,9px 9px}
.ops-button{border-radius:1px;min-height:38px;text-transform:uppercase;letter-spacing:.08em;font-size:9px;position:relative;overflow:hidden}.ops-button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.35);transform:scaleX(0);transform-origin:left;transition:.18s}.ops-button:hover::after{transform:scaleX(1)}.ops-button.primary{background:var(--orange);color:#090b0e}.ops-button.ghost{background:transparent;border:1px solid var(--line)}.ops-button.warning{background:var(--yellow);color:#171106}.ops-button.danger{background:var(--red);color:#fff}.ops-button.success{background:var(--green);color:#07110a}.ops-button.small{border-radius:1px;font-size:8px}
.login-shell{grid-template-columns:1.16fr .84fr;background:#070a0e}.login-visual{padding:clamp(50px,8vw,115px);background:radial-gradient(circle at 22% 35%,rgba(73,199,211,.11),transparent 28%),linear-gradient(145deg,#080c10,#101821);border-right:1px solid var(--line);position:relative;overflow:hidden}.login-visual::before{content:"OPS / CONTROL";position:absolute;right:-55px;bottom:-20px;font:950 150px/1 "Arial Narrow",sans-serif;color:rgba(255,255,255,.022);letter-spacing:-.08em;white-space:nowrap}.ops-brand{gap:13px;text-transform:uppercase}.ops-logo{width:45px;height:45px;border-radius:2px;background:var(--orange);color:#080b0f;box-shadow:none;border:1px solid rgba(255,255,255,.28);position:relative}.ops-logo::after{content:"";position:absolute;right:-6px;bottom:-6px;width:14px;height:14px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan)}.ops-brand b{font-size:18px;letter-spacing:.03em}.ops-brand small{color:var(--orange);letter-spacing:.2em;font-size:7px}.login-message h1{font-family:"Arial Narrow","Roboto Condensed",sans-serif;text-transform:uppercase;font-size:clamp(68px,7.3vw,112px);line-height:.78;letter-spacing:-.06em}.login-message h1 span{color:transparent;-webkit-text-stroke:1px var(--orange)}.login-message p{font-size:15px;line-height:1.8}.ops-eyebrow{color:var(--orange);letter-spacing:.22em}.ops-boundary{gap:1px;background:var(--line);border:1px solid var(--line)}.ops-boundary div{border:0;border-radius:0;background:#0e141a;padding:17px}.login-panel{background:#090d12}.login-form{border-radius:2px;background:#0e141a;border-color:var(--line);box-shadow:var(--shadow);padding:34px}.login-form h2{font-family:"Arial Narrow","Roboto Condensed",sans-serif;text-transform:uppercase;font-size:34px}.login-form label{letter-spacing:.08em;text-transform:uppercase;font-size:8px}.login-form input,.login-form textarea{border-radius:1px;background:#070b0f}.login-form input:focus,.login-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 2px rgba(255,106,34,.13)}
.ops-app{grid-template-columns:260px minmax(0,1fr);background:#080c10}.ops-sidebar{background:#0a0e13;border-right:1px solid var(--line);padding:18px 13px}.ops-sidebar .ops-brand{padding:7px 9px 25px}.ops-nav{gap:2px}.ops-nav a{border-radius:1px;padding:12px 12px;text-transform:uppercase;letter-spacing:.09em;font-size:9px;border-left:2px solid transparent}.ops-nav a:hover,.ops-nav a.active{background:#131b23;color:var(--text);box-shadow:none;border-left-color:var(--orange)}.nav-icon{color:var(--orange)}.ops-user{border-radius:1px;background:#0e141a}.ops-topbar{height:72px;background:rgba(7,10,14,.92);border-bottom:1px solid var(--line);padding:0 32px}.ops-topbar h1{font-family:"Arial Narrow","Roboto Condensed",sans-serif;text-transform:uppercase;font-size:21px;letter-spacing:.02em}.ops-topbar-right{text-transform:uppercase;letter-spacing:.1em;font:800 8px ui-monospace,monospace}.live-dot{border-radius:0;background:var(--green);box-shadow:0 0 0 5px rgba(117,217,154,.1)}.ops-content{padding:36px clamp(24px,3vw,48px) 60px}.ops-page-head{align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px}.ops-page-head h2{font-family:"Arial Narrow","Roboto Condensed",sans-serif;text-transform:uppercase;font-size:clamp(42px,4.8vw,70px);line-height:.86;letter-spacing:-.045em;margin:10px 0}.ops-page-head p{font-size:11px;line-height:1.65}.metric-grid{gap:1px;background:var(--line);border:1px solid var(--line)}.metric{border:0;border-radius:0;background:#0e141a;padding:20px;position:relative;overflow:hidden}.metric::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--orange)}.metric span{text-transform:uppercase;letter-spacing:.12em;font-size:8px}.metric b{font:950 32px ui-monospace,monospace;color:var(--text)}.metric small{font-size:8px}.dashboard-grid{gap:1px;margin-top:1px;background:var(--line);border:1px solid var(--line)}.ops-panel{border:0;border-radius:0;background:#0e141a;box-shadow:none;padding:22px}.panel-head{border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:15px}.panel-head h3{font-family:"Arial Narrow","Roboto Condensed",sans-serif;text-transform:uppercase;font-size:20px;letter-spacing:.01em}.panel-head p{font-size:8px;letter-spacing:.06em}.health-grid{gap:1px;background:var(--line)}.health-card{border:0;border-radius:0;background:#141c24;padding:14px}.health-card b{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.health-bar{border-radius:0}.chart{border-radius:0;background-size:100% 46px}.status{border-radius:1px;font-size:7px;letter-spacing:.09em}.table-shell{border-radius:1px;background:#0e141a;border-color:var(--line)}.ops-table{min-width:1040px}.ops-table th{background:#141c24;font-size:7px;letter-spacing:.12em}.ops-table th,.ops-table td{padding:12px 13px}.ops-table tr:hover td{background:rgba(255,106,34,.025)}.progress{border-radius:0}.incident-list,.audit-list{gap:1px;background:var(--line)}.incident{border:0;border-radius:0;background:#141c24;padding:15px}.incident-severity{border-radius:1px;background:rgba(255,106,34,.1);color:var(--orange)}.audit-item{padding:11px 4px}.confirm-dialog{border-radius:2px;background:#0e141a}.confirm-dialog h2{font-family:"Arial Narrow","Roboto Condensed",sans-serif;text-transform:uppercase}.confirm-dialog textarea{border-radius:1px;background:#070b0f}.ops-toast{border-radius:1px;background:#141c24;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.empty{padding:60px 20px}.check-dot{border-radius:0}
@media(max-width:1100px){.ops-app{grid-template-columns:82px 1fr}.ops-content{padding:28px 20px 50px}.metric-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.login-shell{grid-template-columns:1fr}.login-visual{min-height:52vh;padding:34px 24px}.login-message h1{font-size:58px}.ops-sidebar{height:70px}.ops-nav a{min-width:70px}.ops-topbar{height:64px}.ops-content{padding:22px 13px 82px}.metric-grid{grid-template-columns:1fr 1fr}.ops-page-head h2{font-size:43px}.dashboard-grid{display:block}.ops-panel+.ops-panel{border-top:1px solid var(--line)}}