/* ============================================================================
   minimal.css — Phase 19 U1: Claude-minimal chat skin.

   Loaded AFTER app.css so it overrides. Re-skins the palette to warm paper /
   charcoal + a single coral accent (no blue, no glass/depth), quiets the chat
   surface, and hides the composer clutter (voice mic, the 7-pill focus row).
   Nothing is removed from the DOM — pure override, reversible by dropping the
   <link>. `!important` only where app.css's duplicated message/composer rules
   would otherwise win.
   ============================================================================ */

/* ── 1. Palette + kill glass (token re-skin) ───────────────────────────────
   Redefining the design tokens re-skins the whole app for free. Neutrals carry
   a warm bias toward the coral accent so they read chosen, not default-grey. */
:root {                                   /* dark (default) */
  --bg:#262624; --bg-nav:#1e1d1b; --bg-card:#302f2c; --bg-surface:#302f2c;
  --bg-input:#302f2c; --bg-hover:rgba(255,255,255,.055); --bg-active:rgba(255,255,255,.09);
  --bg-code:#1c1b19; --bg-tooltip:#3a3730;
  --text:#ece9e0; --text-secondary:#cbc6ba; --text-muted:#9c968a; --text-dim:#736d61;
  --accent:#d5825f; --accent-hover:#c9714e; --accent-bright:#e19675;
  --accent-soft:rgba(213,130,95,.15); --accent-text:#e0a184;
  --border:rgba(255,255,255,.09); --border-light:rgba(255,255,255,.14);
  --border-glow:transparent; --accent-glow:transparent; --shadow-glow:none; --highlight-inset:none;
}
[data-theme="light"] {                    /* warm paper */
  --bg:#faf9f5; --bg-nav:#f0eee6; --bg-card:#ffffff; --bg-surface:#ffffff;
  --bg-input:#ffffff; --bg-hover:rgba(60,45,20,.05); --bg-active:rgba(60,45,20,.08);
  --bg-code:#f4f2ea; --bg-tooltip:#2b2824;
  --text:#26241f; --text-secondary:#4c473e; --text-muted:#7c766a; --text-dim:#a49d8e;
  --accent:#c26144; --accent-hover:#a94f34; --accent-bright:#cf7053;
  --accent-soft:rgba(194,97,68,.10); --accent-text:#a94f34;
  --border:#e7e3d8; --border-light:#ded9cc;
  --border-glow:transparent; --accent-glow:transparent; --shadow-glow:none; --highlight-inset:none;
}

/* ── 2. Chat surface: centered reading column, calm messages ─────────────── */
.msg-row { max-width: 768px; margin-inline: auto !important; align-items: flex-start; }
.msg-avatar { display: none !important; }          /* no per-message avatars */
.msg-body { max-width: 100%; min-width: 0; }
.msg-time { display: none; }                        /* declutter the meta line */
.msg-meta { margin-bottom: 6px; gap: 8px; }
.msg-role { color: var(--text-muted); font-weight: 600; font-size: 13px; letter-spacing: .01em; }
.msg-content { font-size: 15.5px; line-height: 1.72; color: var(--text); }
.msg-provider-tag, .msg-route-tag { color: var(--text-dim); }

/* assistant: clean prose, no bubble */
.msg-row.assistant .msg-content {
  background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important;
}

/* user: quiet bubble, right-aligned */
.msg-row.user { justify-content: flex-end; }
.msg-row.user .msg-body { max-width: 84%; }
.msg-row.user .msg-meta { justify-content: flex-end; }
.msg-row.user .msg-content {
  background: var(--bg-card) !important; border: 1px solid var(--border) !important;
  border-radius: 18px 18px 6px 18px !important; padding: 10px 15px !important; box-shadow: none !important;
}

/* message actions: reveal on hover, quiet otherwise */
.msg-actions { opacity: 0; transition: opacity .14s ease; }
.msg-row:hover .msg-actions, .msg-row:focus-within .msg-actions { opacity: 1; }
.msg-action-btn { color: var(--text-dim); }
.msg-action-btn:hover { color: var(--text); background: var(--bg-hover); }

/* code blocks: calm, not black */
.msg-content pre { background: var(--bg-code) !important; border: 1px solid var(--border) !important; border-radius: 12px !important; }

/* ── 3. Composer: one rounded box, no pill row, no mic ───────────────────── */
#focus-mode-pills { display: none !important; }     /* hide the loud 7-pill row */
#mic-btn { display: none !important; }              /* voice out of the default view */
#input-area { max-width: 800px; margin-inline: auto; width: 100%; }
#input-wrapper {
  border-radius: 26px !important; border: 1px solid var(--border) !important;
  background: var(--bg-input) !important; box-shadow: 0 1px 3px rgba(20,15,8,.05) !important;
  padding: 6px 8px 6px 10px;
}
#input-wrapper:focus-within {
  border-color: color-mix(in srgb, var(--accent) 48%, var(--border)) !important;
  box-shadow: 0 2px 10px rgba(120,60,40,.06) !important;
}
#message-input { font-size: 15.5px; line-height: 1.55; }
#attach-btn { color: var(--text-muted); }
#attach-btn:hover { color: var(--text); background: var(--bg-hover); }
#send-btn {
  background: var(--accent) !important; color: #fff !important; border-radius: 50% !important;
  width: 34px; height: 34px; box-shadow: none !important;
}
#send-btn:hover { background: var(--accent-hover) !important; }

/* ── 4. Welcome: minimal ─────────────────────────────────────────────────── */
#welcome { gap: 14px; }
.welcome-icon { background: var(--accent) !important; color: #fff !important; box-shadow: none !important; }
#welcome h2 { font-weight: 600; letter-spacing: -.01em; }
.welcome-chip { background: var(--bg-card); border: 1px solid var(--border); box-shadow: none; }
.welcome-chip:hover { background: var(--bg-hover); border-color: var(--border-light); }

/* ── 5. Sidebar: quiet, chat-first ───────────────────────────────────────── */
.nav-item.active { color: var(--accent-text); background: var(--bg-active); }
.nav-item.active::before, .nav-item::after { box-shadow: none !important; }
.sidebar-brand, .welcome-icon { --accent-glow: transparent; }

/* kill leftover glow/depth anywhere it was inlined via tokens */
* { text-shadow: none; }
.msg-content, #input-wrapper, .welcome-chip, .nav-item { --shadow-glow: none; }