/*
IC SHIP PASS — generated by icpass.py from the map. edit the CODE; rerun to refresh this.

══════════════════════════════════════════════════════════════════════
 PAGE 0 — TABLE OF CONTENTS  (goldfish pointers)
 jump by SEARCHING the anchor phrase — line numbers drift, names don't.
══════════════════════════════════════════════════════════════════════
  CLEAN TIER (clinical + corporate): NO PNG. ... search: "CLEAN TIER (clinical +"
══════════════════════════════════════════════════════════════════════

 FOR AI
 ───────
   **OWNS** — The visual theme for the "aoladdin" skin: a cave-of-wonders aesthetic with gold
   **accents, dark backgrounds, and a horizontal bar design. This file is the single source of
   **truth for all `.convo[data-skin="aoladdin"]`, `.agent-bar[data-skin="aoladdin"]`, and their
   **clean-tier overrides. No other file exports or names these selectors.
   
   **TOUCH HERE**
   - Change the dark cave background color → `.convo[data-skin="aoladdin"]` L12 or
   - `html[data-tier="clean"]` L48
   - Change the gold accent color → `#d4a53a` (bot messages L17), `#f0d68a` (text L27, L34, L47),
   - or `#c9a227` (clean tier L42, L45, L48)
   - Change the border color → `#6b4f1d` (default L14, L23, L32) or `#c9a227` (clean tier L45,
   - L48)
   - Change message text colors → `.msg.bot` L17 or `.msg.u` L18
   - Replace the topbar image → `aoladdin-topbar.png` (L21, L31)
   - Adjust the inset shadow on headers → L24 or L32
   - Change the clean-tier gradient → L42
   
   **TRAPS**
   - The topbar image filename `aoladdin-topbar.png` appears in two places (L21 and L31) — both
   - must be updated together if the image is renamed or moved.
   - The clean tier (L40–48) completely overrides the default header background and box-shadow;
   - changes to L24 or L32 will be invisible when `data-tier="clean"` is set.
   - The selector `[data-skin="aoladdin"]` is load-bearing — it gates all styling in this file.
   - Renaming it will orphan all users with this skin set.
   - Text color opacity is explicitly banned per the comment at L10; do not add `opacity` or
   - `rgba` with alpha < 1 to any text color.
   
   **DO NOT**
   - Do not add PNG images to the clean tier (L36–44 explains why).
   - Do not rename `aoladdin` to anything else without updating the data attribute in the HTML
   - that applies it.
   - Do not move the topbar image file without updating both L21 and L31.
   - Do not add vertical (`-vert`) variants; the comment at L7–9 explains this is intentional.
   - Do not add opacity to text; use solid hex only (L10).
   
   
   
   ---

END IC SHIP PASS
*/

/* aoladdin.css — THE CAVE OF WONDERS THAT WENT PUBLIC. (Sum 2026-07-29)
   Two rooms that are the same room: a cavern full of gold that eats people, and a trading floor.
   The bar reads end to end — cave mouth and spilling hoard at the start, a ticker tape unspooling
   with its line going up (always up), a dark calm middle where the name and buttons live, and the
   lamp on red velvet under an auction spotlight at the finish. LOT 1.

   No -vert twin on purpose: a rotated photograph is a rotated photograph. The vertical dock uses
   `cover` on the same image, which crops to an upright slice instead of tipping the world over.
   (The Mondrian bar CAN rotate — a grid has no up. A cave does.)
   Opacity on text banned; every role is solid hex. Apply via [data-skin="aoladdin"]. */

.convo[data-skin="aoladdin"] {
  background: #14100c;
  border: 2px solid #6b4f1d; border-radius: 6px;
}
.convo[data-skin="aoladdin"] .convo-screen { background: transparent; color: #f3e3c0; }
.convo[data-skin="aoladdin"] .msg.bot { border-inline-start: 4px solid #d4a53a; color: #f7e9c8; }
.convo[data-skin="aoladdin"] .msg.u   { border-inline-start: 4px solid #7d6a3c; color: #efe4cc; }

.agent-bar[data-skin="aoladdin"] .ab-head {
  background-image: url('aoladdin-topbar.png');
  background-position: center; background-size: cover; background-repeat: no-repeat;
  border-bottom: 2px solid #6b4f1d;
  box-shadow: inset 0 -30px 24px -20px rgba(0,0,0,.7);
}
.agent-bar[data-skin="aoladdin"] { background: #14100c; border-color: #6b4f1d; }
.agent-bar[data-skin="aoladdin"] .ab-name { color: #f0d68a; letter-spacing: .6px; text-shadow: 0 1px 4px #000; }
.agent-bar[data-skin="aoladdin"] .ab-grip,
.agent-bar[data-skin="aoladdin"] .ab-add { color: #f0d68a; text-shadow: 0 1px 4px #000; }
.convo[data-skin="aoladdin"] .convo-head {
  background: url('aoladdin-topbar.png') center / cover no-repeat;
  border-bottom: 2px solid #6b4f1d; box-shadow: inset 0 -30px 24px -20px rgba(0,0,0,.7);
}
.convo[data-skin="aoladdin"] .head-title { color: #f0d68a; text-shadow: 0 1px 4px #000; }

/* ── CLEAN TIER (clinical + corporate): NO PNG. clinical.css's own header says "no png top bars",
      and Sum's icon rule says drawn for clin/corp. But drawn must not mean BLACK — the bot keeps its
      colour, it just stops being a photograph. GOLD BAR / DUSTY CAVE.
      One gradient, two stops, no image. Solid hex throughout; opacity on text stays banned. ── */
html[data-tier="clean"] .agent-bar[data-skin="aoladdin"] .ab-head,
html[data-tier="clean"] .convo[data-skin="aoladdin"] .convo-head {
  background: linear-gradient(100deg, #3a2c12 0%, #c9a227 46%, #3a2c12 100%);
  box-shadow: none;
}
html[data-tier="clean"] .agent-bar[data-skin="aoladdin"] { background: #3a2c12; border-color: #c9a227; }
html[data-tier="clean"] .agent-bar[data-skin="aoladdin"] .ab-name,
html[data-tier="clean"] .convo[data-skin="aoladdin"] .head-title { color: #f0d68a; text-shadow: none; }
html[data-tier="clean"] .convo[data-skin="aoladdin"] { background: #3a2c12; border-color: #c9a227; }