/* KINGAI OPS Console · 2026 product UI layer */
:root{
  --bg:#F7F7F8!important;
  --panel:#FFFFFF!important;
  --panel-2:#F7F7F8!important;
  --ink:#111111!important;
  --muted:#5F6368!important;
  --line:rgba(17,17,17,.08)!important;
  --line-strong:rgba(17,17,17,.14)!important;
  --blue:#246BFD!important;
  --green:#237B55!important;
  --orange:#B36A20!important;
  --red:#D64545!important;
  --purple:#6757D9!important;
  --cyan:#168C9A!important;
  --shadow:0 26px 70px rgba(17,17,17,.10)!important;
  --shadow-sm:0 8px 28px rgba(17,17,17,.055)!important;
  --radius:12px!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;
}
html,body{background:#F7F7F8!important;color:#111!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.sidebar{background:rgba(255,255,255,.92)!important;border-right-color:var(--line)!important;backdrop-filter:blur(22px) saturate(140%)!important;-webkit-backdrop-filter:blur(22px) saturate(140%)!important}
.traffic{display:none!important}
.brand{padding-top:22px!important;font-weight:700!important;letter-spacing:-.025em!important}
.nav-label{color:#8A8A8E!important;font-weight:600!important;letter-spacing:.07em!important}
.nav-link{color:#3F4145!important;border-radius:9px!important}
.nav-link:hover{background:#F5F5F7!important}
.nav-link.active{background:#F0F3F8!important;color:#111!important;font-weight:650!important}
.nav-icon{color:#6D6F73!important}
.sidebar-foot{border-color:var(--line)!important}
.environment-card{background:#F7F7F8!important;border-color:var(--line)!important;border-radius:12px!important}
.environment-card strong{color:#5F6368!important}
.topbar{background:rgba(255,255,255,.84)!important;border-bottom-color:var(--line)!important;backdrop-filter:blur(22px) saturate(140%)!important;-webkit-backdrop-filter:blur(22px) saturate(140%)!important}
.badge{background:#fff!important;color:#5F6368!important;border-color:var(--line)!important}
.badge.demo{background:#F7F7F8!important;color:#6D6F73!important;border-color:var(--line)!important}
.badge.live{background:#EEF7F2!important;color:#237B55!important;border-color:rgba(35,123,85,.14)!important}
.search-trigger{background:#F7F7F8!important;color:#7B7D81!important;border-color:var(--line)!important;border-radius:10px!important}
.icon-btn:hover{background:#F5F5F7!important}
.avatar{background:#111!important;border-radius:10px!important}
.content{padding:24px!important}
.page-head h1{font-size:24px!important;font-weight:690!important;letter-spacing:-.04em!important}
.page-head p{color:#6D6F73!important}
.btn{background:#fff!important;color:#111!important;border-color:var(--line-strong)!important;border-radius:10px!important;box-shadow:none!important;font-weight:620!important}
.btn:hover{background:#F7F7F8!important}
.btn.primary{background:#111!important;color:#fff!important;border-color:#111!important}
.btn.blue{background:#EEF4FF!important;color:#245FC9!important;border-color:#D8E5FF!important}
.metric,.panel,.module-card{background:#fff!important;border-color:var(--line)!important;border-radius:14px!important;box-shadow:none!important}
.metric:hover,.panel:hover,.module-card:hover{border-color:var(--line-strong)!important}
.metric strong{color:#111!important;font-weight:680!important}
.metric-icon{border-radius:9px!important}
.tone-blue{background:#EEF4FF!important;color:#246BFD!important}.tone-green{background:#EEF7F2!important;color:#237B55!important}.tone-orange{background:#FFF4E8!important;color:#B36A20!important}.tone-purple{background:#F2EFFF!important;color:#6757D9!important}.tone-cyan{background:#EAF7F8!important;color:#168C9A!important}.tone-red{background:#FFF0F0!important;color:#D64545!important}
.panel-head{border-color:var(--line)!important}.panel-head h2{font-weight:650!important}.panel-link{color:#246BFD!important}
.data-table th{color:#7A7C80!important;font-weight:600!important}.data-table th,.data-table td{border-color:var(--line)!important}
.tag{background:#EEF7F2!important;color:#237B55!important}.tag.blue{background:#EEF4FF!important;color:#245FC9!important}.tag.orange{background:#FFF4E8!important;color:#A85F1D!important}.tag.purple{background:#F2EFFF!important;color:#6757D9!important}
.map-card{background:#fff!important}.map-grid{background-image:radial-gradient(circle,#D8DADD 1px,transparent 1px)!important}
.command-palette{background:rgba(17,17,17,.14)!important;backdrop-filter:blur(8px)!important}
.command-box{background:#fff!important;border-color:var(--line)!important;border-radius:18px!important;box-shadow:var(--shadow)!important}
.command-box input{border-color:var(--line)!important}.command-item:hover{background:#F5F5F7!important}
.progress{background:#ECEDEF!important}
.footerbar{border-color:var(--line)!important;color:#96989C!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(36,107,253,.28)!important;outline-offset:2px!important}
@media(max-width:820px){.sidebar{background:rgba(255,255,255,.98)!important}.content{padding:18px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;animation-iteration-count:1!important}}


/* 2026-09-20 OPS Console visual quality v2 — denser operational hierarchy, less dashboard-card chrome. */
:root{--bg:#F3F5F7!important;--panel:#fff!important;--panel-2:#F6F7F9!important;--ink:#151A20!important;--muted:#626C77!important;--line:rgba(21,26,32,.09)!important;--line-strong:rgba(21,26,32,.16)!important;--blue:#326FA8!important;--green:#2F7958!important;--shadow:0 14px 36px rgba(21,26,32,.07)!important;--shadow-sm:0 6px 20px rgba(21,26,32,.045)!important;--radius:10px!important}
html,body{background:#F3F5F7!important;color:#151A20!important}
.sidebar{background:#F8F9FA!important;border-right:1px solid var(--line)!important;backdrop-filter:none!important}
.brand{padding-top:18px!important}
.nav-label{font-size:9.5px!important;letter-spacing:.09em!important}
.nav-link{min-height:38px!important;border-radius:7px!important;font-size:12px!important}
.nav-link.active{background:#E9EEF3!important}
.environment-card{border-radius:8px!important;background:#EEF1F4!important}
.topbar{min-height:56px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(12px)!important;box-shadow:none!important}
.search-trigger{border-radius:7px!important;background:#F3F5F7!important}
.avatar{border-radius:7px!important}
.content{padding:20px!important}
.page-head{margin-bottom:16px!important}
.page-head h1{font-size:22px!important;letter-spacing:-.03em!important}
.btn{min-height:36px!important;border-radius:7px!important;font-size:12px!important}
.metric,.panel,.module-card{border-radius:10px!important;border-color:var(--line)!important;background:#fff!important;box-shadow:none!important}
.metric{min-height:88px!important;padding:14px!important}
.metric strong,.mini-grid strong,.risk-number{font-variant-numeric:tabular-nums}
.metric-icon{border-radius:7px!important}
.panel-head{min-height:42px!important}
.data-table{font-variant-numeric:tabular-nums}
.data-table th{position:sticky;top:0;z-index:2;background:#F6F7F9!important;font-size:10px!important}
.data-table td{font-size:11px!important}
.tag,.badge{border-radius:6px!important}
.map-card{background:#fff!important}
.map-grid{opacity:.38!important}
.map-bubble{box-shadow:0 4px 14px rgba(21,26,32,.05)!important}
.command-palette{background:rgba(21,26,32,.17)!important}
.command-box{border-radius:12px!important;box-shadow:0 18px 48px rgba(21,26,32,.12)!important}
.command-item{border-radius:7px!important}
.progress{height:4px!important}
.footerbar{height:30px!important}
@media(hover:hover){.metric:hover,.panel:hover,.module-card:hover{border-color:var(--line-strong)!important;box-shadow:0 5px 18px rgba(21,26,32,.035)!important}}
@media(max-width:820px){.content{padding:14px!important}.topbar{min-height:54px!important}.sidebar{background:#F8F9FA!important}.metric,.panel,.module-card{border-radius:9px!important}}
@media(max-width:540px){.content{padding:10px!important}.metric{min-height:70px!important}.page-head h1{font-size:20px!important}}