/**
 * File:          public/css/bold_minimal.css
 * Version:       0.1.4
 * Last Modified: 2026-11-01 08:48 PM EST
 * Changes:       0.1.4 — Chat 2.0 merge: dead #mobile-filters-btn selector dropped (Filters opens from ⋯, step 3).
 *                0.1.3 — Chat 2.0 merge: step 2 dropped the removed icon rail's .rail-btn.rail-accent selector; step 5
 *                dropped .chip-toggle, Options pill and Create image chip selectors (removed).
 * Changes:       0.1.1 — Dropped selectors for retired mode chip, quick panel and hand-off pills.
 *                0.1.0 — New. Jeff's chosen "Bold Minimal" look, loaded last so it wins: thin outlines,
 *                10px corners, gold only on the selected choice and the main action, dark text
 *                on gold, no blue. Web twin of iOS Council/Views/BoldMinimalStyle.swift.
 */
:root, :root[data-theme] {
  --accent: #F0B84B;
  --accent-hover: #F5C76A;
  --accent-dim: rgba(240,184,75,0.10);
  --accent-glow: rgba(240,184,75,0.22);
  --border-active: rgba(240,184,75,0.45);
  --accent-ink: #21180A;
  --bm-outline: #83858B;
  --bm-danger: #FF7779;
  --bm-radius: 10px;
  --bm-tag-radius: 6px;
}

/* Solid gold surfaces carry dark text (white on gold is unreadable). */
#sendBtn, .setting-btn-primary, .glitch-rerun-opt.selected, .discuss-target-btn.active, .action-seg.active, #chat-layout-toggle button.active, #v2-decision-card button[data-action="arbiter"], .pb-primary-btn, .pb-generate-btn, .pb-option.pb-build-line, .canvas-header-btn.active, .mode-toggle-btn.active, .brainstorm-synthesis-avatar, .msg.user .msg-avatar, #settings-btn:hover, #send-arbiter-btn:hover, #mobilePlusBtn.active, #plus-mode-hint, .layerb-loop-icon, .vn-btn-primary, .vn-word.vn-word-active, .vn-play-btn {
  color: var(--accent-ink) !important;
}

/* Buttons: outline by default, gold fill for the main action, red outline for delete. */
.mw-button {
  border: 1px solid var(--bm-outline); border-radius: var(--bm-radius);
  background: transparent; color: var(--text-primary, #f4f4f5); font-weight: 600; min-height: 44px;
}
.mw-button:hover:not(:disabled) { border-color: var(--text-secondary, #b2b3ba); }
.mw-primary { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.mw-primary:hover:not(:disabled) { background: var(--accent-hover); border-color: var(--accent-hover); }
.mw-danger, .mw-button.danger { color: var(--bm-danger); border-color: rgba(255,119,121,0.6); }

/* Chips: one shape everywhere; the selected chip fills gold. Never wraps. */
.welcome-chip, .council-chip, #council-chip, .options-pill, .mode-cat-pill, .pending-file-chip, .mode-toggle-btn, .plus-chip, .starter_chip, .category_pill {
  border: 1px solid var(--bm-outline) !important; border-radius: var(--bm-radius) !important;
  background: transparent !important; color: var(--text-primary, #f4f4f5) !important;
  box-shadow: none !important; white-space: nowrap;
}
.welcome-chip.active, .mode-cat-pill.active, .mode-toggle-btn.active, .category_pill.active, .mode-cat-pill[aria-selected="true"] {
  background: var(--accent) !important; border-color: var(--accent) !important; color: var(--accent-ink) !important;
}

/* Read-only status labels: small outlined tags, not filled pills. */
.round-divider-pill, .glitch-paused-pill, #mode-progress-chip, .working_chip, .tsr-badge {
  border-radius: var(--bm-tag-radius) !important; background: transparent !important;
  border: 1px solid currentColor !important; box-shadow: none !important;
}
.round-divider-pill { color: var(--text-secondary, #b2b3ba) !important; }
.round-divider-line { background: rgba(255,255,255,0.16) !important; }

/* Round icon buttons become outlined squares (iOS twin: 10pt rounded rectangles). */
#mobilePlusBtn {
  border: 1px solid var(--bm-outline) !important; border-radius: var(--bm-radius) !important;
  background: transparent !important; color: var(--text-primary, #f4f4f5) !important; box-shadow: none !important;
}
#mobilePlusBtn.active { background: var(--accent) !important; border-color: var(--accent) !important; }

/* Rail ⋮ menus read as a plain action list with fine rules. */
.mw-rail-menu { border-radius: 12px; border: 1px solid #777982; box-shadow: none; padding: 4px; }
.mw-rail-menu-item { border-radius: 0; }
.mw-rail-menu-item + .mw-rail-menu-item { border-top: 1px solid rgba(255,255,255,0.12); }
/* === END OF FILE (FILENAME: /var/www/vhosts/koracouncil.com/app.koracouncil.com/public/css/bold_minimal.css) === */