/* 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}}