/* ============================================================================
   AI MODE (chat.theme.php)
   Loaded after app.css. Reuses its tokens (--font-sans, --radius*, --shadow-*,
   --accent, --ease) and the AI overview's blue-violet-teal identity so the
   chat reads as the same product as the overview box on the results pages.
   Every rule is scoped under .aic-* so nothing here leaks into other pages.
   ========================================================================== */

:root{
  --aic-grad: linear-gradient(120deg,#4c8dfb,#845ef7 55%,#1abc9c);
  --aic-grad-soft: linear-gradient(135deg, rgba(76,141,251,.14), rgba(132,94,247,.14));
  --aic-ink:#0e1116;
  --aic-text:#1f2937;
  --aic-muted:#5b6472;
  --aic-faint:#8b93a1;
  --aic-line:#e7eaf0;
  --aic-card:#ffffff;
  --aic-violet:#845ef7;
  --aic-violet-ink:#4c3fb3;
  --aic-blue:#0b5ed7;
  --aic-bg:#f7f9fc;
  --aic-header-h:84px;
}

/* --- Page frame ------------------------------------------------------------ */
body.aic-page{
  background-image:
    radial-gradient(900px 420px at 50% -140px, rgba(132,94,247,.11), transparent 70%),
    radial-gradient(700px 360px at 85% 12%, rgba(26,188,156,.07), transparent 70%);
  background-repeat:no-repeat;
}
/* flex-shrink:0 matters: body is a flex column, and an explicit min-height
   replaces the automatic one, so without it this wrapper shrank to one screen
   and the sticky header (and the results column pinned under it) stopped
   sticking once the conversation ran past the first screen. */
.aic-content{ display:flex; flex-direction:column; flex:1 0 auto; min-height:100%; }
.aic-main{ flex:1 1 auto; }
.aic-wrap{
  width:100%; max-width:880px;
  margin:0 auto; padding:0 18px;
}

/* Topics | conversation | results. The Topics column is the search pages'
   own (app.css, components.navigation.css). The conversation column is at
   least one screen tall so the docked composer starts at the bottom of the
   viewport even before anything has been asked. */
.aic-stage{ padding-left:0; padding-right:0; }
.aic-cols{ margin-left:0; margin-right:0; }
.aic-col-chat{
  display:flex; flex-direction:column;
  min-height:calc(var(--vh, 100vh) - var(--search-header-height, var(--aic-header-h)));
  padding-left:0; padding-right:0; min-width:0;
}
.aic-col-chat > .aic-wrap{ flex:1 1 auto; }

/* --- Hero (empty state) ------------------------------------------------------ */
.aic-hero{ text-align:center; padding:54px 0 26px; }
.aic-hero.is-hidden{ display:none; }
.aic-orb{
  width:66px; height:66px; border-radius:50%;
  background:var(--aic-grad); color:#fff;
  display:grid; place-items:center; margin:0 auto 16px;
  box-shadow:0 14px 34px -10px rgba(132,94,247,.6), 0 0 0 8px rgba(132,94,247,.08);
  animation:aic-float 5.5s ease-in-out infinite;
}
.aic-orb svg{ width:32px; height:32px; }
.aic-kicker{
  font-size:11.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:var(--aic-violet); margin-bottom:6px;
}
.aic-hero-title{
  font-size:clamp(26px, 3.6vw, 38px); font-weight:700; letter-spacing:-.022em;
  line-height:1.15; color:var(--aic-ink); margin:0 0 12px;
}
.aic-hero-intro{
  color:var(--aic-muted); font-size:15.5px; line-height:1.62;
  max-width:62ch; margin:0 auto 28px;
}
.aic-topic-hero{
  display:flex; flex-direction:column; align-items:center; gap:4px;
  margin:-10px 0 24px;
}
.aic-topic-label{
  display:inline-flex; align-items:center; gap:6px;
  font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--aic-faint);
}
.aic-topic-label .ico{ width:13px; height:13px; }
.aic-topic-name{ font-weight:650; font-size:15.5px; color:var(--aic-violet-ink); text-decoration:none; }
.aic-topic-name:hover{ text-decoration:underline; }
.aic-topic-desc{ color:var(--aic-muted); font-size:13.5px; max-width:64ch; line-height:1.5; }

