/* AI section shell: separate navigation, analysis, running state and orchestration output. */

.ai-section-rail { padding-top:15px; }
.ai-section-rail nav { gap:3px; }
.ai-section-rail nav a { width:48px; height:44px; border-radius:12px; }
.ai-section-rail nav a > i { font-size:15px; }
.ai-section-rail nav a[data-ai-nav="analysis"] { margin-top:8px; }
.ai-section-rail nav a[data-ai-nav="analysis"]::after { position:absolute; top:-7px; left:8px; width:32px; height:1px; background:var(--yb-line,#dce4f0); content:""; }
.ai-section-rail nav a.is-active::before { left:-14px; }

.ai-console-view {
  display:flex;
  flex-direction:column;
  height:calc(100svh - 72px);
  min-height:650px;
  padding:clamp(25px,3vw,44px) clamp(24px,3.4vw,54px) 34px;
  overflow:auto;
  animation:ai-view-arrive .5s cubic-bezier(.2,.75,.2,1) both;
}
.ai-console-view[hidden],.launch-console[hidden] { display:none!important; }
.ai-view-head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; flex:0 0 auto; }
.ai-view-head > div > span { display:flex; align-items:center; gap:8px; color:var(--yb-primary,#2f63f2); font-size:9px; font-weight:850; letter-spacing:.16em; }
.ai-view-head > div > span i { width:7px; height:7px; border-radius:50%; background:var(--yb-ai,#16c3e0); box-shadow:0 0 12px rgba(22,195,224,.5); }
.ai-view-head h1 { margin:10px 0 7px; color:var(--yb-text,#14213d); font-size:clamp(32px,3.5vw,54px); font-weight:620; letter-spacing:-.055em; line-height:1.02; }
.ai-view-head p { margin:0; color:var(--yb-muted,#64748b); font-size:11px; line-height:1.7; }
.ai-view-head > em { display:flex; align-items:center; gap:7px; flex:0 0 auto; padding:8px 11px; border:1px solid var(--yb-line,#dce4f0); border-radius:100px; color:var(--yb-muted,#64748b); background:rgba(255,255,255,.82); font-size:8px; font-style:normal; font-weight:750; }
.ai-view-head > em i { width:6px; height:6px; border-radius:50%; background:var(--yb-success,#14a673); box-shadow:0 0 9px rgba(20,166,115,.35); }
.ai-view-head > em.is-live i { background:var(--yb-ai,#16c3e0); animation:ai-status-pulse 1.5s ease infinite; }

.ai-metric-row { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; flex:0 0 auto; margin-top:22px; }
.ai-metric-row article { position:relative; min-width:0; min-height:108px; padding:14px; overflow:hidden; border:1px solid var(--yb-line,#dce4f0); border-radius:15px; background:rgba(255,255,255,.9); box-shadow:var(--yb-shadow-soft,0 8px 28px rgba(32,62,124,.075)); }
.ai-metric-row article::after { position:absolute; right:-30px; bottom:-48px; width:115px; height:115px; border:1px solid rgba(47,99,242,.09); border-radius:50%; content:""; }
.ai-metric-row small { color:var(--yb-muted,#64748b); font-size:10px; font-weight:750; }
.ai-metric-row strong { display:block; margin:8px 0 5px; color:var(--yb-text,#14213d); font-size:30px; font-weight:650; letter-spacing:-.04em; line-height:1.12; }
.ai-metric-row span { display:block; color:var(--yb-muted-2,#8b9bb2); font-size:9px; line-height:1.5; }
.ai-metric-row span i { margin-right:5px; color:var(--yb-success,#14a673); font-style:normal; font-weight:800; }
.ai-funnel-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr); gap:12px; margin-top:12px; }
.ai-funnel-panel,.ai-evidence-panel { border:1px solid var(--yb-line,#dce4f0); border-radius:19px; background:rgba(255,255,255,.94); box-shadow:var(--yb-shadow-soft,0 8px 28px rgba(32,62,124,.075)); }
.ai-funnel-panel { min-height:430px; padding:18px; }
.ai-funnel-panel > header,.ai-evidence-panel > header { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; }
.ai-funnel-panel header small,.ai-evidence-panel header small { color:var(--yb-primary,#2f63f2); font-size:7px; font-weight:850; letter-spacing:.14em; }
.ai-funnel-panel header strong,.ai-evidence-panel header strong { display:block; margin-top:5px; font-size:14px; letter-spacing:-.02em; }
.ai-funnel-panel header > span { padding:5px 7px; border-radius:100px; color:var(--yb-muted,#64748b); background:#f1f4f9; font-size:7px; white-space:nowrap; }
/* Six tapered stages share a visual column; explanations keep a readable width. */
.ai-funnel-steps { display:flex; flex-direction:column; gap:7px; margin-top:18px; }
.ai-funnel-step { --funnel-width:100%; position:relative; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:center; gap:18px; width:100%; min-width:0; padding:0; border:0; border-radius:10px; background:transparent; cursor:pointer; }
.ai-funnel-step:focus-visible { outline:2px solid var(--yb-primary,#2f63f2); outline-offset:4px; }
.ai-funnel-shape { display:grid; place-items:center; justify-self:center; width:var(--funnel-width); min-width:0; min-height:78px; padding:10px 8px; color:#fff; background:linear-gradient(100deg,#244bc1,#3479ee); clip-path:polygon(0 0,100% 0,94% 100%,6% 100%); transition:filter .2s ease; }
.ai-funnel-step:nth-child(2) { --funnel-width:88%; }
.ai-funnel-step:nth-child(3) { --funnel-width:77%; }
.ai-funnel-step:nth-child(4) { --funnel-width:67%; }
.ai-funnel-step:nth-child(5) { --funnel-width:57%; }
.ai-funnel-step:nth-child(6) { --funnel-width:48%; }
.ai-funnel-step:nth-child(2) .ai-funnel-shape { background:linear-gradient(100deg,#2d61d6,#2e99e8); }
.ai-funnel-step:nth-child(3) .ai-funnel-shape { background:linear-gradient(100deg,#2775d6,#20acd9); }
.ai-funnel-step:nth-child(4) .ai-funnel-shape { background:linear-gradient(100deg,#258bcf,#20b9d0); }
.ai-funnel-step:nth-child(5) .ai-funnel-shape { background:linear-gradient(100deg,#1c9fc7,#24c4ca); }
.ai-funnel-step:nth-child(6) .ai-funnel-shape { background:linear-gradient(100deg,#159fb8,#28c6c5); }
.ai-funnel-step:hover .ai-funnel-shape,.ai-funnel-step.is-active .ai-funnel-shape { filter:saturate(1.15) brightness(1.07); }
.ai-funnel-shape span { display:flex; min-width:0; flex-direction:column; align-items:center; gap:2px; width:100%; text-align:center; }
.ai-funnel-shape small { font-size:10px; font-weight:750; line-height:1.25; white-space:nowrap; }
.ai-funnel-shape strong { font-size:25px; font-weight:650; line-height:1.15; letter-spacing:-.04em; }
.ai-funnel-shape em { font-size:8px; line-height:1.3; font-style:normal; white-space:nowrap; opacity:.92; }
.ai-funnel-result { display:grid; grid-template-columns:1fr; align-content:center; gap:4px; min-width:0; margin:0; padding:9px 0; color:var(--yb-muted,#64748b); }
.ai-funnel-result span { color:var(--yb-primary,#2f63f2); font-size:9px; font-weight:800; line-height:1.4; }
.ai-funnel-result p { margin:0; font-size:10px; line-height:1.55; overflow-wrap:anywhere; }
.ai-funnel-result em { color:var(--yb-success,#14a673); font-size:9px; font-style:normal; font-weight:800; line-height:1.4; }
.ai-funnel-step.is-awaiting .ai-funnel-shape { background:#d9e2f0; color:#667991; }
.ai-evidence-panel { display:flex; flex-direction:column; gap:8px; padding:17px; }
.ai-evidence-panel > header { padding-bottom:11px; border-bottom:1px solid var(--yb-line,#dce4f0); }
.ai-evidence-panel header > span { display:flex; align-items:center; gap:5px; padding:5px 7px; border-radius:100px; color:var(--yb-success,#14a673); background:var(--yb-success-soft,#e7f7f1); font-size:7px; white-space:nowrap; }
.ai-evidence-panel header > span i { width:5px; height:5px; border-radius:50%; background:currentColor; }
.ai-evidence-panel article { transition:border-color .2s ease,background .2s ease,box-shadow .2s ease; display:grid; grid-template-columns:27px 1fr; gap:9px; padding:10px; border:1px solid var(--yb-line,#dce4f0); border-radius:12px; background:#fbfcff; }
.ai-evidence-panel article.is-active { border-color:rgba(47,99,242,.42); background:#f3f7ff; box-shadow:0 7px 18px rgba(47,99,242,.1); }
.ai-evidence-panel article > i { display:grid; place-items:center; width:26px; height:26px; border-radius:8px; color:var(--yb-primary,#2f63f2); background:var(--yb-primary-soft,#eaf0ff); font-size:7px; font-style:normal; font-weight:800; }
.ai-evidence-panel article small { color:var(--yb-muted-2,#8b9bb2); font-size:7px; font-weight:750; letter-spacing:.04em; }
.ai-evidence-panel article strong { display:block; margin-top:4px; font-size:9px; }
.ai-evidence-panel article p { margin:5px 0 0; color:var(--yb-muted,#64748b); font-size:7px; line-height:1.5; }
.ai-evidence-panel article em { display:block; margin-top:6px; color:#3154a9; font-size:7px; font-style:normal; line-height:1.45; }
.ai-evidence-panel footer { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; padding-top:8px; color:var(--yb-muted-2,#8b9bb2); font-size:7px; }
.ai-evidence-panel footer a { display:flex; align-items:center; gap:7px; padding:7px 9px; border-radius:9px; color:#fff; background:var(--yb-primary,#2f63f2); font-size:7px; font-weight:750; text-decoration:none; }
.ai-evidence-panel footer a i { font-style:normal; }
.ai-analysis-grid { margin-top:12px; }
.ai-analysis-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr); gap:12px; flex:1; min-height:310px; margin-top:12px; }
.ai-trend-panel { border:1px solid var(--yb-line,#dce4f0); border-radius:19px; background:rgba(255,255,255,.92); box-shadow:var(--yb-shadow-soft,0 8px 28px rgba(32,62,124,.075)); }
.ai-trend-panel { display:flex; flex-direction:column; min-height:0; padding:17px; }
.ai-trend-panel > header { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; }
.ai-trend-panel > header > div { flex-direction:column; }
.ai-trend-panel header small { color:var(--yb-primary,#2f63f2); font-size:7px; font-weight:850; letter-spacing:.14em; }
.ai-trend-panel header strong { display:block; margin-top:5px; font-size:13px; }
.ai-trend-panel header > span { padding:5px 7px; border-radius:100px; color:var(--yb-success,#14a673); background:var(--yb-success-soft,#e7f7f1); font-size:7px; }
.ai-trend-chart { position:relative; flex:1; min-height:210px; margin-top:12px; overflow:hidden; border-radius:13px; background:linear-gradient(180deg,#f8faff,#fff); }
.ai-chart-grid { position:absolute; inset:0; display:grid; grid-template-rows:repeat(4,1fr); }
.ai-chart-grid i { border-bottom:1px dashed #dfe7f3; }
.ai-trend-chart svg { position:absolute; inset:13px 10px 26px; width:calc(100% - 20px); height:calc(100% - 39px); overflow:visible; }
.ai-chart-area { fill:url(#analysisFill); }
.ai-chart-line { fill:none; stroke:var(--yb-primary,#2f63f2); stroke-width:3; stroke-linecap:round; stroke-dasharray:1100; stroke-dashoffset:1100; animation:ai-chart-draw 2.2s .15s ease forwards; }
.ai-trend-chart circle { fill:#fff; stroke:var(--yb-ai,#16c3e0); stroke-width:3; animation:ai-chart-point 1.8s ease infinite; }
.ai-chart-labels { position:absolute; right:11px; bottom:7px; left:11px; display:flex; justify-content:space-between; color:var(--yb-muted-2,#8b9bb2); font-size:7px; }

.ai-run-layout { display:grid; grid-template-columns:minmax(0,2.2fr) minmax(245px,.65fr); gap:12px; flex:1; min-height:430px; margin-top:26px; }
.client-mapping { display:flex; min-width:0; flex-direction:column; border:1px solid var(--yb-line,#dce4f0); border-radius:20px; background:rgba(255,255,255,.94); box-shadow:var(--yb-shadow-soft,0 8px 28px rgba(32,62,124,.075)); overflow:hidden; }
.client-mapping>header { display:flex; flex-shrink:0; align-items:flex-start; justify-content:space-between; gap:12px; padding:17px 18px; border-bottom:1px solid var(--yb-line,#dce4f0); }
.client-mapping header small { color:var(--yb-primary,#2f63f2); font-size:7px; font-weight:850; letter-spacing:.14em; }
.client-mapping header h2 { margin:5px 0 0; color:var(--yb-text,#14213d); font-size:18px; }
.client-mapping header>span { display:flex; align-items:center; gap:6px; margin-left:auto; padding:6px 8px; border-radius:100px; color:#8b9bb2; background:#f1f4f9; font-size:8px; white-space:nowrap; }
.client-mapping header>span i,.client-mapping footer i { width:6px; height:6px; border-radius:50%; background:#b5c0d1; }
.client-mapping header button { padding:7px 9px; border:1px solid #cbdaf9; border-radius:8px; color:#2f63f2; background:#f5f8ff; cursor:pointer; font-size:9px; white-space:nowrap; }
.client-mapping-surface { display:flex; flex:1; min-height:0; align-items:center; justify-content:safe center; flex-direction:column; gap:10px; padding:20px 24px; overflow:auto; color:#64748b; background:radial-gradient(circle at 50% 38%,#eef4ff,transparent 48%),#f8faff; text-align:center; }
.client-mapping-surface>* { flex-shrink:0; }
.client-mapping-surface>strong { color:#314968; font-size:14px; }
.client-mapping-surface>p { margin:0; color:#8b9bb2; font-size:10px; line-height:1.7; }
.client-placeholder-label { padding:5px 8px; border:1px dashed #b9c8df; border-radius:100px; color:#7f91ad; background:#fff; font-size:8px; }
.client-window-sketch { position:relative; width:min(72%,310px); aspect-ratio:1.5; border:1px solid #cbdaf2; border-radius:12px; background:rgba(255,255,255,.82); box-shadow:0 18px 42px rgba(48,87,150,.12); }
.client-sketch-chrome { display:flex; align-items:center; gap:5px; height:22px; padding:0 9px; border-bottom:1px solid #e1e8f3; }
.client-sketch-chrome i { width:5px; height:5px; border-radius:50%; background:#c8d4e8; }.client-sketch-chrome b { width:38%; height:5px; margin:auto; border-radius:99px; background:#e5ebf5; }
.client-sketch-body { display:grid; grid-template-columns:18% 1fr; height:calc(100% - 22px); }.client-sketch-body aside { padding:13px 8px; border-right:1px solid #e7edf6; }.client-sketch-body aside i { display:block; height:7px; margin-bottom:9px; border-radius:3px; background:#e8eef8; }.client-sketch-body section { position:relative; padding:15px; }.client-sketch-body section>span { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; color:#fff; background:#2f63f2; font-size:17px; }.client-sketch-body section>i { display:block; width:52%; height:8px; margin-top:13px; border-radius:3px; background:#dbe6f6; }.client-sketch-body section>div { display:flex; gap:8px; margin-top:18px; }.client-sketch-body section>div b { width:27%; height:45px; border-radius:6px; background:#edf3ff; }.client-sketch-cursor { position:absolute; right:16%; bottom:16%; color:#2f63f2; font-size:22px; transform:rotate(-12deg); animation:client-cursor-float 2.4s ease-in-out infinite; }
.client-mapping footer { display:flex; flex-shrink:0; align-items:center; justify-content:space-between; gap:10px; padding:11px 18px; border-top:1px solid var(--yb-line,#dce4f0); color:#7f91ad; font-size:8px; }.client-mapping footer span { display:flex; align-items:center; gap:6px; }.client-mapping footer small { color:#a0aec1; font-size:8px; }
.client-mapping.is-expanded { position:fixed; inset:80px 5vw 30px; z-index:40; box-shadow:0 24px 80px rgba(28,56,110,.22); }.client-mapping.is-expanded .client-mapping-surface { min-height:0; }.client-mapping.is-expanded .client-window-sketch { width:min(72%,500px,calc(42svh)); }
@keyframes client-cursor-float { 50% { transform:translate(-5px,-4px) rotate(-12deg); } }
.workflow-provenance { margin:14px 0 2px; border:1px solid #dce4f0; border-radius:15px; background:#f8faff; overflow:hidden; }.workflow-provenance summary { display:flex; align-items:center; gap:11px; padding:11px 14px; color:#314968; cursor:pointer; list-style:none; }.workflow-provenance summary::-webkit-details-marker{display:none}.workflow-source-mark { display:grid; place-items:center; width:28px; height:28px; border-radius:9px; color:#fff; background:#2f63f2; }.workflow-provenance summary>span:nth-child(2){display:flex; flex-direction:column; gap:3px;}.workflow-provenance summary small{color:#7c90b0;font-size:7px;}.workflow-provenance summary strong{font-size:11px;}.workflow-provenance summary strong b{margin-left:6px;color:#2f63f2;font:700 8px ui-monospace,monospace;}.workflow-source-version{margin-left:auto;color:#7e91ae;font-size:8px;}.workflow-provenance summary>em{display:flex;align-items:center;gap:5px;color:#2f63f2;font-size:8px;font-style:normal;}.workflow-provenance[open] summary>em i{transform:rotate(180deg)}.workflow-provenance summary>em i{font-style:normal;transition:transform .2s}.workflow-source-detail{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;padding:13px 14px 15px;border-top:1px solid #e1e8f3;background:#fff}.workflow-source-detail ol{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}.workflow-source-detail li{display:flex;gap:7px;padding:9px;border:1px solid #e3eaf5;border-radius:10px}.workflow-source-detail li>i{color:#2f63f2;font-size:9px;font-style:normal;font-weight:800}.workflow-source-detail li span{display:flex;flex-direction:column;gap:3px}.workflow-source-detail li strong{font-size:9px}.workflow-source-detail li small,.workflow-source-detail p{color:#8b9bb2;font-size:8px;line-height:1.5}.workflow-source-detail p{margin:0;align-self:center;padding-left:13px;border-left:2px solid #dbe6fa;}
@media(max-width:1000px){.client-mapping-surface{min-height:290px}.workflow-source-detail{grid-template-columns:1fr}.workflow-source-detail p{padding:8px 0 0;border-top:2px solid #dbe6fa;border-left:0}.client-mapping.is-expanded{inset:70px 16px 20px}}
@media(max-width:560px){.client-mapping>header{padding:13px}.client-mapping header>span{display:none}.client-mapping-surface{padding:20px 13px}.client-window-sketch{width:92%}.client-mapping footer{padding:10px 13px}.workflow-provenance summary{gap:7px;padding:10px}.workflow-source-version{display:none}.workflow-provenance summary>em{margin-left:auto}.workflow-source-detail ol{grid-template-columns:1fr}.client-mapping.is-expanded{inset:62px 8px 10px}}
.ai-run-orbit-card,.ai-run-list,.ai-run-log { border:1px solid var(--yb-line,#dce4f0); border-radius:20px; background:rgba(255,255,255,.92); box-shadow:var(--yb-shadow-soft,0 8px 28px rgba(32,62,124,.075)); }
.ai-run-orbit-card { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:20px; text-align:center; }
.ai-run-orbit { position:relative; display:grid; place-items:center; width:min(24vh,210px); min-width:160px; aspect-ratio:1; margin-bottom:15px; }
.ai-run-orbit > i { position:absolute; border:1px solid rgba(47,99,242,.16); border-radius:50%; }
.ai-run-orbit > i:nth-child(1) { inset:0; border-style:dashed; animation:spin 20s linear infinite; }
.ai-run-orbit > i:nth-child(2) { inset:17%; border-color:rgba(22,195,224,.22); animation:spin-reverse 13s linear infinite; }
.ai-run-orbit > i:nth-child(3) { inset:34%; border-color:rgba(20,166,115,.2); }
.ai-run-orbit > b { position:absolute; width:85%; height:1px; background:linear-gradient(90deg,transparent,var(--yb-ai,#16c3e0),transparent); animation:ai-run-scan 2.8s ease-in-out infinite; }
.ai-run-orbit .one-avatar { width:58px; height:58px; animation:agent-breathe 3s ease-in-out infinite; }
.ai-run-orbit > em { position:absolute; bottom:7%; padding:4px 7px; border-radius:100px; color:var(--yb-success,#14a673); background:var(--yb-success-soft,#e7f7f1); font-size:7px; font-style:normal; font-weight:850; letter-spacing:.12em; }
.ai-run-orbit-card > small { color:var(--yb-primary,#2f63f2); font-size:7px; font-weight:850; letter-spacing:.14em; }
.ai-run-orbit-card h2 { margin:8px 0; font-size:22px; letter-spacing:-.04em; line-height:1.08; }
.ai-run-orbit-card > p { max-width:300px; margin:0; color:var(--yb-muted,#64748b); font-size:8px; line-height:1.6; }
.ai-run-progress { display:grid; grid-template-columns:1fr auto; align-items:center; gap:9px; width:100%; margin-top:18px; }
.ai-run-progress > span { height:5px; overflow:hidden; border-radius:100px; background:#dfe7f3; }
.ai-run-progress > span i { display:block; width:68%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--yb-primary,#2f63f2),var(--yb-ai,#16c3e0)); animation:ai-progress-breathe 2s ease-in-out infinite; }
.ai-run-progress b { color:var(--yb-primary,#2f63f2); font-size:9px; }
.ai-run-list { display:flex; flex-direction:column; gap:8px; padding:15px; }
.ai-run-list article { display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:10px; flex:1; min-height:74px; padding:11px; border:1px solid var(--yb-line,#dce4f0); border-radius:13px; background:#fbfcff; }
.ai-run-list article > i { display:grid; place-items:center; width:29px; height:29px; border-radius:9px; color:var(--yb-muted,#64748b); background:#edf2f8; font-size:8px; font-style:normal; }
.ai-run-list article > div { min-width:0; }
.ai-run-list small { color:var(--yb-muted-2,#8b9bb2); font-size:7px; font-weight:800; letter-spacing:.1em; }
.ai-run-list strong { display:block; margin-top:4px; overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.ai-run-list p { margin:3px 0 0; color:var(--yb-muted,#64748b); font-size:7px; }
.ai-run-list article > em { padding:5px 7px; border-radius:100px; color:var(--yb-muted,#64748b); background:#edf2f8; font-size:7px; font-style:normal; white-space:nowrap; }
.ai-run-list article.is-done > i { color:#fff; background:var(--yb-success,#14a673); }
.ai-run-list article.is-done > em { color:var(--yb-success,#14a673); background:var(--yb-success-soft,#e7f7f1); }
.ai-run-list article.is-running { border-color:rgba(22,195,224,.32); background:var(--yb-ai-soft,#e6f9fc); }
.ai-run-list article.is-running > i { position:relative; background:#fff; }
.ai-run-list article.is-running > i::after { width:8px; height:8px; border:2px solid var(--yb-ai,#16c3e0); border-top-color:transparent; border-radius:50%; content:""; animation:spin .85s linear infinite; }
.ai-run-list article.is-running > em { color:#078ca6; background:#fff; }
.ai-run-list article.is-running div > span { display:block; height:3px; margin-top:7px; overflow:hidden; border-radius:10px; background:#d5eef4; }
.ai-run-list article.is-running div > span b { display:block; width:62%; height:100%; background:var(--yb-ai,#16c3e0); animation:ai-task-progress 2.3s ease-in-out infinite; }
.ai-run-log { min-width:0; padding:16px; }
.ai-run-log header small { color:var(--yb-primary,#2f63f2); font-size:7px; font-weight:850; letter-spacing:.14em; }
.ai-run-log header strong { display:block; margin-top:5px; font-size:13px; }
.ai-run-log ol { position:relative; margin:16px 0 0; padding:0; list-style:none; }
.ai-run-log ol::before { position:absolute; top:4px; bottom:4px; left:4px; width:1px; background:var(--yb-line,#dce4f0); content:""; }
.ai-run-log li { position:relative; display:flex; flex-direction:column; gap:4px; min-height:66px; padding:0 0 12px 20px; }
.ai-run-log li::before { position:absolute; top:3px; left:1px; width:7px; height:7px; border:2px solid #fff; border-radius:50%; background:var(--yb-primary,#2f63f2); box-shadow:0 0 0 1px rgba(47,99,242,.25); content:""; }
.ai-run-log time { color:var(--yb-muted-2,#8b9bb2); font:700 7px ui-monospace,SFMono-Regular,Menlo,monospace; }
.ai-run-log li span { color:var(--yb-text-2,#344563); font-size:8px; line-height:1.5; }

.ai-orchestration-board { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(310px,.72fr); gap:13px; flex:1; min-height:430px; margin-top:26px; }
.ai-block-chain,.ai-output-map { border:1px solid var(--yb-line,#dce4f0); border-radius:20px; background:rgba(255,255,255,.92); box-shadow:var(--yb-shadow-soft,0 8px 28px rgba(32,62,124,.075)); }
.ai-block-chain { display:grid; grid-template-columns:repeat(6,minmax(100px,1fr) 16px) minmax(100px,1fr); align-items:stretch; gap:0; padding:18px; overflow:auto; }
.ai-block-chain > a { position:relative; display:flex; flex-direction:column; min-width:105px; padding:13px 11px; overflow:hidden; border:1px solid var(--yb-line,#dce4f0); border-radius:15px; color:inherit; background:linear-gradient(145deg,#fff,#f7faff); transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease; }
.ai-block-chain > a:hover { border-color:#aebff0; box-shadow:0 12px 28px rgba(47,99,242,.1); transform:translateY(-4px); }
.ai-block-chain > a > i { display:grid; place-items:center; width:26px; height:26px; border-radius:8px; color:var(--yb-primary,#2f63f2); background:var(--yb-primary-soft,#eaf0ff); font-size:7px; font-style:normal; }
.ai-block-chain small { margin-top:17px; color:var(--yb-muted-2,#8b9bb2); font-size:7px; font-weight:850; letter-spacing:.12em; }
.ai-block-chain strong { margin-top:6px; font-size:10px; line-height:1.35; }
.ai-block-chain em { margin-top:auto; padding-top:15px; color:var(--yb-primary,#2f63f2); font-size:7px; font-style:normal; font-weight:750; }
.ai-block-chain > b { position:relative; align-self:center; width:16px; min-width:16px; height:1px; background:linear-gradient(90deg,var(--yb-primary,#2f63f2),var(--yb-ai,#16c3e0)); }
.ai-block-chain > b::after { position:absolute; top:-2px; right:0; width:5px; height:5px; border-radius:50%; background:var(--yb-ai,#16c3e0); box-shadow:0 0 8px rgba(22,195,224,.7); content:""; animation:ai-link-travel 1.8s ease-in-out infinite; }
.ai-output-map { display:flex; flex-direction:column; padding:17px; }
.ai-output-map > header { display:flex; justify-content:space-between; gap:12px; padding-bottom:13px; border-bottom:1px solid var(--yb-line,#dce4f0); }
.ai-output-map header small { color:var(--yb-primary,#2f63f2); font-size:7px; font-weight:850; letter-spacing:.13em; }
.ai-output-map header strong { display:block; margin-top:5px; font-size:13px; }
.ai-output-map header > span { align-self:flex-start; padding:5px 7px; border-radius:100px; color:var(--yb-success,#14a673); background:var(--yb-success-soft,#e7f7f1); font-size:7px; }
.ai-output-map > div { display:flex; flex-direction:column; gap:8px; margin-top:13px; }
.ai-output-map article { display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:9px; min-height:63px; padding:10px; border:1px solid var(--yb-line,#dce4f0); border-radius:12px; background:#fbfcff; }
.ai-output-map article > i { display:grid; place-items:center; width:29px; height:29px; border-radius:9px; color:var(--yb-primary,#2f63f2); background:var(--yb-primary-soft,#eaf0ff); font-style:normal; }
.ai-output-map article small { color:var(--yb-muted-2,#8b9bb2); font-size:7px; }
.ai-output-map article strong { display:block; margin-top:4px; font-size:8px; }
.ai-output-map article > em { color:var(--yb-success,#14a673); font-size:7px; font-style:normal; }
.ai-output-map footer { display:flex; gap:7px; margin-top:auto; padding-top:14px; }
.ai-output-map footer a { display:grid; place-items:center; flex:1; min-height:40px; padding:0 9px; border:1px solid var(--yb-line,#dce4f0); border-radius:10px; color:var(--yb-muted,#64748b); font-size:8px; font-weight:750; text-align:center; }
.ai-output-map footer a:last-child { display:flex; align-items:center; justify-content:space-between; color:#fff; border-color:var(--yb-primary,#2f63f2); background:var(--yb-primary,#2f63f2); }
.ai-output-map footer i { font-style:normal; }

@keyframes ai-view-arrive { from{opacity:0;transform:translateY(9px)} to{opacity:1;transform:none} }
@keyframes ai-status-pulse { 50%{opacity:.35;transform:scale(.75)} }
@keyframes ai-chart-draw { to{stroke-dashoffset:0} }
@keyframes ai-chart-point { 50%{r:9;opacity:.35} }
@keyframes ai-run-scan { 0%,100%{opacity:.25;transform:translateY(-48px) rotate(-12deg)}50%{opacity:1;transform:translateY(48px) rotate(-12deg)} }
@keyframes ai-progress-breathe { 50%{filter:saturate(1.5);box-shadow:0 0 10px rgba(22,195,224,.35)} }
@keyframes ai-task-progress { 0%,100%{width:40%}50%{width:82%} }
@keyframes ai-link-travel { from{opacity:0;transform:translateX(-14px)}50%{opacity:1}to{opacity:0;transform:translateX(0)} }

@media(max-width:1180px){
  .ai-funnel-layout { grid-template-columns:1fr; }
  .ai-evidence-panel { min-height:300px; }
  .ai-orchestration-board { grid-template-columns:1fr; }
  .ai-block-chain { min-height:230px; }
  .ai-output-map { min-height:250px; }
}
@media(max-width:1100px){
  .ai-metric-row { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ai-metric-row article { min-height:102px; }
}
@media(max-width:900px){
  .ai-section-rail { overflow-x:auto; }
  .ai-section-rail nav { justify-content:flex-start; min-width:max-content; }
  .ai-section-rail nav a { flex:0 0 55px; width:55px; height:52px; }
  .ai-section-rail nav a[data-ai-nav="analysis"] { margin-top:0; }
  .ai-section-rail nav a[data-ai-nav="analysis"]::after { display:none; }
  .ai-console-view { height:auto; min-height:calc(100svh - 134px); padding:25px 17px 92px; overflow:visible; }
  .ai-view-head { align-items:flex-start; flex-direction:column; gap:14px; }
  .ai-metric-row { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ai-analysis-grid,.ai-run-layout { grid-template-columns:1fr; }
  .ai-run-orbit-card { min-height:420px; }
  .ai-block-chain { grid-template-columns:repeat(6,120px 16px) 120px; }
}
@media(max-width:560px){
  .ai-view-head h1 { font-size:36px; }
  .ai-metric-row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:18px; }
  .ai-metric-row article { min-height:100px; padding:12px; }
  .ai-metric-row strong { font-size:27px; }
  .ai-funnel-panel { padding:13px; }
  .ai-funnel-step { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:12px; }
  .ai-funnel-shape { min-height:78px; padding:9px 5px; }
  .ai-funnel-shape small { font-size:8px; }
  .ai-funnel-shape strong { font-size:22px; }
  .ai-funnel-shape em { font-size:7px; }
  .ai-funnel-result p { font-size:9px; }
  .ai-funnel-result span,.ai-funnel-result em { font-size:8px; }
  .ai-evidence-panel footer { align-items:flex-start; flex-direction:column; }
  .ai-run-list { padding:9px; }
  .ai-run-list article { grid-template-columns:29px 1fr; }
  .ai-run-list article > em { grid-column:2; width:max-content; }
  .ai-output-map footer { flex-direction:column; }
  .ai-output-map footer a { flex:none; }
}

@media(prefers-reduced-motion:reduce){
  .ai-chart-line { stroke-dashoffset:0; animation:none; }
  .ai-run-orbit > i,.ai-run-orbit > b,.ai-run-orbit .one-avatar,.ai-run-list article.is-running > i::after,.ai-run-list article.is-running div > span b,.ai-block-chain > b::after { animation:none!important; }
}

/* Analysis detail: source, audience and device distribution. */
.ai-detail-panel { margin-top:12px; padding:17px; border:1px solid var(--yb-line,#dce4f0); border-radius:19px; background:rgba(255,255,255,.94); box-shadow:var(--yb-shadow-soft,0 8px 28px rgba(32,62,124,.075)); }
.ai-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; }
.ai-detail-head small { color:var(--yb-primary,#2f63f2); font-size:7px; font-weight:850; letter-spacing:.14em; }
.ai-detail-head h2 { margin:5px 0 0; font-size:14px; letter-spacing:-.02em; }
.ai-detail-head p { margin:5px 0 0; color:var(--yb-muted,#64748b); font-size:9px; }
.ai-detail-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(250px,.75fr); gap:15px; margin-top:14px; }
.ai-detail-visual { display:flex; flex-direction:column; justify-content:center; gap:10px; min-height:180px; padding:15px 17px; border:1px solid #e3eaf5; border-radius:14px; background:linear-gradient(145deg,#f8faff,#fff); }
.ai-detail-column-head { display:grid; grid-template-columns:minmax(92px,1fr) 52px minmax(96px,1.1fr) 1.8fr; gap:8px; padding:0 0 4px; color:#8b9bb2; font-size:7px; letter-spacing:.04em; }
.ai-detail-bar-row { display:grid; grid-template-columns:minmax(92px,1fr) 52px minmax(96px,1.1fr) 1.8fr; align-items:center; gap:8px; }
.ai-detail-bar-row > span:first-child { color:#344563; font-size:9px; }
.ai-detail-bar-row > em { color:#64748b; font-size:8px; font-style:normal; white-space:nowrap; }
.ai-detail-bar-track { height:9px; overflow:hidden; border-radius:99px; background:#e6ebf4; }
.ai-detail-bar-track i { display:block; width:var(--bar-width); height:100%; border-radius:inherit; background:linear-gradient(90deg,#2f63f2,#16c3e0); transition:width .35s ease; }
.ai-detail-bar-row > strong { color:#243552; font-size:9px; text-align:right; }
.ai-detail-visual.is-awaiting .ai-detail-bar-track i { width:0; }
.ai-detail-insight { display:flex; flex-direction:column; gap:10px; padding:13px; border:1px solid #e3eaf5; border-radius:14px; background:#fbfcff; }
.ai-detail-total { display:grid; grid-template-columns:1fr auto; align-items:end; gap:4px 10px; padding-bottom:10px; border-bottom:1px solid #e7edf6; }
.ai-detail-total small { color:var(--yb-muted-2,#8b9bb2); font-size:8px; }
.ai-detail-total strong { color:#1f3150; font-size:24px; letter-spacing:-.04em; }
.ai-detail-total span { grid-column:1/-1; color:var(--yb-muted,#64748b); font-size:8px; }
.ai-detail-insight-list { display:flex; flex-direction:column; gap:8px; }
.ai-detail-insight-item { display:grid; grid-template-columns:8px 1fr auto; align-items:center; gap:7px; }
.ai-detail-insight-item > i { width:7px; height:7px; border-radius:50%; background:var(--yb-primary,#2f63f2); }
.ai-detail-insight-item span { color:#344563; font-size:8px; }
.ai-detail-insight-item strong { color:#2f63f2; font-size:9px; }
.ai-detail-panel.is-awaiting .ai-detail-insight-item span,.ai-detail-panel.is-awaiting .ai-detail-insight-item strong { color:#9aa8ba; }
@media(max-width:900px){ .ai-detail-layout { grid-template-columns:1fr; } }
@media(max-width:560px){ .ai-detail-head { flex-direction:column; } .ai-detail-column-head,.ai-detail-bar-row { grid-template-columns:68px 42px minmax(88px,1fr) 72px; gap:5px; } .ai-detail-bar-row > em { font-size:7px; } }
/* Keep every funnel stage wider at the top and narrowing toward checkout. */
.ai-funnel-step:nth-child(2) .ai-funnel-shape,
.ai-funnel-step:nth-child(3) .ai-funnel-shape,
.ai-funnel-step:nth-child(4) .ai-funnel-shape,
.ai-funnel-step:nth-child(5) .ai-funnel-shape { clip-path:polygon(0 0,100% 0,86% 100%,14% 100%); }
.ai-funnel-step:nth-child(6) .ai-funnel-shape { clip-path:polygon(8% 0,92% 0,70% 100%,30% 100%); }
.ai-detail-column-head { display:grid; grid-template-columns:1fr 46px 110px 1fr; gap:8px; padding:0 0 3px; color:var(--yb-muted-2,#8b9bb2); font-size:7px; }
.ai-detail-column-head span:nth-child(2),.ai-detail-column-head span:nth-child(3) { text-align:right; }
.ai-detail-bar-row { grid-template-columns:minmax(88px,1fr) 36px 110px; gap:8px; }
.ai-detail-bar-row > strong { grid-column:2; grid-row:1; }
.ai-detail-bar-row > em { grid-column:3; grid-row:1; color:var(--yb-muted,#64748b); font-size:8px; font-style:normal; text-align:right; white-space:nowrap; }
.ai-detail-bar-row .ai-detail-bar-track { grid-column:1/-1; grid-row:2; }
.ai-detail-caption { margin:2px 0 0; color:var(--yb-muted,#64748b); font-size:8px; line-height:1.5; }
.ai-detail-insight-item { display:flex; flex-direction:column; align-items:flex-start; gap:3px; padding:8px 0; border-bottom:1px solid #e7edf6; }
.ai-detail-insight-item:last-child { border-bottom:0; }
.ai-detail-insight-item > small { color:var(--yb-primary,#2f63f2); font-size:7px; font-weight:800; }
.ai-detail-insight-item > strong { color:#263a5a; font-size:9px; }
.ai-detail-insight-item > p { margin:0; color:var(--yb-muted,#64748b); font-size:8px; line-height:1.5; }
.ai-detail-insight-item > em { color:#3154a9; font-size:7px; font-style:normal; line-height:1.45; }
@media(max-width:560px){ .ai-detail-column-head { grid-template-columns:1fr 32px 85px; } .ai-detail-column-head span:last-child { display:none; } .ai-detail-bar-row { grid-template-columns:minmax(80px,1fr) 32px 85px; } }

/* A local country map keeps region analysis available in the offline demo. */
.ai-analysis-view > * { flex-shrink:0; }
.ai-analysis-view .ai-funnel-shape { min-height:72px; padding-block:7px; }
.ai-analysis-view .ai-funnel-steps { gap:5px; margin-top:14px; }
.ai-analysis-view .ai-detail-head h2 { font-size:17px; }
.ai-analysis-view .ai-detail-head small { font-size:9px; letter-spacing:.06em; }
.ai-analysis-view .ai-detail-head p { font-size:10px; line-height:1.6; }
.ai-analysis-view [data-ai-detail-panel="region"] .ai-detail-layout { align-items:start; }
.ai-analysis-view .ai-detail-insight-item > strong { font-size:11px; }
.ai-analysis-view .ai-detail-insight-item > p { font-size:10px; line-height:1.6; }
.ai-analysis-view .ai-detail-insight-item > em { font-size:9px; line-height:1.6; }
.ai-analysis-view .ai-detail-insight-item > small { font-size:9px; }
.ai-analysis-view .ai-detail-total small,.ai-analysis-view .ai-detail-total span { font-size:10px; line-height:1.5; }
.ai-performance-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
.ai-performance-grid > .ai-detail-panel { min-width:0; display:flex; flex-direction:column; margin-top:0; padding:20px; }
.ai-traffic-summary { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:18px 0 15px; }
.ai-traffic-summary > div { display:flex; align-items:baseline; gap:8px; }
.ai-traffic-summary strong { color:#2f63f2; font-size:40px; font-weight:620; letter-spacing:-.04em; }
.ai-traffic-summary span { color:#8090a6; font-size:11px; }
.ai-traffic-summary p { margin:0; color:#8493a9; font-size:10px; line-height:1.8; text-align:right; }
.ai-traffic-summary p b { color:#2f63f2; font-weight:650; }
.ai-traffic-panel .ai-trend-panel { padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
.ai-traffic-panel .ai-trend-panel header small { font-size:9px; }
.ai-traffic-panel .ai-trend-panel header strong { font-size:11px; }
.ai-traffic-panel .ai-trend-chart { flex:none; height:160px; min-height:160px; margin-top:10px; }
.ai-traffic-depth { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:16px 0; }
.ai-traffic-depth > div { min-width:0; }
.ai-traffic-depth span { color:#73859f; font-size:10px; }
.ai-traffic-depth strong { display:flex; align-items:baseline; gap:7px; margin:7px 0; color:#2e4466; font-size:20px; font-weight:620; }
.ai-traffic-depth small { color:#99a6b9; font-size:9px; font-weight:400; }
.ai-traffic-depth i { display:block; height:4px; overflow:hidden; border-radius:4px; background:#edf1f8; }
.ai-traffic-depth i b { display:block; height:100%; background:linear-gradient(90deg,#2f63f2,#56bded); }
.ai-sales-panel { background:linear-gradient(150deg,#fff 50%,#f9f7fe); }
.ai-sales-panel .ai-detail-head small { color:#8464c7; }
.ai-sales-summary { display:flex; align-items:center; gap:18px; padding:15px; margin:17px 0 13px; border:1px solid #ede6f7; border-radius:12px; background:#faf8fe; }
.ai-sales-summary > div { display:flex; align-items:baseline; gap:6px; }
.ai-sales-summary strong { color:#8965c9; font-size:30px; font-weight:620; }
.ai-sales-summary span { color:#9383ab; font-size:10px; }
.ai-sales-summary > i { color:#c6b8de; font-size:16px; font-style:normal; }
.ai-sales-summary > em { margin-left:auto; color:#a497b7; font-size:9px; font-style:normal; }
.ai-sales-products { display:flex; flex-direction:column; gap:9px; }
.ai-sales-products > article { display:grid; grid-template-columns:64px minmax(0,1fr); gap:12px; padding:10px; border:1px solid #ebe7f2; border-radius:12px; background:#ffffffd9; }
.ai-sales-product-image { display:grid; place-items:center; border-radius:8px; background:#f4f2f8; overflow:hidden; }
.ai-sales-product-image img { display:block; width:64px; height:76px; object-fit:contain; }
.ai-sales-product-copy { min-width:0; }
.ai-sales-product-copy header { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.ai-sales-product-copy header strong { color:#3c3655; font-size:11px; font-weight:650; }
.ai-sales-product-copy header span { flex-shrink:0; color:#a292b6; font-size:8px; }
.ai-sales-product-values { display:flex; gap:20px; margin:7px 0; }
.ai-sales-product-values span { display:flex; align-items:baseline; gap:5px; color:#a395b4; font-size:8px; }
.ai-sales-product-values b { color:#76608e; font-size:14px; font-weight:600; }
.ai-sales-product-share { height:3px; border-radius:4px; overflow:hidden; background:#f0ebf6; }
.ai-sales-product-share > i { display:block; height:100%; background:linear-gradient(90deg,#9d7ccf,#cdb6e8); }
.ai-sales-product-copy > small { display:block; margin-top:4px; color:#afa1be; font-size:8px; }
.ai-performance-note { margin:auto 0 0; padding-top:14px; color:#8291a9; font-size:10px; line-height:1.7; }
@media(max-width:1100px) { .ai-performance-grid { grid-template-columns:1fr; } }
@media(max-width:650px) {
  .ai-performance-grid > .ai-detail-panel { padding:15px; }
  .ai-traffic-summary strong { font-size:34px; }
  .ai-traffic-summary p { font-size:8px; }
  .ai-traffic-summary span { font-size:9px; }
  .ai-sales-summary { gap:10px; padding:10px; }
  .ai-sales-summary > em { max-width:65px; font-size:8px; line-height:1.5; }
  .ai-sales-summary strong { font-size:25px; }
  .ai-sales-summary span { font-size:9px; }
  .ai-sales-products > article { grid-template-columns:52px minmax(0,1fr); gap:8px; padding:8px; }
  .ai-sales-product-image img { width:52px; }
  .ai-sales-product-values { gap:12px; }
  .ai-sales-product-copy header strong { font-size:10px; }
}
.ai-detail-visual.is-region-map { justify-content:flex-start; gap:13px; min-width:0; padding:16px; }
.ai-region-map-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.ai-region-map-head > div { display:grid; gap:5px; }
.ai-region-map-head small { color:#8293ad; font-size:9px; }
.ai-region-map-head strong { color:#263c60; font-size:12px; font-weight:650; }
.ai-region-map-head > span { display:flex; align-items:center; gap:5px; flex-shrink:0; color:#7086ab; font-size:8px; }
.ai-region-map-head > span i { width:5px; height:5px; border-radius:50%; background:#608ef6; }
.ai-region-map-canvas { position:relative; width:100%; overflow:hidden; border:1px solid #edf1f8; border-radius:12px; background:#f7faff; }
.ai-region-map-canvas > img { display:block; width:100%; height:auto; }
.ai-map-marker { position:absolute; display:flex; flex-direction:column; align-items:center; padding:0; border:0; background:none; cursor:pointer; transform:translate(-50%,-8px); color:var(--region-color); }
.ai-map-marker > i { display:block; width:12px; height:12px; border:3px solid #fff; border-radius:50%; background:var(--region-color); box-shadow:0 0 0 8px color-mix(in srgb,var(--region-color) 10%,transparent),0 2px 7px #31497220; }
.ai-map-marker > span { display:grid; gap:2px; min-width:55px; margin-top:9px; padding:5px 8px; border:1px solid #e1e8f4; border-radius:7px; color:#556b8a; background:#fffffff2; font-size:8px; white-space:nowrap; box-shadow:0 4px 10px #2a49790a; }
.ai-map-marker strong { color:var(--region-color); font-size:10px; }
.ai-map-marker[aria-pressed="true"] > span { border-color:var(--region-color); }
.ai-map-marker[aria-pressed="true"] > i { box-shadow:0 0 0 11px color-mix(in srgb,var(--region-color) 14%,transparent),0 0 22px color-mix(in srgb,var(--region-color) 28%,transparent); }
.ai-region-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.ai-region-cards button { min-width:0; padding:10px; border:1px solid #e4eaf4; border-radius:10px; background:#fff; text-align:left; cursor:pointer; }
.ai-region-cards button[aria-pressed="true"] { border-color:color-mix(in srgb,var(--region-color) 55%,white); background:color-mix(in srgb,var(--region-color) 4%,white); }
.ai-region-cards button > span { display:flex; align-items:center; gap:5px; color:#415978; font-size:9px; }
.ai-region-cards span > i { flex-shrink:0; width:5px; height:5px; border-radius:50%; background:var(--region-color); }
.ai-region-cards span > em { margin-left:auto; color:#93a0b3; font-size:7px; font-style:normal; }
.ai-region-cards button > strong { display:flex; align-items:baseline; gap:6px; margin-top:8px; color:var(--region-color); font-size:22px; font-weight:600; line-height:1; }
.ai-region-cards strong > small { color:#92a0b4; font-size:7px; font-weight:400; }
.ai-region-cards p { margin:8px 0 0; color:#7385a0; font-size:8px; white-space:nowrap; }
.ai-region-cards p > b { margin:0 3px; color:#bcc7d8; font-weight:400; }
.ai-region-map-legend { display:flex; justify-content:space-between; gap:8px; color:#8a9ab2; font-size:8px; line-height:1.5; }
.ai-region-map-legend em { font-style:normal; }
.ai-map-marker:focus-visible,.ai-region-cards button:focus-visible { outline:2px solid #2f63f2; outline-offset:3px; }
.ai-detail-panel.is-awaiting .ai-map-marker > i { background:#adbbcf; box-shadow:0 0 0 8px #acbbd01c; }
.ai-detail-panel.is-awaiting .ai-region-cards button > strong,.ai-detail-panel.is-awaiting .ai-map-marker strong { color:#8d9fb8; }
@media(max-width:1150px) { .ai-region-cards span > em { display:none; } }
@media(max-width:560px) {
  .ai-detail-visual.is-region-map { padding:11px; gap:11px; }
  .ai-region-map-head { align-items:flex-start; }
  .ai-region-map-head strong { max-width:170px; font-size:11px; line-height:1.5; }
  .ai-region-map-head > span { font-size:7px; }
  .ai-map-marker > span { min-width:43px; margin-top:6px; padding:4px; font-size:7px; }
  .ai-map-marker strong { font-size:8px; }
  .ai-map-marker > i { width:10px; height:10px; border-width:2px; }
  .ai-region-cards { gap:5px; }
  .ai-region-cards button { padding:8px 6px; }
  .ai-region-cards button > strong { gap:3px; font-size:19px; }
  .ai-region-cards strong > small { font-size:6px; }
  .ai-region-cards p { font-size:7px; }
  .ai-region-cards p > b { margin:0; }
  .ai-region-map-legend { flex-direction:column; gap:2px; font-size:7px; }
}

/* Analysis uses reading-size text and keeps every recommendation in one action panel. */
.ai-analysis-view .ai-view-head > div > span { font-size:12px; letter-spacing:.06em; }
.ai-analysis-view .ai-view-head p { font-size:14px; line-height:1.7; }
.ai-analysis-view .ai-view-head > em { font-size:11px; }
.ai-analysis-view .ai-metric-row article { min-height:123px; padding:15px; }
.ai-analysis-view .ai-metric-row small { font-size:12px; }
.ai-analysis-view .ai-metric-row span { font-size:11px; line-height:1.6; }
.ai-analysis-view .ai-funnel-layout { grid-template-columns:minmax(0,1.35fr) minmax(350px,1fr); gap:14px; }
.ai-analysis-view .ai-funnel-panel header small,.ai-analysis-view .ai-evidence-panel header small,.ai-analysis-view .ai-detail-head small { font-size:11px; letter-spacing:.04em; }
.ai-analysis-view .ai-funnel-panel header strong,.ai-analysis-view .ai-evidence-panel header strong { font-size:18px; line-height:1.4; }
.ai-analysis-view .ai-funnel-panel header > span,.ai-analysis-view .ai-evidence-panel header > span { font-size:11px; }
.ai-analysis-view .ai-funnel-shape { min-height:84px; padding-block:10px; }
.ai-analysis-view .ai-funnel-shape small { font-size:11px; }
.ai-analysis-view .ai-funnel-shape em { font-size:11px; }
.ai-analysis-view .ai-funnel-result p { font-size:13px; line-height:1.6; }
.ai-analysis-view .ai-funnel-result span,.ai-analysis-view .ai-funnel-result em { font-size:11px; }
.ai-analysis-view .ai-evidence-panel { gap:12px; padding:20px; }
.ai-summary-intro { margin:0; color:#64748b; font-size:13px; line-height:1.65; }
.ai-analysis-view .ai-evidence-panel article { grid-template-columns:27px minmax(0,1fr); gap:10px; padding:13px; }
.ai-analysis-view .ai-evidence-panel article > i { font-size:11px; }
.ai-analysis-view .ai-evidence-panel article small { color:#7687a0; font-size:11px; }
.ai-analysis-view .ai-evidence-panel article strong { font-size:14px; line-height:1.5; }
.ai-analysis-view .ai-evidence-panel article p { font-size:13px; line-height:1.65; }
.ai-analysis-view .ai-evidence-panel article em { font-size:12px; line-height:1.6; }
.ai-analysis-view .ai-evidence-panel article a { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:38px; margin-top:10px; padding:8px 11px; border:1px solid #cbd9fa; border-radius:8px; color:#2f63f2; background:#fff; font-size:12px; font-weight:650; line-height:1.5; text-decoration:none; transition:background .2s,border-color .2s; }
.ai-analysis-view .ai-evidence-panel article a:hover { border-color:#2f63f2; background:#edf3ff; }
.ai-analysis-view .ai-evidence-panel article a:focus-visible { outline:2px solid #2f63f2; outline-offset:3px; }
.ai-analysis-view .ai-evidence-panel article a i { font-style:normal; }
.ai-analysis-view .ai-evidence-panel footer { padding-top:0; font-size:11px; line-height:1.6; }
.ai-analysis-view.is-awaiting-data .ai-evidence-panel header > span { color:#71839f; background:#eef2f8; }
.ai-analysis-view .ai-detail-head h2 { font-size:20px; line-height:1.4; }
.ai-analysis-view .ai-detail-head p { font-size:13px; line-height:1.7; }
.ai-analysis-view .ai-detail-insight { padding:16px; }
.ai-analysis-view .ai-detail-total small,.ai-analysis-view .ai-detail-total span { font-size:12px; line-height:1.6; }
.ai-analysis-view .ai-detail-insight-item { gap:6px; padding:12px 0; }
.ai-analysis-view .ai-detail-insight-item > small { font-size:11px; }
.ai-analysis-view .ai-detail-insight-item > strong { font-size:14px; line-height:1.5; }
.ai-analysis-view .ai-detail-insight-item > p { font-size:13px; line-height:1.75; }
.ai-analysis-view .ai-region-map-head small { font-size:11px; }
.ai-analysis-view .ai-region-map-head strong { font-size:14px; line-height:1.5; }
.ai-analysis-view .ai-region-map-head > span { font-size:11px; }
.ai-analysis-view .ai-region-cards button > span { font-size:12px; }
.ai-analysis-view .ai-region-cards span > em { font-size:11px; }
.ai-analysis-view .ai-region-cards strong > small { font-size:11px; }
.ai-analysis-view .ai-region-cards p { font-size:11px; line-height:1.6; white-space:normal; }
.ai-analysis-view .ai-region-map-legend { flex-wrap:wrap; font-size:11px; line-height:1.6; }
.ai-analysis-view .ai-map-marker > span { font-size:10px; }
.ai-analysis-view .ai-map-marker strong { font-size:11px; }
.ai-analysis-view .ai-traffic-summary span { font-size:12px; }
.ai-analysis-view .ai-traffic-summary p { font-size:12px; line-height:1.7; }
.ai-analysis-view .ai-trend-panel header small { font-size:11px; letter-spacing:.03em; }
.ai-analysis-view .ai-trend-panel header strong { font-size:14px; line-height:1.5; }
.ai-analysis-view .ai-trend-panel header > span { flex-shrink:0; font-size:11px; white-space:nowrap; }
.ai-analysis-view .ai-chart-labels { font-size:11px; }
.ai-analysis-view .ai-traffic-depth span { font-size:12px; line-height:1.5; }
.ai-analysis-view .ai-traffic-depth small { font-size:11px; }
.ai-analysis-view .ai-sales-summary { flex-wrap:wrap; }
.ai-analysis-view .ai-sales-summary span { font-size:12px; }
.ai-analysis-view .ai-sales-summary > em { font-size:11px; line-height:1.6; }
.ai-analysis-view .ai-sales-product-copy header strong { font-size:13px; line-height:1.5; }
.ai-analysis-view .ai-sales-product-copy header span { font-size:11px; }
.ai-analysis-view .ai-sales-product-values span { font-size:11px; }
.ai-analysis-view .ai-sales-product-copy > small { color:#9686a8; font-size:11px; line-height:1.5; }
.ai-analysis-view .ai-performance-note { font-size:12px; line-height:1.7; }
@media(max-width:1180px) {
  .ai-analysis-view .ai-funnel-layout { grid-template-columns:1fr; }
  .ai-analysis-view .ai-evidence-panel { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; }
  .ai-analysis-view .ai-evidence-panel > header,.ai-analysis-view .ai-summary-intro,.ai-analysis-view .ai-evidence-panel > footer { grid-column:1/-1; }
  .ai-analysis-view .ai-evidence-panel article { height:100%; grid-template-columns:1fr; }
  .ai-analysis-view .ai-evidence-panel article > i { display:none; }
}
@media(max-width:760px) {
  .ai-analysis-view .ai-evidence-panel { display:flex; }
  .ai-analysis-view .ai-evidence-panel article { grid-template-columns:27px minmax(0,1fr); }
  .ai-analysis-view .ai-evidence-panel article > i { display:grid; }
  .ai-analysis-view .ai-region-cards { grid-template-columns:1fr; }
  .ai-analysis-view .ai-region-cards button { display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px; padding:12px; }
  .ai-analysis-view .ai-region-cards span > em { display:none; }
  .ai-analysis-view .ai-region-cards button > strong { grid-column:2; grid-row:1/3; margin:0; }
  .ai-analysis-view .ai-region-cards p { margin:0; }
}
@media(max-width:560px) {
  .ai-analysis-view .ai-metric-row article { min-height:119px; padding:13px; }
  .ai-analysis-view .ai-funnel-step { grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:12px; }
  .ai-analysis-view .ai-funnel-step:nth-child(2) { --funnel-width:96%; }
  .ai-analysis-view .ai-funnel-step:nth-child(3) { --funnel-width:92%; }
  .ai-analysis-view .ai-funnel-step:nth-child(4) { --funnel-width:88%; }
  .ai-analysis-view .ai-funnel-step:nth-child(5) { --funnel-width:84%; }
  .ai-analysis-view .ai-funnel-step:nth-child(6) { --funnel-width:80%; }
  .ai-analysis-view .ai-funnel-shape { min-height:98px; }
  .ai-analysis-view .ai-funnel-result p { font-size:12px; }
  .ai-analysis-view .ai-funnel-panel header strong { font-size:16px; }
  .ai-analysis-view .ai-evidence-panel { padding:15px; }
  .ai-analysis-view .ai-region-map-head { flex-direction:column; gap:6px; }
  .ai-analysis-view .ai-region-map-head strong { max-width:none; }
  .ai-analysis-view .ai-map-marker > span { font-size:9px; }
  .ai-analysis-view .ai-map-marker strong { font-size:10px; }
  .ai-analysis-view .ai-traffic-summary { align-items:flex-start; flex-direction:column; gap:5px; }
  .ai-analysis-view .ai-traffic-summary p { text-align:left; }
  .ai-analysis-view .ai-trend-panel > header { flex-wrap:wrap; gap:8px; }
  .ai-analysis-view .ai-traffic-depth { gap:8px; }
  .ai-analysis-view .ai-traffic-depth strong { flex-wrap:wrap; gap:5px; }
  .ai-analysis-view .ai-sales-summary { gap:12px; }
  .ai-analysis-view .ai-sales-summary > em { max-width:none; width:100%; margin-left:0; }
  .ai-analysis-view .ai-sales-product-copy header { align-items:flex-start; flex-wrap:wrap; gap:3px; }
  .ai-analysis-view .ai-sales-product-values { flex-wrap:wrap; gap:8px; }
  .ai-analysis-view .ai-sales-product-values span { gap:3px; }
}