.emstudio-ai-shell{
  --ai-bg:#080f0c;
  --ai-panel:#101815;
  --ai-panel-2:#0c1411;
  --ai-line:rgba(148,170,160,.16);
  --ai-text:#edf5f1;
  --ai-muted:#92a39a;
  --ai-human:var(--green,#18e276);
  --ai-search:#4eb9e8;
  --ai-training:#e6ae5d;
  --ai-verify:#75d2b6;
  width:100%;
  min-width:0;
  color:var(--ai-text);
}
.emstudio-ai-shell *{box-sizing:border-box}
.emstudio-ai-console{overflow:hidden;border:1px solid var(--ai-line);border-radius:22px;background:var(--ai-bg)}
.emstudio-ai-hero{position:relative;display:grid;min-height:170px;padding:34px 38px;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:30px;border-bottom:1px solid var(--ai-line);background:radial-gradient(circle at 78% -20%,rgba(78,185,232,.13),transparent 46%)}
.emstudio-ai-hero::after{content:"";position:absolute;right:6%;bottom:0;width:220px;height:72px;opacity:.14;background:linear-gradient(135deg,transparent 49%,var(--ai-search) 50% 51%,transparent 52%) 0 0/18px 18px;pointer-events:none}
.emstudio-ai-heading{position:relative;z-index:1;min-width:0}
.emstudio-ai-route{display:flex;margin-bottom:17px;align-items:center;gap:8px;color:var(--ai-muted);font:600 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}
.emstudio-ai-route i{width:22px;height:1px;background:var(--ai-search)}
.emstudio-ai-kicker{color:var(--ai-search);font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}
.emstudio-ai-heading h2{margin:7px 0 0;color:#fff;font:750 clamp(29px,4vw,43px)/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.035em}
.emstudio-ai-heading p{max-width:680px;margin:10px 0 0;color:var(--ai-muted);font-size:13px;line-height:1.75}
.emstudio-ai-clock{position:relative;z-index:1;display:grid;min-width:0;padding:14px 15px;gap:4px;border:1px solid var(--ai-line);border-radius:12px;background:#09110e}
.emstudio-ai-clock span{color:var(--ai-muted);font-size:10px;letter-spacing:.08em}
.emstudio-ai-clock strong{overflow:hidden;color:var(--ai-human);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.emstudio-ai-clock time{color:#b2c0b9;font:10px/1.4 ui-monospace,Consolas,monospace}
.emstudio-ai-toolbar{display:flex;padding:9px 13px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--ai-line);background:#09110e}
.emstudio-ai-toolbar>code{overflow:hidden;color:var(--ai-search);font:10px/1.4 ui-monospace,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}
.emstudio-ai-tabs{display:flex;gap:4px}
.emstudio-ai-tabs button{min-width:68px;height:34px;padding:0 11px;border:1px solid transparent;border-radius:8px;color:var(--ai-muted);background:transparent;font-size:11px;cursor:pointer}
.emstudio-ai-tabs button:hover:not(:disabled){color:#fff;background:rgba(255,255,255,.045)}
.emstudio-ai-tabs button[aria-pressed=true]{border-color:rgba(78,185,232,.25);color:#07100d;background:var(--ai-search);font-weight:800}
.emstudio-ai-tabs button:disabled{cursor:not-allowed;opacity:.38}
.emstudio-ai-tabs button:focus-visible{outline:2px solid var(--ai-human);outline-offset:2px}
.emstudio-ai-loading{display:flex;padding:9px 18px;align-items:center;gap:10px;border-bottom:1px solid var(--ai-line);color:var(--ai-muted);font-size:11px}
.emstudio-ai-loading[hidden]{display:none}
.emstudio-ai-loading>span{display:flex;width:46px;gap:4px}
.emstudio-ai-loading i{height:2px;flex:1;border-radius:9px;background:var(--ai-search)}
.emstudio-ai-loading i:nth-child(2){opacity:.65}.emstudio-ai-loading i:nth-child(3){opacity:.35}
.emstudio-ai-state,.emstudio-ai-cap{display:grid;margin:14px 18px 0;padding:12px 14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;border:1px solid var(--ai-line);border-radius:11px;background:var(--ai-panel-2)}
.emstudio-ai-state[hidden],.emstudio-ai-cap[hidden]{display:none}
.emstudio-ai-state strong{color:var(--ai-search);font-size:12px}.emstudio-ai-state span{color:var(--ai-muted);font-size:11px}
.emstudio-ai-cap{border-color:rgba(230,174,93,.3)}
.emstudio-ai-cap strong{color:var(--ai-training);font-size:12px}.emstudio-ai-cap span{color:var(--ai-muted);font-size:11px}
.emstudio-ai-overview,.emstudio-ai-panel{margin:14px 18px 0;overflow:hidden;border:1px solid var(--ai-line);border-radius:15px;background:var(--ai-panel)}
.emstudio-ai-section-head{display:flex;min-height:49px;padding:10px 14px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ai-line)}
.emstudio-ai-section-head>div{display:flex;min-width:0;align-items:center;gap:9px}
.emstudio-ai-section-head>div>i{width:3px;height:16px;flex:0 0 auto;border-radius:8px;background:var(--ai-search)}
.emstudio-ai-section-head h3{margin:0;overflow:hidden;color:var(--ai-text);font:700 12px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}
.emstudio-ai-section-head code,.emstudio-ai-section-head>span{color:var(--ai-muted);font:10px/1.3 ui-monospace,Consolas,monospace;white-space:nowrap}
.emstudio-ai-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.emstudio-ai-metrics article{position:relative;overflow:hidden;min-height:132px;padding:17px 18px 15px;border-right:1px solid var(--ai-line)}
.emstudio-ai-metrics article:last-child{border-right:0}
.emstudio-ai-metrics article::after{content:"";position:absolute;right:-29px;bottom:-49px;width:112px;height:112px;border:1px solid currentColor;border-radius:50%;opacity:.1}
.emstudio-ai-metrics .is-human{color:var(--ai-human)}.emstudio-ai-metrics .is-search{color:var(--ai-search)}.emstudio-ai-metrics .is-training{color:var(--ai-training)}.emstudio-ai-metrics .is-verify{color:var(--ai-verify)}
.emstudio-ai-metric-icon{position:absolute;top:17px;right:18px;display:grid;width:46px;height:46px;margin:0;place-items:center;border:1px solid currentColor;border-radius:12px;background:rgba(255,255,255,.025);opacity:.9}
.emstudio-ai-metric-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.emstudio-ai-metrics article>strong{display:block;color:currentColor;font:750 clamp(27px,4vw,39px)/1 ui-monospace,Consolas,monospace}
.emstudio-ai-metrics h3{margin:9px 0 0;color:var(--ai-text);font:700 12px/1.3 ui-monospace,Consolas,monospace}
.emstudio-ai-metrics p{margin:6px 0 0;color:var(--ai-muted);font-size:10px;line-height:1.6}
.emstudio-ai-metrics p b{color:currentColor}

/* Keep values and labels on the left. The right-side icon remains contextual
   decoration, so longer values never collide with it. */
.emstudio-ai-metrics article>strong,
.emstudio-ai-metrics article>h3,
.emstudio-ai-metrics article>p,
.emstudio-ai-metrics article>.emstudio-ai-training-feed{max-width:calc(100% - 64px)}
.emstudio-ai-metrics article>strong{padding-top:1px}

/* Training crawls use a compact, privacy-safe ticker. The view/JS provides a
   title and a public article address only; the loop remains visible on hover
   and respects reduced-motion preferences below. */
.emstudio-ai-metrics .is-training>p{display:none}
.emstudio-ai-training-feed{display:flex;position:relative;overflow:hidden;height:30px;margin:7px 0 0;padding:0;flex-direction:column;list-style:none;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);will-change:transform;animation:emstudio-ai-training-track var(--training-duration,12s) linear infinite}
.emstudio-ai-training-feed>li{display:grid;min-width:0;flex:0 0 30px;gap:1px;align-content:center;line-height:1.2}
.emstudio-ai-training-feed a{display:grid;min-width:0;color:inherit;text-decoration:none}
.emstudio-ai-training-feed a:hover .training-title,
.emstudio-ai-training-feed a:focus-visible .training-title{color:currentColor}
.emstudio-ai-training-feed a:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:3px}
.emstudio-ai-training-feed .training-title,
.emstudio-ai-training-feed strong{overflow:hidden;color:var(--ai-text);font-size:9px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.emstudio-ai-training-feed .training-url,
.emstudio-ai-training-feed small,
.emstudio-ai-training-feed code{overflow:hidden;color:var(--ai-muted);font:8px/1.2 ui-monospace,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}
.emstudio-ai-training-feed .is-empty{display:block;padding:0;color:var(--ai-muted);font-size:9px}
.emstudio-ai-training-feed[hidden]{display:none}
@keyframes emstudio-ai-training-track{0%,4%{transform:translateY(0)}96%,100%{transform:translateY(var(--training-distance,-30px))}}
.emstudio-ai-training-feed[data-count="0"]{animation:none;transform:none}

/* The daylight page palette loads after this component. Use the same ink as
   the active sidebar menu instead of the previous low-contrast white label. */
html[data-theme="light"] body.emstudio-view-ai-monitor .emstudio-ai-tabs button[aria-pressed="true"]{color:var(--day-accent-strong,#075f59)!important;background:var(--day-soft-mint,#e6f5f1);border-color:rgba(8,122,112,.2)}
html[data-theme="light"] body.emstudio-view-ai-monitor .emstudio-ai-tabs button[aria-pressed="true"]:hover:not(:disabled){color:var(--day-accent-strong,#075f59)!important;background:var(--day-soft-mint,#e6f5f1)}
.emstudio-ai-explain{display:grid;margin:13px 18px 0;padding:13px 15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;border:1px solid var(--ai-line);border-radius:14px;background:var(--ai-panel-2)}
.emstudio-ai-explain p{margin:0;color:var(--ai-muted);font-size:11px;line-height:1.72}.emstudio-ai-explain p strong{color:var(--ai-text)}
.emstudio-ai-explain>span{width:max-content;max-width:100%;padding:4px 8px;grid-column:1/-1;border:1px solid rgba(230,174,93,.28);border-radius:99px;color:var(--ai-muted);font:10px/1.3 ui-monospace,Consolas,monospace}
.emstudio-ai-explain>span b{color:var(--ai-training)}
.emstudio-ai-board{display:grid;margin:13px 18px 0;grid-template-columns:minmax(0,1.4fr) minmax(330px,.8fr);align-items:start;gap:13px}
.emstudio-ai-board>.emstudio-ai-panel,.emstudio-ai-side>.emstudio-ai-panel{margin:0}
.emstudio-ai-side{display:grid;min-width:0;gap:13px}
.emstudio-ai-events{display:grid;margin:0;padding:0;list-style:none}
/* The recent-request board is the intentional scroll surface.  Keep the
   overview metrics (the four cards above) in normal flow so the cards never
   become nested scrollers; only a long event list receives a bounded viewport. */
.emstudio-ai-recent .emstudio-ai-events{
  max-height:min(360px, 44vh);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-color:rgba(78,185,232,.42) transparent;
  scrollbar-width:thin;
}
.emstudio-ai-recent .emstudio-ai-events:focus-visible{
  outline:2px solid var(--ai-search);
  outline-offset:-2px;
}
.emstudio-ai-recent .emstudio-ai-events::-webkit-scrollbar{width:7px}
.emstudio-ai-recent .emstudio-ai-events::-webkit-scrollbar-track{background:transparent}
.emstudio-ai-recent .emstudio-ai-events::-webkit-scrollbar-thumb{background:rgba(78,185,232,.38);border-radius:99px}
.emstudio-ai-recent .emstudio-ai-events::-webkit-scrollbar-thumb:hover{background:rgba(78,185,232,.62)}
.emstudio-ai-events>li{display:grid;min-height:51px;padding:8px 13px;grid-template-columns:102px minmax(120px,.72fr) minmax(110px,1fr) auto;align-items:center;gap:9px;border-bottom:1px solid var(--ai-line)}
.emstudio-ai-events>li:last-child{border-bottom:0}
.emstudio-ai-events time{overflow:hidden;color:var(--ai-muted);font:10px/1.3 ui-monospace,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}
.emstudio-ai-identity{display:grid;min-width:0}.emstudio-ai-identity strong,.emstudio-ai-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.emstudio-ai-identity strong{color:var(--ai-text);font:700 11px/1.4 ui-monospace,Consolas,monospace}.emstudio-ai-identity small{color:var(--ai-muted);font-size:9px}
.emstudio-ai-events code{overflow:hidden;color:var(--ai-search);font:10px/1.3 ui-monospace,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}
.emstudio-ai-evidence{padding:3px 7px;border:1px solid var(--ai-line);border-radius:99px;color:var(--ai-muted);font-size:9px;white-space:nowrap}
.emstudio-ai-evidence.is-verified{border-color:rgba(var(--accent-rgb,24,226,118),.3);color:var(--ai-human);background:rgba(var(--accent-rgb,24,226,118),.05)}
.emstudio-ai-events .is-empty{display:block;padding:35px 14px;color:var(--ai-muted);font-size:11px;text-align:center}
.emstudio-ai-delay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.emstudio-ai-delay-grid article{min-height:148px;padding:16px 14px;border-right:1px solid var(--ai-line)}.emstudio-ai-delay-grid article:last-child{border-right:0}
.emstudio-ai-delay-grid h4{margin:0;color:var(--ai-muted);font:650 10px/1.4 ui-monospace,Consolas,monospace}
.emstudio-ai-delay-grid article>strong{display:block;margin-top:10px;color:var(--ai-search);font:750 clamp(19px,3vw,27px)/1.1 ui-monospace,Consolas,monospace}
.emstudio-ai-delay-grid article:last-child>strong{color:var(--ai-human)}
.emstudio-ai-delay-grid dl{display:flex;margin:15px 0 0;gap:13px}.emstudio-ai-delay-grid dl div{display:grid}.emstudio-ai-delay-grid dt{color:var(--ai-muted);font-size:9px}.emstudio-ai-delay-grid dd{margin:0;color:var(--ai-text);font:10px/1.4 ui-monospace,Consolas,monospace}
.emstudio-ai-coverage{display:grid;padding:11px 13px 13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:1px solid var(--ai-line);background:var(--ai-panel-2)}
.emstudio-ai-coverage>span{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px}.emstudio-ai-coverage small{color:var(--ai-muted);font-size:9px}.emstudio-ai-coverage strong{color:var(--ai-text);font:10px/1.3 ui-monospace,Consolas,monospace}
.emstudio-ai-coverage i{position:relative;height:4px;grid-column:1/-1;overflow:hidden;border-radius:9px;background:var(--ai-line)}.emstudio-ai-coverage i em{position:absolute;inset-block:0;left:0;border-radius:inherit;background:var(--ai-search)}.emstudio-ai-coverage>span:last-child i em{background:var(--ai-human)}
.emstudio-ai-platform-groups{display:grid;padding:10px 13px 13px;gap:12px}.emstudio-ai-platform-groups h4{margin:0 0 6px;color:var(--ai-muted);font:650 10px/1.3 ui-monospace,Consolas,monospace}.emstudio-ai-platform-groups [data-group=referral] h4{color:var(--ai-human)}.emstudio-ai-platform-groups [data-group=search] h4{color:var(--ai-search)}.emstudio-ai-platform-groups [data-group=training] h4{color:var(--ai-training)}
.emstudio-ai-platform-groups ol{display:grid;margin:0;padding:0;gap:6px;list-style:none}.emstudio-ai-platform-groups li{display:grid;gap:4px}.emstudio-ai-platform-groups li>span{display:flex;justify-content:space-between;gap:10px}.emstudio-ai-platform-groups li strong{overflow:hidden;color:var(--ai-text);font:550 10px/1.3 ui-monospace,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.emstudio-ai-platform-groups li b{color:var(--ai-muted);font:10px/1.3 ui-monospace,Consolas,monospace}
.emstudio-ai-platform-groups li>i{position:relative;height:3px;overflow:hidden;border-radius:9px;background:var(--ai-line)}.emstudio-ai-platform-groups li>i em{position:absolute;inset-block:0;left:0;border-radius:inherit;background:var(--ai-search)}.emstudio-ai-platform-groups [data-group=referral] li>i em{background:var(--ai-human)}.emstudio-ai-platform-groups [data-group=training] li>i em{background:var(--ai-training)}
.emstudio-ai-platform-groups .is-empty{padding:5px 0;color:var(--ai-muted);font-size:9px}
.emstudio-ai-foot{display:flex;margin:13px 18px 18px;padding:11px 13px;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--ai-line);border-radius:13px;background:var(--ai-panel-2);color:var(--ai-muted);font-size:9px}
.emstudio-ai-foot>div{display:flex;min-width:0;align-items:baseline;gap:8px}.emstudio-ai-foot strong{flex:0 0 auto;color:var(--ai-text);font:650 10px/1.3 ui-monospace,Consolas,monospace}.emstudio-ai-foot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.emstudio-ai-foot dl{display:flex;margin:0;flex:0 0 auto;gap:14px}.emstudio-ai-foot dl div{display:flex;gap:5px}.emstudio-ai-foot dd{margin:0;color:var(--ai-human);font-family:ui-monospace,Consolas,monospace}
@media(max-width:1050px){.emstudio-ai-board{grid-template-columns:1fr}.emstudio-ai-side{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);align-items:start}}
@media(max-width:760px){
  .emstudio-ai-console{border-radius:17px}
  .emstudio-ai-hero{padding:25px 20px;grid-template-columns:1fr;gap:18px}
  .emstudio-ai-heading h2{font-size:27px}
  .emstudio-ai-toolbar{align-items:stretch;flex-direction:column}
  .emstudio-ai-tabs{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}.emstudio-ai-tabs button{min-width:0;padding:0 4px}
  .emstudio-ai-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.emstudio-ai-metrics article:nth-child(2){border-right:0}.emstudio-ai-metrics article:nth-child(-n+2){border-bottom:1px solid var(--ai-line)}
  .emstudio-ai-explain{grid-template-columns:1fr}
  .emstudio-ai-side{grid-template-columns:1fr}
  .emstudio-ai-recent .emstudio-ai-events{max-height:min(320px, 48vh)}
  .emstudio-ai-events>li{grid-template-columns:86px minmax(0,1fr) auto}.emstudio-ai-events code{grid-row:2;grid-column:1/-1}.emstudio-ai-events .emstudio-ai-evidence{grid-column:3}
  .emstudio-ai-foot{align-items:flex-start;flex-direction:column}.emstudio-ai-foot>div{align-items:flex-start;flex-direction:column;gap:3px}.emstudio-ai-foot span{white-space:normal}
}
@media(max-width:480px){
  .emstudio-ai-overview,.emstudio-ai-panel,.emstudio-ai-explain,.emstudio-ai-board,.emstudio-ai-foot{margin-inline:10px}
  .emstudio-ai-metrics{grid-template-columns:1fr}.emstudio-ai-metrics article{min-height:124px;padding-inline:15px;border-right:0;border-bottom:1px solid var(--ai-line)}.emstudio-ai-metrics article:last-child{border-bottom:0}.emstudio-ai-metric-icon{right:15px}
  .emstudio-ai-delay-grid,.emstudio-ai-coverage{grid-template-columns:1fr}.emstudio-ai-delay-grid article{border-right:0;border-bottom:1px solid var(--ai-line)}.emstudio-ai-delay-grid article:last-child{border-bottom:0}
  .emstudio-ai-events>li{padding-inline:9px;grid-template-columns:72px minmax(0,1fr)}.emstudio-ai-events .emstudio-ai-evidence{width:max-content;grid-row:2;grid-column:2;justify-self:end}.emstudio-ai-events code{grid-row:3}
  .emstudio-ai-recent .emstudio-ai-events{max-height:280px}
  .emstudio-ai-foot dl{width:100%;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){.emstudio-ai-shell *{scroll-behavior:auto!important;transition:none!important}.emstudio-ai-training-feed{animation:none!important;transform:none!important}}
@media(forced-colors:active){.emstudio-ai-console,.emstudio-ai-overview,.emstudio-ai-panel,.emstudio-ai-explain,.emstudio-ai-state,.emstudio-ai-cap{border-color:CanvasText;background:Canvas;color:CanvasText}}