.aic-starters{
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px;
  text-align:left; margin:0 auto; max-width:760px;
}
.aic-starter{
  display:flex; align-items:center; gap:12px;
  background:var(--aic-card); border:1px solid var(--aic-line); border-radius:14px;
  padding:12px 12px 12px 12px; font:inherit; font-size:14px; line-height:1.4; color:var(--aic-ink);
  text-align:left; cursor:pointer; box-shadow:var(--shadow-1,0 1px 2px rgba(16,24,40,.05));
  transition:box-shadow .18s var(--ease,ease), border-color .18s ease, transform .12s ease;
  animation:aic-rise .5s var(--ease,ease) both;
  animation-delay:calc(var(--i, 0) * 55ms + 80ms);
}
.aic-starter:hover{ border-color:#c9d3e6; box-shadow:var(--shadow-2,0 6px 20px rgba(16,24,40,.09)); transform:translateY(-1px); }
.aic-starter:active{ transform:translateY(0); }
.aic-starter:focus-visible{ outline:3px solid rgba(132,94,247,.35); outline-offset:2px; }
.aic-starter-ico{
  width:34px; height:34px; border-radius:10px; flex:0 0 auto;
  background:var(--aic-grad-soft); color:#5b6cf5;
  display:grid; place-items:center;
}
.aic-starter-ico .ico{ width:17px; height:17px; }
.aic-starter-text{ flex:1 1 auto; min-width:0; }
.aic-starter-go{ color:#a3adba; flex:0 0 auto; }
.aic-starter-go .ico{ width:14px; height:14px; }
.aic-starter:hover .aic-starter-go{ color:var(--aic-violet); }

/* "In the news now": the latest headlines as questions (chat.js). */
.aic-trending{ max-width:760px; margin:22px auto 0; text-align:left; }
.aic-trending[hidden]{ display:none; }
.aic-trending-head{
  display:flex; align-items:center; gap:7px; margin:0 2px 8px;
  font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--aic-faint);
}
.aic-trending-head .ico{ width:14px; height:14px; }
.aic-trending-list{ display:grid; gap:6px; }
.aic-trend{
  display:flex; align-items:center; gap:11px; width:100%;
  background:transparent; border:1px solid transparent; border-radius:12px;
  padding:8px 10px; font:inherit; font-size:14px; line-height:1.4; color:var(--aic-ink);
  text-align:left; cursor:pointer;
  transition:background .15s ease, border-color .15s ease;
  animation:aic-rise .45s var(--ease,ease) both; animation-delay:calc(var(--i, 0) * 50ms + 120ms);
}
.aic-trend:hover{ background:var(--aic-card); border-color:var(--aic-line); }
.aic-trend:focus-visible{ outline:3px solid rgba(132,94,247,.35); outline-offset:2px; }
.aic-trend-n{
  flex:0 0 auto; display:grid; place-items:center; width:24px; height:24px; border-radius:8px;
  background:var(--aic-grad-soft); color:var(--aic-violet-ink); font-size:12px; font-weight:700;
}
.aic-trend-text{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.aic-trend-go{ width:13px; height:13px; flex:0 0 auto; color:#a3adba; }
.aic-trend:hover .aic-trend-go{ color:var(--aic-violet); }

.aic-unavailable{ text-align:center; padding:64px 0 32px; color:var(--aic-muted); }
.aic-unavailable .aic-hero-title{ font-size:24px; margin-top:14px; }
.aic-unavailable p{ max-width:60ch; margin:0 auto; }
.aic-unavailable code{ background:rgba(16,24,40,.06); padding:.05em .4em; border-radius:5px; }

/* --- Thread ----------------------------------------------------------------- */
.aic-thread{ display:flex; flex-direction:column; gap:24px; padding:22px 0 10px; }
.aic-thread:empty{ padding:0; }
.aic-thread-end{ height:1px; scroll-margin-bottom:var(--aic-dock-h, 0px); }
.aic-turn{ animation:aic-rise .38s var(--ease,ease) both; scroll-margin-top:calc(var(--aic-header-h) + 10px); }

.aic-turn-user{ display:flex; justify-content:flex-end; }
/* The last question can be edited and asked again (chat.js marks the last
   turns is-last; nothing is offered while an answer is on its way). */
.aic-user-wrap{ display:flex; flex-direction:column; align-items:flex-end; gap:3px; max-width:82%; min-width:0; }
.aic-edit{
  display:none; align-items:center; gap:5px;
  border:0; background:transparent; border-radius:7px;
  color:var(--aic-faint); font:inherit; font-size:12px; padding:2px 7px; cursor:pointer;
  transition:background .15s ease, color .15s ease;
}
.aic-edit .ico{ width:13px; height:13px; }
.aic-edit:hover{ background:#f3f4f6; color:var(--aic-ink); }
.aic-turn-user.is-last .aic-edit{ display:inline-flex; }
.aic-thread.is-busy .aic-edit, .aic-thread.is-full .aic-edit{ display:none; }
.aic-user-bubble{
  max-width:100%;
  background:linear-gradient(135deg,#e9eefc,#eef2ff);
  color:var(--aic-text); border:1px solid #dfe6fb;
  border-radius:20px 20px 6px 20px; padding:11px 16px;
  font-size:15.5px; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
}

.aic-turn-ai{
  position:relative;
  background:var(--aic-card); border:1px solid var(--aic-line); border-radius:18px;
  padding:16px 20px 14px; box-shadow:var(--shadow-1,0 1px 2px rgba(16,24,40,.05));
}
.aic-turn-ai::before{
  content:""; position:absolute; top:-1px; left:22px; right:22px; height:2px;
  background:var(--aic-grad); border-radius:0 0 3px 3px; opacity:.85;
}
.aic-ai-head{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.aic-badge{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--aic-grad); color:#fff;
  font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  padding:4px 10px; border-radius:999px; white-space:nowrap;
}
.aic-badge .ico{ width:12px; height:12px; }
.aic-badge-lg{ font-size:12.5px; padding:6px 14px; }
.aic-badge-lg .ico{ width:15px; height:15px; }
.aic-turn-ai.is-pending .aic-badge{ animation:aic-pulse 1.6s ease-in-out infinite; }
.aic-ai-meta{ margin-left:auto; font-size:12px; color:var(--aic-faint); white-space:nowrap; }

/* answer typography */
.aic-ai-body{ font-size:15.5px; line-height:1.68; color:var(--aic-text); overflow-wrap:break-word; }
.aic-ai-body > :first-child{ margin-top:0; }
.aic-ai-body > :last-child{ margin-bottom:0; }
.aic-ai-body p{ margin:0 0 .75rem; }
.aic-ai-body h3.aic-h{ font-size:17px; font-weight:650; letter-spacing:-.01em; margin:1.05rem 0 .4rem; color:var(--aic-ink); }
.aic-ai-body h4.aic-h{ font-size:15.5px; font-weight:650; margin:.9rem 0 .3rem; color:var(--aic-ink); }
.aic-ai-body ul, .aic-ai-body ol{ margin:.15rem 0 .8rem 1.3rem; padding:0; }
.aic-ai-body li{ margin:.22rem 0; }
.aic-ai-body li > ul, .aic-ai-body li > ol{ margin:.2rem 0 .25rem 1.1rem; }
.aic-ai-body ul{ list-style:disc; }
.aic-ai-body ul ul{ list-style:circle; }
.aic-ai-body strong{ font-weight:650; color:var(--aic-ink); }
.aic-ai-body em{ font-style:italic; }
.aic-ai-body del{ color:var(--aic-faint); }
.aic-ai-body code{
  background:rgba(16,24,40,.06); padding:.08em .4em; border-radius:5px; font-size:.9em;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.aic-ai-body pre.aic-code{
  background:#0f172a; color:#e2e8f0; padding:12px 14px; border-radius:12px;
  overflow:auto; font-size:13px; line-height:1.55; margin:.4rem 0 .9rem;
}
.aic-ai-body pre.aic-code code{ background:transparent; padding:0; color:inherit; font-size:inherit; }
.aic-ai-body blockquote.aic-quote{
  border-left:3px solid var(--aic-violet); margin:.4rem 0 .9rem; padding:2px 0 2px 14px; color:#4b5563;
}
.aic-ai-body blockquote.aic-quote p:last-child{ margin-bottom:0; }
.aic-ai-body .aic-table-wrap{
  overflow-x:auto; margin:.4rem 0 .95rem;
  border:1px solid var(--aic-line); border-radius:12px; background:#fff;
}
.aic-ai-body table.aic-table{ width:100%; border-collapse:collapse; font-size:14px; margin:0; }
.aic-ai-body .aic-table th{
  background:#f5f7fb; text-align:left; font-weight:650; padding:9px 12px;
  border-bottom:1px solid var(--aic-line); white-space:nowrap; color:var(--aic-ink);
}
.aic-ai-body .aic-table td{ padding:8px 12px; border-bottom:1px solid #eef1f5; vertical-align:top; }
.aic-ai-body .aic-table tr:last-child td{ border-bottom:0; }
.aic-ai-body .aic-table tbody tr:nth-child(even) td{ background:#fbfcfe; }
.aic-ai-body hr.aic-hr{ border:0; border-top:1px solid var(--aic-line); margin:.9rem 0; }
.aic-ai-body a.aic-link{
  color:var(--aic-blue); text-decoration:underline;
  text-decoration-color:rgba(11,94,215,.35); text-underline-offset:2px;
  transition:text-decoration-color .15s ease;
}
.aic-ai-body a.aic-link:hover{ text-decoration-color:currentColor; }

/* Code blocks carry a copy button (chat.js wraps them). */
.aic-ai-body .aic-code-wrap{ position:relative; }
.aic-code-copy{
  position:absolute; top:6px; right:6px;
  border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.08); color:#e2e8f0;
  font:inherit; font-size:11.5px; font-weight:600; padding:2px 9px; border-radius:6px;
  cursor:pointer; opacity:.85; transition:opacity .15s ease, background .15s ease;
}
.aic-code-copy:hover{ opacity:1; background:rgba(255,255,255,.16); }

/* --- Sources and citations ------------------------------------------------
   An answer built on the site's news cites its articles as numbered chips
   (server HTML: .aic-cites > a.aic-cite) and lists them under the answer
   (chat.js: .aic-sources). A chip and its source light up together. */
.aic-ai-body .aic-cites{ display:inline-flex; gap:3px; margin-left:3px; vertical-align:1px; white-space:nowrap; }
.aic-ai-body a.aic-cite{
  display:inline-grid; place-items:center; min-width:18px; height:18px; padding:0 5px;
  border-radius:999px; background:#eef1fb; border:1px solid #d9def3; color:var(--aic-violet-ink);
  font-size:11px; font-weight:700; line-height:1; text-decoration:none !important;
  transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.aic-ai-body a.aic-cite:hover, .aic-ai-body a.aic-cite.is-hot,
.aic-ai-body a.aic-cite:focus-visible{ background:var(--aic-violet); border-color:var(--aic-violet); color:#fff; }

.aic-sources{ margin-top:16px; }
.aic-sources-head{
  display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; margin-bottom:8px;
  font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--aic-faint);
}
.aic-sources-head .ico{ width:14px; height:14px; }
.aic-sources-title{ color:var(--aic-muted); }
.aic-sources-note{ font-size:12px; font-weight:600; letter-spacing:.01em; text-transform:none; }
.aic-sources-grid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }
.aic-src{
  display:flex; flex-direction:column; gap:5px; min-width:0;
  padding:9px 11px 10px; border-radius:12px;
  background:var(--aic-bg); border:1px solid var(--aic-line); color:var(--aic-text);
  text-decoration:none !important;
  transition:border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.aic-src:hover, .aic-src.is-hot, .aic-src:focus-visible{
  border-color:rgba(132,94,247,.5); background:var(--aic-card);
  box-shadow:0 4px 14px -6px rgba(16,24,40,.2);
}
.aic-src.is-extra{ display:none; }
.aic-sources.is-open .aic-src.is-extra{ display:flex; }
.aic-src-top{ display:flex; align-items:center; gap:6px; min-width:0; font-size:12px; color:var(--aic-muted); }
.aic-src-n{
  flex:0 0 auto; display:inline-grid; place-items:center; min-width:18px; height:18px; padding:0 5px;
  border-radius:999px; background:#e9edf3; color:var(--aic-muted); font-size:10.5px; font-weight:700;
}
.aic-src.is-cited .aic-src-n{ background:var(--aic-grad); color:#fff; }
.aic-fav{ width:16px; height:16px; border-radius:4px; flex:0 0 auto; }
.aic-src-site{ font-weight:600; color:var(--aic-text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.aic-src-ago{ flex:0 0 auto; color:var(--aic-faint); }
.aic-src-ago::before{ content:"\00b7"; margin-right:6px; }
.aic-src-title{
  font-size:13.5px; line-height:1.35; color:var(--aic-ink);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.aic-sources-more{
  margin-top:8px; border:0; background:transparent; padding:4px 2px;
  font:inherit; font-size:12.5px; font-weight:600; color:var(--aic-violet-ink); cursor:pointer;
}
.aic-sources-more:hover{ text-decoration:underline; }

/* While an answer is being written from its sources: whose articles. */
.aic-reading{ display:flex; flex-wrap:wrap; gap:6px; }
.aic-reading-item{
  display:inline-flex; align-items:center; gap:6px; max-width:190px;
  padding:3px 10px 3px 5px; border-radius:999px;
  background:var(--aic-bg); border:1px solid var(--aic-line); font-size:12px; color:var(--aic-muted);
  animation:aic-rise .35s var(--ease,ease) both;
}
.aic-reading-item span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.aic-reading-item:nth-child(2){ animation-delay:.06s; }
.aic-reading-item:nth-child(3){ animation-delay:.12s; }
.aic-reading-item:nth-child(4){ animation-delay:.18s; }
.aic-reading-item:nth-child(5){ animation-delay:.24s; }
.aic-reading-item:nth-child(6){ animation-delay:.3s; }

/* --- Links that open in the results column -----------------------------------
   A News search linked in an answer shows its results in the column beside
   the chat instead of leaving the page. The column icon says so before the
   click; the link stays marked while the column shows its search. */
.aic-panel-ico{ width:.9em !important; height:.9em !important; margin-left:4px; vertical-align:-.08em; opacity:.6; flex:0 0 auto; }
.aic-ai-body a.aic-panel-link.is-shown{
  background:rgba(132,94,247,.12); border-radius:4px;
  box-shadow:0 0 0 2px rgba(132,94,247,.12); text-decoration-color:currentColor;
}
.aic-chip.aic-panel-link.is-shown, .aic-action.aic-panel-link.is-shown{ box-shadow:0 0 0 2px rgba(132,94,247,.5); }
.aic-panel-link.is-shown .aic-panel-ico{ opacity:1; color:var(--aic-violet); }

/* The note at a link whose search went to the column. */
.aic-tip{
  position:absolute; z-index:1080; max-width:260px;
  padding:7px 11px; border-radius:9px; background:#1f2533; color:#fff;
  font-size:12.5px; line-height:1.35; box-shadow:0 10px 26px -8px rgba(0,0,0,.45);
  opacity:0; transform:translateY(-4px); transition:opacity .18s ease, transform .18s ease; pointer-events:none;
}
.aic-tip.is-on{ opacity:1; transform:none; }

/* streaming + thinking */
.aic-stream{ white-space:pre-wrap; }
.aic-stream-md > :last-child{ display:inline; }
.aic-stream-md .aic-stream-row{ font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:13px; color:var(--aic-muted); white-space:pre-wrap; }
.aic-stream-md a.aic-link{ color:var(--aic-blue); text-decoration:underline; text-decoration-color:rgba(11,94,215,.35); }
.aic-cursor{
  display:inline-block; width:8px; height:1.05em; margin-left:2px; vertical-align:-2px;
  background:var(--aic-grad); border-radius:2px; animation:aic-blink 1s steps(2) infinite;
}
.aic-thinking{ display:flex; flex-direction:column; gap:11px; padding:2px 0 4px; }
.aic-thinking-label{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px; font-weight:600; color:var(--aic-violet);
}
.aic-dots{ display:inline-flex; gap:3px; }
.aic-dots i{
  width:5px; height:5px; border-radius:50%; background:var(--aic-violet); opacity:.35;
  animation:aic-dot 1.2s ease-in-out infinite;
}
.aic-dots i:nth-child(2){ animation-delay:.15s; }
.aic-dots i:nth-child(3){ animation-delay:.3s; }
.aic-shimmer{
  height:12px; border-radius:6px;
  background:linear-gradient(90deg,#eef1f6 25%,#e3e9f1 45%,#eef1f6 65%);
  background-size:200% 100%; animation:aic-shimmer 1.2s linear infinite;
}

/* chips under an answer */
.aic-links, .aic-suggest{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.aic-chips-label{
  width:100%; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  color:var(--aic-faint); margin-bottom:-2px;
}
.aic-chip{
  display:inline-flex; align-items:center; gap:7px;
  padding:6px 12px 6px 10px; border-radius:999px;
  background:#eef3f9; border:1px solid #dde6f0; color:var(--aic-blue);
  font:inherit; font-size:13px; line-height:1.3; text-decoration:none !important; cursor:pointer;
  max-width:100%; transition:background .15s ease, border-color .15s ease, transform .08s ease;
}
.aic-chip .ico{ width:14px; height:14px; flex:0 0 auto; }
.aic-chip span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.aic-chip:hover{ background:#e2ebf5; }
.aic-chip:active{ transform:translateY(1px); }
.aic-chip-news{ background:#fff5e8; border-color:#fbe1bd; color:#b45309; }
.aic-chip-news:hover{ background:#ffedd5; }
.aic-chip-shopping{ background:#ecfdf5; border-color:#c7f0dd; color:#047857; }
.aic-chip-shopping:hover{ background:#d9f7ea; }
.aic-chip-topic{ background:#f3f0ff; border-color:#ddd5fb; color:var(--aic-violet-ink); }
.aic-chip-topic:hover{ background:#ebe5ff; }
.aic-suggest .aic-chip{ background:#fff; border-color:#d9d2fb; color:var(--aic-violet-ink); }
.aic-suggest .aic-chip:hover{ background:#f6f3ff; border-color:#c4b8f7; }

/* actions row */
.aic-actions{
  display:flex; flex-wrap:wrap; gap:2px; margin-top:12px; padding-top:9px;
  border-top:1px dashed #e5e9f0;
}
.aic-action{
  display:inline-flex; align-items:center; gap:6px;
  background:transparent; border:0; border-radius:8px;
  color:#6b7280; font:inherit; font-size:12.5px; padding:5px 9px; cursor:pointer;
  text-decoration:none !important; transition:background .15s ease, color .15s ease;
}
.aic-action .ico{ width:14px; height:14px; }
.aic-action:hover{ background:#f3f4f6; color:var(--aic-ink); }
.aic-action.is-done{ color:#047857; }
.aic-action.aic-listen.is-on{ background:var(--aic-grad-soft); color:var(--aic-violet-ink); }
/* Regenerate and Continue belong to the latest answer only, and wait while
   another answer is on its way or the chat is full. */
.aic-regen, .aic-continue{ display:none !important; }
.aic-turn-ai.is-last .aic-regen, .aic-turn-ai.is-last .aic-continue{ display:inline-flex !important; }
.aic-thread.is-busy .aic-regen, .aic-thread.is-full .aic-regen,
.aic-thread.is-busy .aic-continue, .aic-thread.is-full .aic-continue{ display:none !important; }

/* error + stopped states */
.aic-turn-ai.is-error{ border-color:#f3c7c7; background:#fff8f8; }
.aic-turn-ai.is-error::before{ background:#dc3545; }
.aic-error-text{ color:#9f1239; font-size:14.5px; margin:0 0 4px; }
.aic-stopped{ font-size:12.5px; color:var(--aic-faint); margin-top:8px; font-style:italic; }
.aic-continue{
  align-items:center; gap:5px; margin-left:4px; vertical-align:middle;
  border:1px solid var(--aic-line); background:var(--aic-card); color:var(--aic-violet-ink);
  border-radius:999px; font:inherit; font-size:12px; font-weight:600; font-style:normal;
  padding:2px 10px 2px 8px; cursor:pointer;
}
.aic-continue .ico{ width:12px; height:12px; }
.aic-continue:hover{ background:var(--aic-grad-soft); }

/* --- Composer dock ------------------------------------------------------------ */
.aic-dock{
  position:sticky; bottom:0; z-index:20;
  padding:14px 0 12px; margin-top:auto;
  background:linear-gradient(180deg, rgba(247,249,252,0) 0%, rgba(247,249,252,.94) 26%, var(--aic-bg) 60%);
}
.aic-composer{
  background:var(--aic-card); border:1px solid #dfe5ec; border-radius:24px;
  box-shadow:0 8px 26px -10px rgba(9,14,22,.28), 0 1px 2px rgba(16,24,40,.06);
  padding:10px 12px 8px 16px;
  transition:border-color .2s ease, box-shadow .25s var(--ease,ease), transform .25s var(--ease,ease);
}
.aic-composer:focus-within{
  border-color:var(--aic-violet);
  box-shadow:0 0 0 4px rgba(132,94,247,.16), 0 12px 32px -10px rgba(9,14,22,.32);
  transform:translateY(-1px);
}
.aic-composer.is-disabled{ opacity:.7; }
.aic-dock .aic-wrap{ position:relative; }

/* Editing the last question: what sending will do, and the way out. */
.aic-editing{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  margin:0 0 6px; padding:5px 6px 5px 11px; border-radius:10px;
  background:var(--aic-grad-soft); color:var(--aic-violet-ink); font-size:12.5px; font-weight:600;
}
.aic-editing[hidden]{ display:none; }
.aic-editing-cancel{
  border:0; background:transparent; color:inherit; font:inherit; font-size:12.5px;
  text-decoration:underline; padding:2px 6px; cursor:pointer; flex:0 0 auto;
}

/* "Latest": back to the end of the conversation when it is out of view.
   Centred with margins, not a transform: the entrance animation ends on
   transform:none and would undo one. */
.aic-jump{
  position:absolute; bottom:calc(100% + 8px); left:0; right:0; margin:0 auto; width:max-content; z-index:2;
  display:flex; align-items:center; gap:6px;
  padding:6px 13px 6px 10px; border-radius:999px;
  border:1px solid var(--aic-line); background:var(--aic-card); color:var(--aic-text);
  font:inherit; font-size:12.5px; font-weight:600; cursor:pointer;
  box-shadow:0 6px 18px -6px rgba(16,24,40,.32);
  animation:aic-rise .25s var(--ease,ease) both;
}
.aic-jump[hidden]{ display:none; }
.aic-jump .ico{ width:14px; height:14px; }
.aic-jump:hover{ color:var(--aic-ink); border-color:#c9d3e6; }

/* Short confirmations (link copied, chat saved). */
.aic-toast{
  position:fixed; left:50%; bottom:calc(var(--aic-dock-h, 120px) + 16px); z-index:1080;
  transform:translate(-50%, 8px); max-width:min(92vw, 440px);
  padding:9px 15px; border-radius:10px; background:#1f2533; color:#fff;
  font-size:13px; line-height:1.4; text-align:center;
  box-shadow:0 12px 28px -10px rgba(0,0,0,.45);
  opacity:0; transition:opacity .2s ease, transform .2s ease; pointer-events:none;
}
.aic-toast.is-on{ opacity:1; transform:translate(-50%, 0); }
.aic-input{
  display:block; width:100%; border:0; outline:0; resize:none; background:transparent;
  font:inherit; font-size:16px; line-height:1.5; color:var(--aic-ink);
  padding:6px 4px 4px; min-height:32px; max-height:220px; overflow-y:auto;
}
.aic-input::placeholder{ color:#93a0af; }
.aic-input:disabled{ color:#93a0af; }
.aic-composer-bar{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:2px; }
.aic-composer-left, .aic-composer-right{ display:flex; align-items:center; gap:6px; min-width:0; }
.aic-ghost{
  display:inline-flex; align-items:center; gap:6px;
  border:0; background:transparent; border-radius:999px;
  color:var(--aic-muted); font:inherit; font-size:13px; font-weight:500; padding:6px 10px; cursor:pointer;
  transition:background .15s ease, color .15s ease;
}
.aic-ghost .ico{ width:15px; height:15px; }
.aic-ghost:hover{ background:#f3f4f6; color:var(--aic-ink); }
.aic-meter{ display:inline-flex; align-items:center; gap:8px; font-size:12px; color:var(--aic-faint); margin-right:6px; }
.aic-meter-track{ width:58px; height:5px; border-radius:3px; background:#e9edf3; overflow:hidden; }
.aic-meter-fill{ display:block; height:100%; width:0; background:var(--aic-grad); transition:width .35s var(--ease,ease); }
.aic-meter.is-warn .aic-meter-fill{ background:#f59e0b; }
.aic-meter.is-full .aic-meter-fill{ background:#dc3545; }
.aic-meter.is-full .aic-meter-text{ color:#dc3545; font-weight:600; }
.aic-send, .aic-stop{
  width:40px; height:40px; border-radius:50%; border:0; flex:0 0 auto;
  display:grid; place-items:center; cursor:pointer;
  transition:transform .15s var(--ease,ease), box-shadow .15s ease, background-color .15s ease, color .15s ease;
}
.aic-send{ background:var(--aic-grad); color:#fff; box-shadow:0 4px 12px rgba(132,94,247,.38); }
.aic-send svg{ width:20px; height:20px; }
.aic-send:hover:not(:disabled){ transform:scale(1.07); box-shadow:0 6px 16px rgba(132,94,247,.5); }
.aic-send:active:not(:disabled){ transform:scale(.94); }
.aic-send:disabled{ background:#e3e7ee; color:#a3adba; box-shadow:none; cursor:default; }
.aic-stop{ background:#0f172a; color:#fff; }
.aic-stop:hover{ transform:scale(1.07); }
.aic-stop-square{ width:12px; height:12px; border-radius:2px; background:#fff; }
.aic-topic-row{ margin:0 0 6px; }
.aic-topic-chip{
  display:inline-flex; align-items:center; gap:6px; max-width:100%;
  background:var(--aic-grad-soft); color:var(--aic-violet-ink);
  border-radius:999px; padding:4px 6px 4px 10px; font-size:12.5px; font-weight:600;
}
.aic-topic-chip .ico{ width:13px; height:13px; flex:0 0 auto; }
.aic-topic-chip-text{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.aic-topic-clear{
  width:18px; height:18px; border:0; border-radius:50%; flex:0 0 auto;
  background:rgba(0,0,0,.07); color:inherit; font-size:15px; line-height:1; padding:0; cursor:pointer;
}
.aic-topic-clear:hover{ background:rgba(0,0,0,.14); }
.aic-disclaimer{ font-size:11.5px; color:var(--aic-faint); text-align:center; margin:9px 0 0; line-height:1.45; }
.aic-disclaimer a{ color:inherit; text-decoration:underline; }

/* notices (consent gate, message limit) */
.aic-notice{
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 16px;
  background:linear-gradient(#fff,#fff) padding-box, var(--aic-grad) border-box;
  border:1px solid transparent; border-radius:16px; padding:13px 16px; margin:0 0 10px;
  box-shadow:var(--shadow-1,0 1px 2px rgba(16,24,40,.05));
  animation:aic-rise .3s var(--ease,ease) both;
}
.aic-notice-body{ display:grid; gap:2px; font-size:13.5px; color:#374151; line-height:1.45; flex:1 1 320px; min-width:0; }
.aic-notice-body strong{ color:var(--aic-ink); font-weight:650; }
.aic-notice-body a{ color:var(--aic-blue); }
.aic-notice-actions{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.aic-notice .btn-primary{ border-radius:999px; }
.aic-notice .btn-sm{ border-radius:999px; }

/* --- Results column ------------------------------------------------------------
   The cards inside are the News page's own .result-card (app.css); this only
   frames them: a header naming what is shown, the searches the conversation
   produced, loading and error states, and links out to the full verticals. */
.aic-col-results{ padding:0 14px 22px; min-width:0; }
.aic-results{ position:relative; }
.aic-results-head{ margin-top:12px; }
.aic-results-all::after{ content:"\2197"; margin-left:4px; font-weight:700; }

/* A link in an answer just sent its search here: the column flashes (a bar
   at its edge and a tint) and the search's name lights up, so the change is
   seen even when the column was already showing results. */
.aic-col-results.is-flash{ animation:aic-col-flash 1.5s ease; }
.aic-col-results.is-flash .aic-results-context strong{ animation:aic-mark 1.5s ease; border-radius:3px; }

/* "Ask AI" on every card in the column (chat.js). */
.aic-rs-ask{
  display:inline-flex; align-items:center; gap:5px;
  border:1px solid rgba(132,94,247,.35); background:#f6f3ff; color:var(--aic-violet-ink);
  border-radius:999px; padding:3px 11px 3px 8px;
  font:inherit; font-size:12.5px; font-weight:600; line-height:1.4; cursor:pointer;
  transition:background .15s ease, border-color .15s ease;
}
.aic-rs-ask .ico{ width:13px; height:13px; }
.aic-rs-ask:hover{ background:#ede7ff; border-color:rgba(132,94,247,.6); }
.aic-results-back{
  display:none; align-items:center; gap:5px;
  font-size:12px; font-weight:600; color:var(--aic-violet-ink); text-decoration:none !important;
}
.aic-results-back .ico{ width:13px; height:13px; }
.aic-results-back:hover{ text-decoration:underline !important; }
.aic-results-context{
  margin:8px 2px 10px; font-size:13.5px; line-height:1.45; color:var(--aic-muted);
  overflow-wrap:anywhere;
}
.aic-results-context strong{ color:var(--aic-ink); font-weight:650; }
.aic-results-context .aic-rs-topic{ color:var(--aic-violet-ink); font-weight:600; }

/* The searches this chat has produced: the question, then the answer's own
   recommendations. The one on screen is filled. */
.aic-results-searches{ display:flex; flex-wrap:wrap; gap:6px; margin:0 2px 12px; }
.aic-rs-chip{
  display:inline-flex; align-items:center; gap:6px; max-width:100%;
  padding:4px 11px 4px 9px; border-radius:999px;
  background:var(--aic-card); border:1px solid var(--aic-line); color:var(--aic-text);
  font:inherit; font-size:12.5px; line-height:1.35; cursor:pointer;
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.aic-rs-chip .ico{ width:13px; height:13px; flex:0 0 auto; opacity:.8; }
.aic-rs-chip span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.aic-rs-chip:hover{ border-color:#c9d3e6; color:var(--aic-ink); }
.aic-rs-chip.is-active{
  background:var(--aic-grad-soft); border-color:rgba(132,94,247,.4);
  color:var(--aic-violet-ink); font-weight:600;
}
.aic-rs-chip:focus-visible{ outline:3px solid rgba(132,94,247,.35); outline-offset:2px; }

/* Loading: a thin gradient bar while a search runs; the previous cards stay
   readable underneath, dimmed, until the new ones replace them. */
.aic-results-bar{
  height:2px; margin:0 2px 8px; border-radius:2px; overflow:hidden;
  background:transparent; position:relative;
}
.aic-results[aria-busy="true"] .aic-results-bar::after{
  content:""; position:absolute; inset:0 auto 0 0; width:40%;
  background:var(--aic-grad); border-radius:2px;
  animation:aic-bar 1.1s ease-in-out infinite;
}
.aic-results-body{ transition:opacity .2s ease; }
.aic-results.is-refreshing .aic-results-body{ opacity:.45; }
.aic-results-body > .result-card:first-child{ margin-top:0; }
.aic-rs-skel{
  display:grid; gap:9px; margin:0 0 12px; padding:16px 16px 18px;
  background:var(--aic-card); border:1px solid var(--aic-line); border-radius:14px;
}
.aic-rs-skel span{
  display:block; height:11px; border-radius:6px;
  background:linear-gradient(90deg,#eef1f6 25%,#e3e9f1 45%,#eef1f6 65%);
  background-size:200% 100%; animation:aic-shimmer 1.2s linear infinite;
}
.aic-rs-skel span:nth-child(1){ width:84%; height:14px; }
.aic-rs-skel span:nth-child(2){ width:100%; }
.aic-rs-skel span:nth-child(3){ width:62%; }
.aic-results-note, .aic-results-status{
  font-size:13.5px; line-height:1.5; color:var(--aic-muted);
}
.aic-results-status{
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 12px;
  margin:0 0 12px; padding:11px 14px;
  background:var(--aic-card); border:1px dashed var(--aic-line); border-radius:12px;
}
.aic-results-status.is-error{ border-style:solid; border-color:#f3c7c7; }
.aic-results-status button{
  border:1px solid var(--aic-line); background:transparent; border-radius:999px;
  font:inherit; font-size:12.5px; font-weight:600; color:var(--aic-violet-ink);
  padding:4px 12px; cursor:pointer;
}
.aic-results-status button:hover{ background:var(--aic-grad-soft); }

.aic-results-foot{
  display:flex; align-items:center; flex-wrap:wrap; gap:6px 8px;
  margin:6px 2px 0; padding-top:12px; border-top:1px solid var(--aic-line);
  font-size:12.5px; color:var(--aic-faint);
}
.aic-results-foot-label{ margin-right:2px; overflow-wrap:anywhere; }
.aic-rs-mode{
  display:inline-flex; align-items:center; padding:3px 11px; border-radius:999px;
  background:#eef3f9; border:1px solid #dde6f0; color:var(--aic-blue);
  font-weight:600; text-decoration:none !important;
}
.aic-rs-mode:hover{ background:#e2ebf5; }

/* "Results" in the composer bar: the way down to the column while it sits
   below the conversation. The count is how many cards it holds. */
.aic-to-results{ text-decoration:none !important; }
.aic-to-results-n{
  min-width:18px; padding:0 5px; border-radius:999px;
  background:var(--aic-grad-soft); color:var(--aic-violet-ink);
  font-size:11px; font-weight:700; line-height:18px; text-align:center;
}

/* Side by side (1200px up, where the search pages put their two result
   columns side by side): the results column stays in view while the
   conversation scrolls, and scrolls on its own. */
@media (min-width:1200px){
  .aic-col-results{
    position:sticky; top:var(--search-header-height, var(--aic-header-h));
    align-self:flex-start;
    max-height:calc(var(--vh, 100vh) - var(--search-header-height, var(--aic-header-h)));
    overflow-y:auto; overscroll-behavior:contain;
    border-left:1px solid var(--aic-line);
    padding:0 16px 22px 18px;
    scrollbar-width:thin; scrollbar-color:rgba(91,100,114,.35) transparent;
  }
  .aic-col-results::-webkit-scrollbar{ width:6px; }
  .aic-col-results::-webkit-scrollbar-thumb{ background:rgba(91,100,114,.35); border-radius:3px; }
  .aic-to-results{ display:none !important; }
}

/* Stacked (under 1200px): results follow the conversation. */
@media (max-width:1199.98px){
  .aic-col-results{
    border-top:1px solid var(--aic-line);
    scroll-margin-top:var(--search-header-height, var(--aic-header-h));
  }
  .aic-results-back{ display:inline-flex; margin-left:auto; }
  .aic-results-back + .results-jump{ margin-left:10px; }
}

/* --- Responsive ------------------------------------------------------------- */
@media (max-width:767.98px){
  :root{ --aic-header-h:74px; }
  .aic-wrap{ padding:0 12px; }
  .aic-hero{ padding:34px 0 18px; }
  .aic-hero-intro{ font-size:14.5px; margin-bottom:22px; }
  .aic-starters{ grid-template-columns:1fr; gap:8px; }
  .aic-starter{ padding:11px 12px; font-size:13.5px; }
  .aic-user-wrap{ max-width:92%; }
  .aic-user-bubble{ font-size:15px; }
  .aic-sources-grid{ grid-template-columns:1fr; }
  .aic-turn-ai{ padding:14px 14px 12px; border-radius:16px; }
  .aic-ai-body{ font-size:15px; }
  .aic-thread{ gap:18px; padding-top:16px; }
  .aic-dock{ padding:10px 0 8px; }
  .aic-composer{ padding:8px 8px 6px 12px; border-radius:22px; }
  .aic-input{ font-size:16px; }
  .aic-ghost span{ display:none; }
  .aic-ghost .aic-to-results-n{ display:inline-block; }
  .aic-ghost{ padding:8px; }
  .aic-meter-track{ width:44px; }
  .aic-disclaimer{ font-size:11px; }
  .aic-ai-meta{ display:none; }
  .aic-col-results{ padding:0 12px 20px; }
}

/* --- Motion ------------------------------------------------------------------ */
@keyframes aic-rise{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
@keyframes aic-float{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-4px); } }
@keyframes aic-blink{ to{ opacity:0; } }
@keyframes aic-pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.55; } }
@keyframes aic-dot{ 0%,80%,100%{ opacity:.35; transform:translateY(0); } 40%{ opacity:1; transform:translateY(-3px); } }
@keyframes aic-shimmer{ to{ background-position:-200% 0; } }
@keyframes aic-bar{ from{ transform:translateX(-100%); } to{ transform:translateX(250%); } }
@keyframes aic-col-flash{
  0%{ box-shadow:inset 0 0 0 0 rgba(132,94,247,0); background-color:transparent; }
  18%{ box-shadow:inset 4px 0 0 0 rgba(132,94,247,.9); background-color:rgba(132,94,247,.09); }
  100%{ box-shadow:inset 0 0 0 0 rgba(132,94,247,0); background-color:transparent; }
}
@keyframes aic-mark{ 0%, 100%{ background-color:transparent; } 20%{ background-color:rgba(132,94,247,.24); } }
/* Reduced motion keeps the column's colour flash (it moves nothing) and
   drops the movement. */
@media (prefers-reduced-motion: reduce){
  .aic-orb, .aic-starter, .aic-turn, .aic-notice, .aic-cursor, .aic-dots i, .aic-shimmer, .aic-turn-ai.is-pending .aic-badge,
  .aic-rs-skel span, .aic-results[aria-busy="true"] .aic-results-bar::after,
  .aic-reading-item, .aic-jump, .aic-trend{ animation:none !important; }
  .aic-composer:focus-within{ transform:none; }
  .aic-tip, .aic-toast{ transition:none; }
}
@media print{
  .aic-dock, .aic-actions, .aic-suggest, #search-header, .fs-footer, .custom-sidebar-menu, .aic-col-results,
  .aic-edit, .aic-code-copy, .aic-sources-more, .aic-continue, .aic-tip, .aic-toast, .aic-panel-ico{ display:none !important; }
  .aic-turn-ai{ box-shadow:none; }
  .aic-src.is-extra{ display:flex !important; }
}

/* ============================================================================
   THEME MODES — AI Mode in dark
   ============================================================================
   The three colour modes are described in section 14 of app.css. Light and
   hybrid both want this page exactly as it is above (the chat surface has
   always been light on both), so only dark has anything to say here.

   Nearly all of it is a token swap: the palette at the top of this file is
   already the single source of these colours, so re-declaring it under
   html[data-fs-theme="dark"] repaints the hero, the turns, the chips and the
   composer at once. The handful of rules below it are the places that took a
   literal instead of a token.
   ============================================================================ */

html[data-fs-theme="dark"]{
  --aic-grad-soft: linear-gradient(135deg, rgba(76,141,251,.22), rgba(132,94,247,.22));
  --aic-ink:#dde5ef;
  --aic-text:#c6d0dc;
  --aic-muted:#9aa7b6;
  --aic-faint:#7c8b9d;
  --aic-line:#232e3b;
  --aic-card:#161d26;
  --aic-violet:#a98bff;
  --aic-violet-ink:#cbbcff;
  --aic-blue:#79b8ff;
  --aic-bg:#10151c;
}

/* The page's own wash: the violet/teal glows need to read on ink, not paper. */
html[data-fs-theme="dark"] body.aic-page{
  background-image:
    radial-gradient(900px 420px at 50% -140px, rgba(132,94,247,.16), transparent 70%),
    radial-gradient(700px 360px at 85% 12%, rgba(26,188,156,.09), transparent 70%);
}

/* Turns */
html[data-fs-theme="dark"] .aic-user-bubble{
  background:linear-gradient(135deg,#1d2440,#232a4b);
  border-color:#2e3560;
}
html[data-fs-theme="dark"] .aic-ai-body blockquote{ color:var(--aic-muted); }
html[data-fs-theme="dark"] .aic-ai-body table{ background:var(--aic-card); }
html[data-fs-theme="dark"] .aic-turn-ai.is-error{ border-color:#5a2b2b; background:#241a1c; }
html[data-fs-theme="dark"] .aic-error-text{ color:#ff9db1; }
html[data-fs-theme="dark"] .aic-starter-go{ color:#a3b4ff; }

/* Chips */
html[data-fs-theme="dark"] .aic-chip{
  background:var(--aic-card); border-color:var(--aic-line); color:var(--aic-blue);
}
html[data-fs-theme="dark"] .aic-chip-news{ background:#2a2213; border-color:#4a3a1c; color:#e0a75b; }
html[data-fs-theme="dark"] .aic-chip-topic,
html[data-fs-theme="dark"] .aic-suggest .aic-chip{
  background:#211c3a; border-color:#362d5e; color:var(--aic-violet-ink);
}

/* Actions */
html[data-fs-theme="dark"] .aic-action:hover,
html[data-fs-theme="dark"] .aic-ghost:hover{ background:#1e2733; color:var(--aic-ink); }

/* Composer dock: the fade has to end in the page colour, or it paints a pale
   band across the bottom of a dark page. */
html[data-fs-theme="dark"] .aic-dock{
  background:linear-gradient(180deg, rgba(16,21,28,0) 0%, rgba(16,21,28,.94) 26%, var(--aic-bg) 60%);
}
html[data-fs-theme="dark"] .aic-composer{
  border-color:#283242;
  box-shadow:0 8px 26px -10px rgba(0,0,0,.6), 0 1px 2px rgba(0,0,0,.35);
}
html[data-fs-theme="dark"] .aic-stop{ background:#e2e8f0; color:#0f172a; }
html[data-fs-theme="dark"] .aic-stop-square{ background:#0f172a; }

/* Notices keep their gradient border; only the panel behind it changes. */
html[data-fs-theme="dark"] .aic-notice{
  background:linear-gradient(var(--aic-card),var(--aic-card)) padding-box, var(--aic-grad) border-box;
}
html[data-fs-theme="dark"] .aic-notice-body{ color:var(--aic-text); }

/* Results column: the chips and panels run on the tokens above; these are
   the literals. */
html[data-fs-theme="dark"] .aic-rs-chip:hover{ border-color:#34414f; }
html[data-fs-theme="dark"] .aic-rs-skel span{
  background:linear-gradient(90deg,#1c2430 25%,#243040 45%,#1c2430 65%);
  background-size:200% 100%;
}
html[data-fs-theme="dark"] .aic-results-status.is-error{ border-color:#5a2b2b; }
html[data-fs-theme="dark"] .aic-rs-mode{ background:var(--aic-card); border-color:var(--aic-line); color:var(--aic-blue); }
html[data-fs-theme="dark"] .aic-rs-mode:hover{ background:#1e2733; }
html[data-fs-theme="dark"] .aic-col-results{ scrollbar-color:rgba(154,167,182,.3) transparent; }
html[data-fs-theme="dark"] .aic-rs-ask{ background:#211c3a; border-color:#362d5e; }
html[data-fs-theme="dark"] .aic-rs-ask:hover{ background:#2a2350; border-color:#4a3f80; }

/* Sources, citations and the answer controls: the literals. */
html[data-fs-theme="dark"] .aic-ai-body a.aic-cite{ background:#232a44; border-color:#34406a; }
html[data-fs-theme="dark"] .aic-ai-body a.aic-cite:hover,
html[data-fs-theme="dark"] .aic-ai-body a.aic-cite.is-hot{ background:var(--aic-violet); border-color:var(--aic-violet); color:#10151c; }
html[data-fs-theme="dark"] .aic-src-n{ background:#1e2733; }
html[data-fs-theme="dark"] .aic-src:hover,
html[data-fs-theme="dark"] .aic-src.is-hot{ box-shadow:0 4px 14px -6px rgba(0,0,0,.6); }
html[data-fs-theme="dark"] .aic-edit:hover{ background:#1e2733; }
html[data-fs-theme="dark"] .aic-jump{ box-shadow:0 6px 18px -6px rgba(0,0,0,.7); }
html[data-fs-theme="dark"] .aic-jump:hover{ border-color:#34414f; }
/* The note and the toast are dark on the light page; on the dark page they
   need an edge to stand off it. */
html[data-fs-theme="dark"] .aic-tip,
html[data-fs-theme="dark"] .aic-toast{ background:#2a3242; border:1px solid #3a4558; }