/* theme.css — Bloom Mental Health palette (Michelle 2026-09-13: "green and pink", "or a dark mode").
   Sage = the leaf in her logo, the primary: buttons, links, active states, section labels.
   Blush = the lotus petals, the secondary: tinted panels, selected rows, soft borders.
   Every page maps its old blue family onto these tokens; dark mode swaps the tokens and the light
   surfaces the pages still name literally. The toggle in the CRM/admin header writes bloom_theme. */
:root{
  --accent:#5f7d5a;         /* sage; white text on it reads at 5:1 */
  --accent-hover:#4b6647;
  --accent-ink:#2f4a2d;     /* dark sage for headings on tinted panels */
  --blush:#c9878d;          /* petal pink, decorative text and dots */
  --blush-soft:#f9eef0;     /* pink tint for panels, "today", selected rows */
  --blush-border:#ecd0d3;
}
.row.sel{background:var(--blush-soft)!important;border-color:var(--accent)!important}
::selection{background:color-mix(in srgb,var(--accent) 25%,transparent)}
/* ---------- dark ---------- */
[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0f1412;--surface:#161c1a;--surface-2:#1f2725;--border:#2a3330;--text:#e8ede9;--muted:#9fb0a8;
  --accent:#9cbf95;--accent-hover:#b3d1ac;--accent-ink:#d5e6d1;--blush:#e0a3a9;--blush-soft:#2b2226;--blush-border:#4a373c;
}
[data-theme="dark"] body{background:#0f1412;color:#e8ede9}
[data-theme="dark"] .bg-white,[data-theme="dark"] .bg-\[\#ffffff\],[data-theme="dark"] .glass,[data-theme="dark"] .field,[data-theme="dark"] .card,[data-theme="dark"] .bg-white\/95,[data-theme="dark"] .bg-white\/90,[data-theme="dark"] .bg-white\/80{background-color:#161c1a!important;color:#e8ede9}
[data-theme="dark"] .field::placeholder{color:#6f7f78}
[data-theme="dark"] .bg-\[\#f7f8fa\],[data-theme="dark"] .bg-\[\#f1f3f7\],[data-theme="dark"] .bg-\[\#f4f6f8\],[data-theme="dark"] .bg-\[\#eef1f4\],[data-theme="dark"] .bg-\[\#fbfcfd\],[data-theme="dark"] .bg-\[\#fbfcfe\],[data-theme="dark"] .bg-\[\#f5f6f8\],[data-theme="dark"] .bg-\[\#eef0f4\],[data-theme="dark"] .bg-\[\#fafbfc\],[data-theme="dark"] .bg-\[\#f8f9fb\],[data-theme="dark"] .bg-\[\#f6f8fb\],[data-theme="dark"] .bg-\[\#eef2f7\],[data-theme="dark"] .bg-\[\#f7fbff\]{background-color:#1f2725!important}
[data-theme="dark"] .hover\:bg-\[\#f1f3f7\]:hover,[data-theme="dark"] .hover\:bg-\[\#f4f6f8\]:hover,[data-theme="dark"] .hover\:bg-\[\#eef1f4\]:hover,[data-theme="dark"] .row:hover,[data-theme="dark"] .icd-item:hover{background-color:#26302d!important}
[data-theme="dark"] .text-\[\#16201d\],[data-theme="dark"] .text-\[\#3d4a45\],[data-theme="dark"] .text-\[\#374151\],[data-theme="dark"] .text-\[\#1c1d21\],[data-theme="dark"] .text-\[\#0b1220\],[data-theme="dark"] .text-\[\#334155\]{color:#e8ede9!important}
[data-theme="dark"] .hover\:text-\[\#16201d\]:hover{color:#ffffff!important}
[data-theme="dark"] .text-\[\#4b5563\],[data-theme="dark"] .text-\[\#6b7280\],[data-theme="dark"] .text-\[\#475569\],[data-theme="dark"] .text-\[\#5b6478\]{color:#b7c4be!important}
[data-theme="dark"] .text-\[\#9aa0ab\],[data-theme="dark"] .text-\[\#c0c5cd\],[data-theme="dark"] .text-\[\#c8ccd4\],[data-theme="dark"] .text-\[\#8a93a3\],[data-theme="dark"] .text-\[\#8a929e\]{color:#8a9a93!important}
[data-theme="dark"] .border-\[\#e6e9ee\],[data-theme="dark"] .border-\[\#eef1f4\],[data-theme="dark"] .border-\[\#f1f3f7\],[data-theme="dark"] .border-\[\#eef1f6\],[data-theme="dark"] .border-\[\#eef0f4\],[data-theme="dark"] .border-\[\#d4e0de\],[data-theme="dark"] .border-\[\#d1d5db\],[data-theme="dark"] .border-\[\#eef2f7\],[data-theme="dark"] .border-\[\#c8ccd4\],[data-theme="dark"] .border-\[\#c0c5cd\],[data-theme="dark"] .border-\[\#c4c9d2\]{border-color:#2a3330!important}
[data-theme="dark"] .divide-\[\#eef1f4\]>:not([hidden])~:not([hidden]),[data-theme="dark"] .divide-\[\#e6e9ee\]>:not([hidden])~:not([hidden]){border-color:#2a3330!important}
[data-theme="dark"] .bg-\[\#eaf7ef\],[data-theme="dark"] .bg-\[\#f0fdf4\],[data-theme="dark"] .bg-\[\#eafaf0\]{background-color:#16302a!important}
[data-theme="dark"] .bg-\[\#fef2f2\],[data-theme="dark"] .bg-\[\#fdecec\],[data-theme="dark"] .bg-\[\#fde8e8\]{background-color:#3a2226!important}
[data-theme="dark"] .bg-\[\#fff7ed\],[data-theme="dark"] .bg-\[\#fffbeb\],[data-theme="dark"] .bg-\[\#fefce8\],[data-theme="dark"] .bg-\[\#fef3c7\],[data-theme="dark"] .bg-\[\#fff4ed\]{background-color:#3a2f1b!important}
[data-theme="dark"] .icd-dd,[data-theme="dark"] .icd-item{background:#161c1a;color:#e8ede9;border-color:#2a3330}
[data-theme="dark"] .icd-label{color:#b7c4be}
[data-theme="dark"] .mopt,[data-theme="dark"] .mse-chip{background:#1f2725;color:#e8ede9;border-color:#2a3330}
[data-theme="dark"] .mopt.on,[data-theme="dark"] .mopt:has(input:checked),[data-theme="dark"] .mse-chip.on{background:var(--accent);border-color:var(--accent);color:#0f1412}
[data-theme="dark"] .bg-\[var\(--accent\)\],[data-theme="dark"] .bg-\[var\(--accent-hover\)\]{color:#0f1412!important}
[data-theme="dark"] .bg-\[var\(--accent\)\] *{color:inherit}
[data-theme="dark"] #boardPane,[data-theme="dark"] .modal-bg{background-color:#0f1412}
[data-theme="dark"] .modal-bg{background-color:rgba(0,0,0,.6)!important}
[data-theme="dark"] select,[data-theme="dark"] input,[data-theme="dark"] textarea{background-color:#161c1a;color:#e8ede9;border-color:#2a3330}
[data-theme="dark"] svg text{fill:#b7c4be}
[data-theme="dark"] img.logo-dark-invert{filter:brightness(1.6)}
[data-theme="dark"] .board-lane{background:#161c1a!important;border-color:#2a3330!important}
[data-theme="dark"] .board-lane .bg-white{background-color:#1f2725!important}

/* Logo lockup (9/27): the website's lotus + wordmark, charcoal letters on light, light letters on dark. */
.logo-on-dark{display:none}
[data-theme="dark"] .logo-on-light{display:none}
[data-theme="dark"] .logo-on-dark{display:inline-block}