/* MK-01 anime command console. Visual-only layer: existing controls and API behavior stay unchanged. */
:root{
  --ai-cyan:#55e8ff;
  --ai-blue:#5597ff;
  --ai-violet:#9d7bff;
  --ai-pink:#ee7acb;
  --ai-ink:#070b14;
  --ai-panel:rgb(11 18 31/.82);
  --ai-line:rgb(112 206 255/.18)
}
body{background:
  radial-gradient(circle at 76% 0,rgb(74 63 180/.13),transparent 29%),
  radial-gradient(circle at 20% 100%,rgb(0 184 230/.08),transparent 28%),
  #070b14}
.workspace{background:
  linear-gradient(rgb(95 179 255/.025) 1px,transparent 1px),
  linear-gradient(90deg,rgb(95 179 255/.025) 1px,transparent 1px),
  radial-gradient(circle at 82% 5%,rgb(109 73 255/.08),transparent 30%),#070b14;background-size:32px 32px,32px 32px,auto,auto}
.sidebar{border-right:1px solid rgb(85 232 255/.12);background:linear-gradient(180deg,rgb(12 19 34/.98),rgb(6 11 21/.99));box-shadow:12px 0 44px rgb(0 0 0/.22)}
.logo{height:64px;background:linear-gradient(90deg,rgb(85 232 255/.06),transparent);border-bottom-color:rgb(85 232 255/.12)}
.logo img{border:1px solid rgb(85 232 255/.34);box-shadow:0 0 22px rgb(85 232 255/.16)}
#sidebar-brand-avatar{border-radius:50%;object-fit:cover;background:rgb(19 31 52)}
.logo-copy small{color:rgb(123 211 255/.58)}
.nav-search{border-color:rgb(90 176 230/.15);background:rgb(5 10 19/.72)}
.section-button{color:#e1eaf7}.section-button svg{color:#75cfee}
.nav-item{color:#91a0b5}.nav-item:hover{background:linear-gradient(90deg,rgb(85 232 255/.08),rgb(157 123 255/.04));color:#eef8ff}
.nav-item.active{background:linear-gradient(90deg,rgb(54 197 237/.18),rgb(116 82 255/.12));color:#c8f7ff;box-shadow:inset 0 0 18px rgb(85 232 255/.035)}
.nav-item.active:before{background:var(--ai-cyan);box-shadow:0 0 16px var(--ai-cyan)}
.sidebar-foot{border-color:rgb(85 232 255/.1);background:rgb(5 10 19/.76)}
.workspace header,.tabbar{background:rgb(7 12 23/.84);border-color:rgb(94 178 231/.13);backdrop-filter:blur(18px)}
.active-tab{border-color:rgb(94 178 231/.16);border-bottom-color:#070b14;background:#070b14}
.card{border-color:rgb(112 206 255/.14);background:linear-gradient(145deg,rgb(15 24 40/.9),rgb(9 15 27/.92));box-shadow:0 16px 46px rgb(0 0 0/.18),inset 0 1px rgb(255 255 255/.025)}
.primary{background:linear-gradient(135deg,#238eea,#6962ef);box-shadow:0 8px 24px rgb(41 126 232/.22)}
.dashboard-view{padding:0 0 24px;max-width:1660px}
.dashboard-view>.page-head{display:none}
.ai-command-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,39%);min-height:390px;margin:20px 18px 0;overflow:hidden;border:1px solid rgb(104 211 255/.22);border-radius:18px;background:
  radial-gradient(circle at 78% 37%,rgb(71 171 255/.22),transparent 32%),
  radial-gradient(circle at 62% 90%,rgb(138 75 255/.16),transparent 35%),
  linear-gradient(125deg,rgb(14 29 50/.96),rgb(9 14 28/.94) 62%,rgb(19 18 48/.96));
  box-shadow:0 28px 80px rgb(0 0 0/.28),inset 0 1px rgb(255 255 255/.04)}
.ai-command-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 63%,rgb(85 232 255/.11) 63.1%,transparent 63.35%),linear-gradient(110deg,transparent 72%,rgb(157 123 255/.1) 72.1%,transparent 72.35%);pointer-events:none}
.ai-hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgb(85 232 255/.045) 1px,transparent 1px),linear-gradient(90deg,rgb(85 232 255/.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 78%)}
.ai-hero-copy{position:relative;z-index:3;padding:38px 22px 26px 40px}
.ai-eyebrow{display:flex;align-items:center;gap:10px;color:#78dff6;font:700 10px/1.2 "Cascadia Code",monospace;letter-spacing:.18em}.ai-eyebrow>span{width:30px;height:1px;background:var(--ai-cyan);box-shadow:0 0 8px var(--ai-cyan)}
.ai-hero-status{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding:7px 11px;border:1px solid rgb(85 232 255/.2);border-radius:999px;background:rgb(85 232 255/.07);color:#a7efff;font-size:11px}.ai-hero-status i{width:7px;height:7px;border-radius:50%;background:#54f0aa;box-shadow:0 0 12px #54f0aa}.ai-hero-status.waiting{border-color:rgb(245 179 76/.25);background:rgb(245 179 76/.08);color:#f8d79b}.ai-hero-status.waiting i{background:#f3b554;box-shadow:0 0 12px #f3b554}
.ai-hero-copy h1{margin:14px 0 8px;color:#f3f8ff;font-size:clamp(30px,3.1vw,48px);font-weight:740;line-height:1.2;letter-spacing:-.045em;text-shadow:0 0 36px rgb(100 190 255/.14)}
.ai-hero-copy>p{margin:0;color:#8fa0b8;font-size:14px;line-height:1.7}
.ai-hero-actions{display:grid;grid-template-columns:repeat(4,minmax(112px,1fr));gap:10px;margin-top:28px;max-width:720px}
.ai-skill{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 9px;min-height:66px;padding:12px;border:1px solid rgb(108 197 244/.13);border-radius:11px;background:rgb(4 11 22/.48);color:#dce9f6;text-align:left;cursor:pointer;transition:.2s ease}.ai-skill:hover{transform:translateY(-2px);border-color:rgb(85 232 255/.42);background:rgb(22 46 72/.62);box-shadow:0 10px 30px rgb(0 0 0/.18),inset 0 0 20px rgb(85 232 255/.04)}.ai-skill.primary{background:linear-gradient(145deg,rgb(30 128 206/.48),rgb(73 68 183/.48));border-color:rgb(85 232 255/.34)}
.ai-skill>span{display:grid;grid-row:1/3;place-items:center;width:30px;height:30px;margin-top:3px;border-radius:8px;background:rgb(85 232 255/.09);color:var(--ai-cyan)}.ai-skill svg{width:15px;height:15px}.ai-skill b{align-self:end;font-size:12px;font-weight:650}.ai-skill small{overflow:hidden;color:#71849c;font-size:9px;white-space:nowrap;text-overflow:ellipsis}
.ai-system-strip{display:flex;flex-wrap:wrap;gap:18px;margin-top:23px;color:#63778f;font:10px/1.4 "Cascadia Code",monospace}.ai-system-strip span{display:flex;align-items:center;gap:7px}.ai-system-strip i{width:6px;height:6px;border-radius:50%;background:var(--ai-cyan);box-shadow:0 0 8px var(--ai-cyan)}
.ai-hero-visual{position:relative;z-index:2;min-height:390px;pointer-events:none}.ai-hero-visual:after{content:"";position:absolute;right:0;bottom:0;width:100%;height:42%;background:linear-gradient(transparent,rgb(7 12 26/.78));z-index:3}
.ai-hero-visual img{position:absolute;z-index:2;right:clamp(-25px,1vw,18px);bottom:-128px;width:min(420px,96%);height:auto;filter:drop-shadow(0 0 28px rgb(87 180 255/.22));animation:ai-float 5.5s ease-in-out infinite}
.ai-orbit{position:absolute;z-index:1;left:50%;top:48%;border:1px solid rgb(85 232 255/.2);border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:300px;height:300px;box-shadow:0 0 0 30px rgb(85 232 255/.018),0 0 70px rgb(75 137 255/.11)}.orbit-two{width:220px;height:220px;border-style:dashed;animation:ai-spin 22s linear infinite}
.ai-dialogue{position:absolute;z-index:5;right:22px;bottom:22px;min-width:220px;padding:11px 14px;border:1px solid rgb(85 232 255/.22);border-radius:10px;background:rgb(6 13 27/.78);box-shadow:0 12px 32px rgb(0 0 0/.25);backdrop-filter:blur(10px)}.ai-dialogue span{color:var(--ai-cyan);font:700 9px/1 "Cascadia Code",monospace;letter-spacing:.15em}.ai-dialogue p{margin:6px 0 0;color:#d9e9f8;font-size:11px}
@keyframes ai-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ai-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.dashboard-view>.metrics{grid-template-columns:repeat(5,minmax(0,1fr));padding-top:14px}.dashboard-view .metric{position:relative;min-height:106px;overflow:hidden}.dashboard-view .metric:before{content:"";position:absolute;right:-28px;bottom:-36px;width:96px;height:96px;border:1px solid rgb(85 232 255/.08);border-radius:50%}.dashboard-view .metric:after{background:linear-gradient(90deg,var(--ai-cyan),var(--ai-violet));box-shadow:0 0 13px rgb(85 232 255/.22)}.metric-index{position:absolute;right:13px;top:12px!important;color:rgb(113 196 236/.24)!important;font:700 10px/1 "Cascadia Code",monospace!important;letter-spacing:.08em}.dashboard-view .overview-card{border-color:rgb(112 206 255/.12)}
.login-brand:before{content:"";position:absolute;z-index:-1;right:-4%;bottom:-15%;width:min(54vw,700px);height:94%;background:url('/ai-assistant-v1.png') right bottom/contain no-repeat;opacity:.5;filter:drop-shadow(0 0 42px rgb(75 179 255/.24));mask-image:linear-gradient(90deg,transparent 0,#000 38%,#000 100%)}
.login-brand-content{z-index:2}.login-brand h1,.login-brand p,.brand-grid{max-width:520px;text-shadow:0 2px 22px rgb(0 0 0/.3)}
@media(max-width:1180px){.ai-command-hero{grid-template-columns:minmax(0,1fr) 300px}.ai-hero-copy{padding-left:30px}.ai-hero-actions{grid-template-columns:repeat(2,minmax(130px,1fr))}.ai-hero-visual img{right:-45px;width:370px}.dashboard-view>.metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.ai-command-hero{grid-template-columns:1fr;min-height:auto}.ai-hero-copy{padding:28px 24px 25px}.ai-hero-visual{position:absolute;right:0;bottom:0;width:42%;height:100%;min-height:0;opacity:.32}.ai-hero-visual img{right:-35%;bottom:-70px;width:340px}.ai-dialogue,.ai-orbit{display:none}.ai-hero-actions{position:relative;z-index:4;grid-template-columns:repeat(2,minmax(0,1fr));margin-right:22%}.ai-system-strip{margin-right:22%}.dashboard-view>.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ai-command-hero{margin:12px 12px 0;border-radius:14px}.ai-hero-copy{padding:23px 18px}.ai-hero-copy h1{font-size:28px}.ai-hero-copy>p{max-width:76%;font-size:12px}.ai-hero-actions{grid-template-columns:1fr 1fr;margin-top:20px;margin-right:0}.ai-skill{min-height:60px;padding:10px}.ai-skill small{display:none}.ai-system-strip{gap:11px;margin-right:0}.ai-hero-visual{width:45%;opacity:.27}.dashboard-view>.metrics{grid-template-columns:1fr 1fr}.dashboard-view .metric{min-height:94px}.login-brand:before{display:none}}
@media(prefers-reduced-motion:reduce){.ai-hero-visual img,.orbit-two{animation:none}}

/* Refined control-room pass: the assistant supports the data instead of competing with it. */
.ai-command-hero{grid-template-columns:minmax(0,1fr) 370px;min-height:328px;background:linear-gradient(120deg,rgb(12 24 40/.98),rgb(8 14 26/.96) 66%,rgb(15 18 38/.98));border-color:rgb(104 211 255/.16);border-radius:14px;box-shadow:0 22px 64px rgb(0 0 0/.23),inset 0 1px rgb(255 255 255/.035)}
.ai-command-hero:before{opacity:.45}
.ai-hero-grid{background-size:56px 56px;opacity:.55}
.ai-hero-copy{padding:30px 22px 24px 34px}
.ai-eyebrow{color:#66bfd8;letter-spacing:.14em}.ai-eyebrow>span{width:22px;opacity:.75}
.ai-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:24px;max-width:720px}
.ai-title-row h1{margin:0;color:#f2f6fc;font-size:clamp(28px,2.45vw,38px);font-weight:690;letter-spacing:-.035em;text-shadow:none}
.ai-title-row p{margin:8px 0 0;color:#8291a6;font-size:13px;line-height:1.65}
.ai-title-row .ai-hero-status{flex:0 0 auto;margin:2px 0 0;padding:6px 10px;background:rgb(60 214 171/.055);border-color:rgb(74 221 176/.18);color:#9fe4cc}
.ai-title-row .ai-hero-status.waiting{background:rgb(245 179 76/.055);color:#ebca8b}
.ai-overview-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:720px;margin-top:24px;border:1px solid rgb(103 183 227/.11);border-radius:9px;background:rgb(4 10 20/.34)}
.ai-overview-strip>div{padding:11px 14px;border-right:1px solid rgb(103 183 227/.1)}.ai-overview-strip>div:last-child{border-right:0}.ai-overview-strip span{display:block;color:#68798e;font-size:10px}.ai-overview-strip b{display:block;margin-top:5px;color:#dfe9f4;font:650 16px/1.1 "Cascadia Code",monospace}
.ai-hero-actions{grid-template-columns:repeat(4,minmax(0,1fr));max-width:720px;gap:8px;margin-top:14px}
.ai-skill{display:flex;align-items:center;gap:9px;min-height:50px;padding:9px 11px;border-radius:8px;background:rgb(4 10 20/.34)}.ai-skill:hover{transform:translateY(-1px);background:rgb(18 38 60/.58)}.ai-skill.primary{background:linear-gradient(135deg,rgb(28 116 179/.34),rgb(61 65 145/.3));box-shadow:none}
.ai-skill>span{flex:0 0 28px;width:28px;height:28px;margin:0;border-radius:7px}.ai-skill>b{min-width:0;font-size:11px;white-space:nowrap}.ai-skill>small{display:none}
.ai-hero-visual{min-height:328px;border-left:1px solid rgb(99 189 235/.09);background:linear-gradient(90deg,transparent,rgb(65 118 182/.035))}
.ai-hero-visual:before{content:"";position:absolute;inset:18px;border:1px solid rgb(89 205 242/.08);clip-path:polygon(0 0,24px 0,24px 1px,1px 1px,1px 24px,0 24px,0 100%,24px 100%,24px calc(100% - 1px),1px calc(100% - 1px),1px calc(100% - 24px),0 calc(100% - 24px),100% calc(100% - 24px),calc(100% - 1px) calc(100% - 24px),calc(100% - 1px) calc(100% - 1px),calc(100% - 24px) calc(100% - 1px),calc(100% - 24px) 100%,100% 100%,100% 0,calc(100% - 24px) 0,calc(100% - 24px) 1px,calc(100% - 1px) 1px,calc(100% - 1px) 24px,100% 24px)}
.ai-hero-visual:after{height:28%;background:linear-gradient(transparent,rgb(7 12 26/.7))}
.ai-hero-visual img{right:-8px;bottom:-172px;width:355px;filter:drop-shadow(0 0 24px rgb(87 180 255/.14));animation:ai-float-subtle 7s ease-in-out infinite}
.ai-visual-lines{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,transparent 48%,rgb(88 221 255/.18) 48.2%,transparent 48.5%),linear-gradient(0deg,transparent 64%,rgb(88 221 255/.1) 64.2%,transparent 64.5%);opacity:.5}
.ai-agent-panel{position:absolute;z-index:5;right:18px;bottom:16px;width:184px;padding:10px 12px;border:1px solid rgb(99 202 243/.16);border-radius:8px;background:rgb(5 12 24/.74);backdrop-filter:blur(10px)}
.ai-agent-panel>div{display:flex;align-items:center;justify-content:space-between}.ai-agent-panel>div span{color:#5f7187;font:700 8px/1 "Cascadia Code",monospace;letter-spacing:.14em}.ai-agent-panel>div b{color:#9cecff;font:700 11px/1 "Cascadia Code",monospace}.ai-agent-panel dl{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:9px 0 0;padding-top:8px;border-top:1px solid rgb(99 202 243/.09)}.ai-agent-panel dl div{display:grid;gap:3px}.ai-agent-panel dt{color:#596a7e;font-size:8px}.ai-agent-panel dd{margin:0;color:#d5e0eb;font:600 9px/1 "Cascadia Code",monospace}.ai-agent-panel dd.online{color:#69dbb3}.ai-agent-panel dd.waiting{color:#e6ba67}
.dashboard-view>.metrics{padding-top:12px;gap:10px}.dashboard-view .metric{min-height:92px;padding:15px 16px}.dashboard-view .metric b{margin-top:8px;font-size:24px}.dashboard-view .metric:after{margin-top:11px;width:22px;height:2px;box-shadow:none}
@keyframes ai-float-subtle{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:1180px){.ai-command-hero{grid-template-columns:minmax(0,1fr) 300px}.ai-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-hero-visual img{right:-35px;width:330px}.ai-overview-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.ai-command-hero{grid-template-columns:1fr}.ai-title-row{display:block}.ai-title-row .ai-hero-status{display:inline-flex;margin-top:15px}.ai-overview-strip{margin-right:18%}.ai-hero-actions{margin-right:20%}.ai-hero-visual{position:absolute;border-left:0}.ai-agent-panel{display:none}.ai-hero-visual img{right:-32%;bottom:-116px;width:315px}}
@media(max-width:560px){.ai-hero-copy{padding:22px 17px}.ai-title-row{margin-top:18px}.ai-title-row h1{font-size:26px}.ai-title-row p{max-width:72%}.ai-overview-strip{grid-template-columns:1fr 1fr;margin-top:18px;margin-right:0}.ai-overview-strip>div:nth-child(2){border-right:0}.ai-overview-strip>div:nth-child(-n+2){border-bottom:1px solid rgb(103 183 227/.1)}.ai-hero-actions{grid-template-columns:1fr 1fr;margin-right:0}.ai-hero-visual{width:46%}.ai-hero-visual img{right:-58%;bottom:-80px;width:280px}}
@media(prefers-reduced-motion:reduce){.ai-hero-visual img{animation:none}}
.dashboard-view .overview-card:has(.status-grid){display:none}