/* ============================================================
   MEMBER MAISON — dark espresso + struck-gold reskin
   Loaded LAST so it wins the cascade over tokens.css,
   components.css, member-dashboard.css and the inline <style>.
   Pure visual override: NO structural / id / JS changes.
   Maps all three light token namespaces (--cc-*, --md-*, and
   the page-level --bg/--ink/--grad set) onto the maison palette.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Sora:wght@200;300;400;500;600&display=swap');

:root {
  /* ---- palette ---- */
  --m-bg:        #0A0805;
  --m-bg2:       #0F0C08;
  --m-bg3:       #13100B;
  --m-bg4:       #1A150E;
  --m-text:      #EEE9DF;
  --m-text2:     #C8BFB0;
  --m-muted:     #897C6B;
  --m-muted2:    #A89B89;
  --m-gold:      #C4943A;
  --m-gold2:     #E2B76A;
  --m-gold3:     #F2D79A;
  --m-sage:      #6B8B78;
  --m-sage2:     #8FAF9A;
  --m-blush:     #B8836A;
  --m-line:      rgba(196,148,58,.18);
  --m-line2:     rgba(196,148,58,.36);
  --m-glass:     linear-gradient(160deg,#13100B,#0F0C08);
  --m-goldgrad:  linear-gradient(135deg,#C4943A,#F2D79A 55%,#E2B76A);
  --m-play:      'Playfair Display', Georgia, serif;
  --m-sans:      'Sora', system-ui, sans-serif;

  /* ---- page-level token overrides (inline :root) ---- */
  --bg-1: var(--m-bg);  --bg-2: var(--m-bg2);  --bg-3: var(--m-bg3);
  --ink: var(--m-text);
  --ink-soft: var(--m-text2);
  --ink-mute: var(--m-muted2);
  --ink-faint: var(--m-muted);
  --line: var(--m-line);
  --line-strong: var(--m-line2);
  --blue: var(--m-gold);
  --cyan: var(--m-gold2);
  --cyan-light: var(--m-gold3);
  --indigo: var(--m-gold2);
  --grad: var(--m-goldgrad);
  --grad-soft: linear-gradient(135deg, rgba(242,215,154,.16), rgba(196,148,58,.06));
  --card: var(--m-glass);
  --card-strong: var(--m-bg3);
  --card-border: var(--m-line);
  --card-border-hover: var(--m-line2);
  --card-shadow: 0 1px 2px rgba(0,0,0,.4), 0 12px 32px rgba(0,0,0,.34);
  --card-shadow-hover: 0 2px 6px rgba(0,0,0,.5), 0 18px 48px rgba(0,0,0,.5);
  --pill: rgba(255,255,255,.04);
  --pill-border: var(--m-line2);
  --font-display: var(--m-play);
  --font-eyebrow: var(--m-sans);
  --font-ui: var(--m-sans);

  /* ---- tokens.css (--cc-*) overrides ---- */
  --cc-color-blue: var(--m-gold);
  --cc-color-blue-deep: var(--m-gold);
  --cc-color-blue-light: var(--m-gold2);
  --cc-color-cyan: var(--m-gold2);
  --cc-color-cyan-light: var(--m-gold3);
  --cc-tint-blue-bg: rgba(196,148,58,.06);
  --cc-tint-blue-bg-hover: rgba(196,148,58,.12);
  --cc-tint-blue-border: var(--m-line2);
  --cc-tint-blue-rule: var(--m-line);
  --cc-text: var(--m-text);
  --cc-text-dim: var(--m-text2);
  --cc-text-muted: var(--m-muted2);
  --cc-text-faint: var(--m-muted);
  --cc-surface-bg-top: var(--m-bg);
  --cc-surface-bg-mid: var(--m-bg2);
  --cc-surface-bg-bot: var(--m-bg3);
  --cc-surface-bg-gradient: linear-gradient(180deg,var(--m-bg) 0%,var(--m-bg2) 48%,var(--m-bg3) 100%);
  --cc-surface-card: var(--m-bg3);
  --cc-surface-card-soft: var(--m-bg2);
  --cc-surface-elevated: var(--m-bg3);
  --cc-rule: var(--m-line);
  --cc-rule-strong: var(--m-line2);
  --cc-color-green: var(--m-sage2);
  --cc-color-amber: var(--m-gold2);
  --cc-color-red: var(--m-blush);
  --cc-color-success-bg: rgba(143,175,154,.10);
  --cc-color-success-border: rgba(143,175,154,.32);
  --cc-color-warning-bg: rgba(196,148,58,.10);
  --cc-color-warning-border: var(--m-line2);
  --cc-color-danger-bg: rgba(184,131,106,.10);
  --cc-color-danger-border: rgba(184,131,106,.32);
  --cc-dark: var(--m-bg);
  --cc-dark-deep: var(--m-bg);
  --cc-on-dark: var(--m-text);
  --cc-on-dark-dim: var(--m-text2);
  --cc-on-dark-muted: var(--m-muted2);
  --cc-font-display: var(--m-play);
  --cc-font-ui: var(--m-sans);
  --cc-font-eyebrow: var(--m-sans);

  /* ---- member-dashboard.css (--md-*) overrides ---- */
  --md-text: var(--m-text);
  --md-text-dim: var(--m-text2);
  --md-text-muted: var(--m-muted2);
  --md-blue: var(--m-gold);
  --md-blue-deep: var(--m-gold);
  --md-cyan: var(--m-gold2);
  --md-surface: var(--m-bg3);
  --md-surface-2: var(--m-bg2);
  --md-rule: var(--m-line);
  --md-rule-strong: var(--m-line2);
  --md-grad-brand: var(--m-goldgrad);
  --md-font-display: var(--m-play);
  --md-font-ui: var(--m-sans);
  --md-font-eyebrow: var(--m-sans);
}

/* ---- global canvas ---- */
html, body {
  background:
    radial-gradient(70% 40% at 50% -8%, rgba(196,148,58,.10), transparent 70%),
    radial-gradient(ellipse 900px 500px at -10% 110%, rgba(196,148,58,.06), transparent 60%),
    linear-gradient(160deg, var(--m-bg) 0%, var(--m-bg2) 50%, var(--m-bg3) 100%) !important;
  color: var(--m-text);
  font-family: var(--m-sans);
}
/* film grain */
body::after {
  content:''; position:fixed; inset:0; pointer-events:none; z-index:9998;
  opacity:.045; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* headings → Playfair */
h1,h2,h3,h4,.wcd-hero-title,.wcd-hero-name,.gate-logo { font-family: var(--m-play); }
em { font-style: italic; }

/* ============================================================
   ORDER-INDEPENDENT OVERRIDES
   --wcd-* and the page-level --bg/--ink tokens are declared in
   inline <style> blocks that load AFTER this file, so they need
   !important to win. Same for the hardcoded #FFFFFF surfaces.
   ============================================================ */
:root {
  /* page-level (inline) */
  --bg-1: var(--m-bg) !important;  --bg-2: var(--m-bg2) !important;  --bg-3: var(--m-bg3) !important;
  --ink: var(--m-text) !important;
  --ink-soft: var(--m-text2) !important;
  --ink-mute: var(--m-muted2) !important;
  --ink-faint: var(--m-muted) !important;
  --line: var(--m-line) !important;
  --line-strong: var(--m-line2) !important;
  --blue: var(--m-gold) !important;
  --cyan: var(--m-gold2) !important;
  --cyan-light: var(--m-gold3) !important;
  --indigo: var(--m-gold2) !important;
  --grad: var(--m-goldgrad) !important;
  --card: var(--m-glass) !important;
  --card-strong: var(--m-bg3) !important;
  --card-border: var(--m-line) !important;
  --pill: rgba(255,255,255,.04) !important;
  --pill-border: var(--m-line2) !important;
  --font-display: var(--m-play) !important;
  --font-eyebrow: var(--m-sans) !important;
  --font-ui: var(--m-sans) !important;

  /* --wcd-* (inline hero/nav/stat/tile) */
  --wcd-navy: var(--m-bg) !important;
  --wcd-blue: var(--m-gold) !important;
  --wcd-indigo: var(--m-gold2) !important;
  --wcd-teal: var(--m-gold2) !important;
  --wcd-aqua: var(--m-gold3) !important;
  --wcd-gold: var(--m-gold2) !important;
  --wcd-rule: var(--m-line) !important;
  --wcd-rule-strong: var(--m-line2) !important;
  --wcd-paper: var(--m-bg3) !important;
  --wcd-ink: var(--m-text) !important;
  --wcd-ink-soft: var(--m-text2) !important;
  --wcd-ink-mute: var(--m-muted2) !important;
  --wcd-grad-ink: linear-gradient(180deg,var(--m-bg) 0%,var(--m-bg3) 60%,var(--m-bg4) 100%) !important;
  --wcd-grad-warm: var(--m-goldgrad) !important;
}

/* ---- hardcoded light surfaces → dark glass ---- */
.wcd-hero {
  background:
    radial-gradient(900px 480px at 88% -20%, rgba(196,148,58,.16), transparent 60%),
    radial-gradient(700px 380px at -10% 110%, rgba(196,148,58,.08), transparent 55%),
    linear-gradient(150deg, var(--m-bg3), var(--m-bg2)) !important;
  border: 1px solid var(--m-line) !important;
  padding: 32px 40px 28px !important;
}
.wcd-hero-wrap { margin-bottom: 16px !important; }
.wcd-hero-title { font-size: clamp(32px, 3.8vw, 56px) !important; }
.wcd-hero-name  { font-size: clamp(28px, 3.4vw, 50px) !important; }
.wcd-hero-grid  { gap: 20px !important; }
.wcd-hero-eyebrow-row { margin-bottom: 12px !important; }
.wcd-stat-card,
.wcd-tile,
.my-refills,
.consult-card,
.card,
.qj-rail .qj-inner { background: var(--m-glass) !important; border-color: var(--m-line) !important; }
.wcd-stat-card { background: rgba(255,255,255,.025) !important; }

/* nav rail */
.qj-rail { background: rgba(12,9,6,.74) !important; border-bottom: 1px solid var(--m-line) !important;
  backdrop-filter: blur(22px) saturate(180%); -webkit-backdrop-filter: blur(22px) saturate(180%); }
.qj-wordmark { font-family: var(--m-play) !important; color: var(--m-text) !important; }
.qj-wordmark small { color: var(--m-gold2) !important; }
.qj-iconbtn, .qj-menu-btn { color: var(--m-bg) ; }
.qj-menu-btn { background: var(--m-goldgrad) !important; border: 1px solid var(--m-line2) !important; color: #2A1808 !important; }
.qj-iconbtn { background: rgba(255,255,255,.03) !important; border: 1px solid var(--m-line) !important; color: var(--m-gold2) !important; }

/* hero neuron graphic → crest */
.wcd-hero-logo-col img { content: url('../logo-kit/crest/crest-transparent-512.png') !important; opacity: .14 !important; filter: none !important; }

/* inputs / selects on dark */
input, textarea, select, .consult-picker-select {
  background: rgba(255,255,255,.035) !important; color: var(--m-text) !important;
  border: 1px solid var(--m-line) !important;
}
input:focus, textarea:focus, select:focus {
  outline: none !important; border-color: var(--m-gold2) !important;
  box-shadow: 0 0 0 3px rgba(196,148,58,.13) !important;
}

/* gold gradient buttons → dark embossed text */
.cc-ob-btn-primary, .qj-menu-btn { color: #2A1808 !important; text-shadow: 0 1px 0 rgba(255,246,214,.4); }

/* auth gate dark */
#authGate { background:
  radial-gradient(ellipse 700px 400px at 50% 30%, rgba(196,148,58,.12), transparent 60%),
  linear-gradient(160deg, var(--m-bg), var(--m-bg3)) !important; }

/* ---- remaining hardcoded white panels (from live DOM audit) ---- */
.inline-chat-board, .inline-chat-thread, .protocol-feature, .panel,
.feature-card, .tool-card, .exclusive-item, .rc-blog-item, .latest-visit-card,
.admin-preview-bar {
  background: var(--m-glass) !important;
  border-color: var(--m-line) !important;
  color: var(--m-text) !important;
}
.inline-chat-open, .inline-chat-thread { background: rgba(255,255,255,.03) !important; }
.inline-chat-input { background: rgba(255,255,255,.035) !important; color: var(--m-text) !important; border-color: var(--m-line) !important; }

/* small light buttons → gold or dark glass */
.dash-signout-btn, .journal-note-save {
  background: rgba(255,255,255,.04) !important; color: var(--m-text2) !important;
  border: 1px solid var(--m-line) !important;
}
.dash-signout-btn:hover, .journal-note-save:hover { border-color: var(--m-line2) !important; color: var(--m-gold3) !important; }

/* hero gradient-clipped accent text → gold */
.wcd-hero-title em, .wcd-hero-flourish {
  background: var(--m-goldgrad) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color: transparent !important;
}

/* incoming chat bubble vs mine */
.inline-chat-msg, .chat-msg { color: var(--m-text) !important; }

/* quick-key / feature / tool icon chips → uniform gold (kill data-tone tints) */
.wcd-tile-icon, .feature-icon, .tool-icon, .consult-info-icon {
  background-image: linear-gradient(150deg, rgba(242,215,154,.14), rgba(196,148,58,.05)) !important;
  background-color: rgba(196,148,58,.08) !important;
  border: 1px solid var(--m-line) !important;
  color: var(--m-gold2) !important;
}
.wcd-tile-icon svg, .feature-icon svg, .tool-icon svg, .consult-info-icon svg {
  stroke: var(--m-gold2) !important; color: var(--m-gold2) !important;
}
/* colored data-tone accent strip on tiles → gold */
.wcd-tile::before, .feature-card::before, .tool-card::before {
  background: var(--m-goldgrad) !important;
  background-image: var(--m-goldgrad) !important;
}

/* ════ READABILITY — member dashboard (no maison-theme here) ════ */
#dashPage p, #dashPage li, #dashPage td, #dashPage th, #dashPage label, #dashPage summary,
#dashPage .stk .ds, #dashPage .rf .tm, #dashPage .msg, #dashPage dd, #dashPage dt { color: var(--m-text2) !important; }
#dashPage h1, #dashPage h2, #dashPage h3, #dashPage h4, #dashPage .stk .nm, #dashPage .ti { color: var(--m-text) !important; }
/* kill data-tone tile eyebrow colors → gold */
.wcd-tile-eyebrow, .feature-eyebrow, .tool-eyebrow { color: var(--m-gold2) !important; }
/* gold buttons keep dark espresso label */
.inline-chat-send, .journal-quick, .journal-note-save.is-primary { color:#2A1808 !important; }
.wcd-hero-badge.is-gold { color: var(--m-gold3) !important; }

/* ════════════ DASHBOARD REVISIONS (2026-06-24) ════════════ */
/* 1. remove the lighter floating top-bar box behind the brand */
.qj-rail{background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* 2. kill remaining blue → maison */
.wcd-hero-badge{border:1px solid var(--m-line2)!important;background:rgba(196,148,58,.08)!important;color:var(--m-gold2)!important}
.wcd-hero-badge.is-gold{border-color:var(--m-line2)!important;background:rgba(242,215,154,.12)!important;color:var(--m-gold3)!important}
.wcd-hero-badge--link:hover{background:var(--m-goldgrad)!important;color:#2A1808!important;border-color:var(--m-line2)!important}
.wcd-hero-title em{background:var(--m-goldgrad)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
.inline-chat-open{border-color:var(--m-line)!important;background:rgba(255,255,255,.03)!important}
.my-refills-empty{background:rgba(255,255,255,.03)!important;border-color:var(--m-line)!important;color:var(--m-text2)!important}
.my-refills-empty strong{color:var(--m-gold2)!important}
.consult-dur-picker,.consult-picker,.consult-picker-select,.consult-info,.consult-dur-pick{background:rgba(255,255,255,.035)!important;border-color:var(--m-line)!important;color:var(--m-text)!important}
.consult-info{background:var(--m-glass)!important}

/* 3. where-to-next tile icons → uniform refined gold (no data-tone colors) */
.wcd-tile-icon,
.wcd-tile[data-tone="gold"] .wcd-tile-icon,
.wcd-tile[data-tone="aqua"] .wcd-tile-icon,
.wcd-tile[data-tone="rose"] .wcd-tile-icon,
.wcd-tile[data-tone="emerald"] .wcd-tile-icon{
  background:linear-gradient(160deg,rgba(242,215,154,.16),rgba(196,148,58,.05))!important;
  border:1px solid var(--m-line2)!important;color:var(--m-gold2)!important}
.wcd-tile-icon svg{stroke:var(--m-gold2)!important;color:var(--m-gold2)!important}

/* 4. button quality — struck-gold action buttons (rounded, real crest metal) */
.dash-welcome-action,#refillSendBtn,.gbtn,.cc-gold-btn{
  background:#C9982E url('../logo-kit/crest/gold-plate.webp') center/cover no-repeat!important;
  color:#2A1808!important;border:1px solid rgba(120,84,28,.65)!important;border-radius:11px!important;
  font-family:var(--m-sans)!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase!important;
  text-shadow:0 1px 0 rgba(255,246,214,.5)!important;
  box-shadow:inset 0 1px 0 rgba(255,248,228,.7),inset 0 -2px 6px rgba(86,54,12,.4),0 6px 18px rgba(0,0,0,.4),0 3px 12px rgba(196,148,58,.3)!important}
.dash-welcome-action svg{stroke:#2A1808!important}
.dash-welcome-action:hover,#refillSendBtn:hover,.gbtn:hover{filter:brightness(1.06)!important;transform:translateY(-1px)!important}

/* ════ REFILL MODAL (rebuilt: qty/unit + pricing reference, readable) ════ */
#refillModal.modal-backdrop{background:rgba(8,6,4,.72)!important}
#refillModal .modal-inner,.rf-modal{background:var(--m-glass2)!important;border:1px solid var(--m-line2)!important;color:var(--m-text)!important;max-width:600px;max-height:90vh;overflow:auto;box-shadow:0 30px 70px rgba(0,0,0,.6)!important}
.rf-cat{font-family:var(--m-sans);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--m-gold2);font-weight:600;margin-bottom:8px}
.rf-title{font-family:var(--m-play);font-size:26px;color:var(--m-text);margin-bottom:6px}
.rf-sub{font-size:13.5px;color:var(--m-text2);line-height:1.6;margin-bottom:18px}
.rf-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.rf-item{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--m-line);border-radius:12px;background:rgba(255,255,255,.025)}
.rf-item.is-sel{border-color:var(--m-line2);background:rgba(196,148,58,.07)}
.rf-check{width:22px;height:22px;flex-shrink:0;border-radius:6px;border:1.5px solid var(--m-line2);background:transparent;cursor:pointer;position:relative}
.rf-check[aria-pressed="true"]{background:var(--m-goldgrad);border-color:var(--m-line2)}
.rf-check[aria-pressed="true"]::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#2A1808;font-size:13px;font-weight:700}
.rf-item-name{font-family:var(--m-play);font-size:15.5px;color:var(--m-text)}
.rf-item-dose{font-size:11.5px;color:var(--m-muted2);margin-top:2px}
.rf-unit{display:inline-flex;border:1px solid var(--m-line);border-radius:8px;overflow:hidden}
.rf-unit-btn{padding:6px 11px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:transparent;color:var(--m-text2);border:none;cursor:pointer}
.rf-unit-btn.is-on{background:var(--m-goldgrad);color:#2A1808}
.rf-qty{display:inline-flex;align-items:center;gap:8px}
.rf-qty-btn{width:26px;height:26px;border-radius:7px;border:1px solid var(--m-line2);background:rgba(196,148,58,.08);color:var(--m-gold2);font-size:16px;line-height:1;cursor:pointer;display:grid;place-items:center}
.rf-qty-n{min-width:18px;text-align:center;color:var(--m-text);font-weight:600}
.rf-line{min-width:58px;text-align:right;color:var(--m-gold3);font-weight:600;font-size:14px}
.rf-total-row{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 4px;border-top:1px solid var(--m-line)}
.rf-total-lbl{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--m-text2)}
.rf-total{font-family:var(--m-play);font-size:24px;background:var(--m-goldgrad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.rf-indic{font-size:11.5px;color:var(--m-muted2);font-style:italic;margin:2px 0 14px}
.rf-invoice-note{font-size:12.5px;line-height:1.6;color:var(--m-text2);margin:14px 0 16px;padding:12px 14px;border:1px solid var(--m-line);border-left:2px solid var(--m-gold2);border-radius:10px;background:rgba(255,255,255,.02)}
.rf-ref{margin-bottom:16px;border:1px solid var(--m-line);border-radius:10px;overflow:hidden}
.rf-ref-summary{padding:11px 14px;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--m-gold2);list-style:none}
.rf-ref-summary::-webkit-details-marker{display:none}
.rf-ref-summary::after{content:'+';float:right;color:var(--m-gold2);font-size:15px}
.rf-ref[open] .rf-ref-summary::after{content:'\2013'}
.rf-ref-grid{padding:0 14px 12px}
.rf-ref-h,.rf-ref-r{display:grid;grid-template-columns:1fr auto auto;gap:14px;padding:7px 0;font-size:13px}
.rf-ref-h{color:var(--m-gold2);font-weight:600;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--m-line)}
.rf-ref-r{color:var(--m-text2);border-bottom:1px solid var(--m-line)}
.rf-ref-h span:nth-child(n+2),.rf-ref-r span:nth-child(n+2){text-align:right;min-width:48px}
.rf-ref-r span:nth-child(n+2){color:var(--m-gold3)}
.rf-label{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--m-text2);margin-bottom:7px}
.rf-textarea{width:100%;background:rgba(255,255,255,.035);border:1px solid var(--m-line);border-radius:10px;padding:12px 14px;font-family:var(--m-sans);font-size:14px;color:var(--m-text);outline:none;resize:vertical;min-height:74px;line-height:1.6}
.rf-textarea:focus{border-color:var(--m-gold2);box-shadow:0 0 0 3px rgba(196,148,58,.13)}
.rf-status{font-size:13px;text-align:center;margin-top:10px;min-height:18px;color:var(--m-text2)}
.rf-actions{display:flex;gap:12px;margin-top:16px}
.rf-cancel{flex:1;padding:13px;border-radius:11px;font-family:var(--m-sans);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:1px solid var(--m-line);color:var(--m-text2);background:transparent}
.rf-cancel:hover{border-color:var(--m-line2);color:var(--m-gold3)}
.rf-send{flex:2;padding:13px;border-radius:11px;font-family:var(--m-sans);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:1px solid rgba(120,84,28,.65);color:#2A1808;background:#C9982E url('../logo-kit/crest/gold-plate.webp') center/cover no-repeat;text-shadow:0 1px 0 rgba(255,246,214,.5);box-shadow:inset 0 1px 0 rgba(255,248,228,.7),0 6px 18px rgba(0,0,0,.4)}
.rf-send:hover{filter:brightness(1.06)}
.rf-send:disabled{opacity:.7;cursor:default}
@media(max-width:560px){.rf-item{grid-template-columns:auto 1fr;row-gap:10px}.rf-item .rf-unit,.rf-item .rf-qty,.rf-item .rf-line{grid-column:2}}

/* ════════ FINAL BLUE/CYAN KILL + BUTTON QUALITY (2026-06-24) ════════ */
/* journal intro */
.journal-intro,.journal-intro-line,.journal-intro-list,.journal-intro-list li{color:var(--m-text2)!important}
.journal-intro{background:rgba(196,148,58,.05)!important;border-color:var(--m-line)!important}
.journal-intro-list li::before{background:var(--m-gold2)!important;color:var(--m-gold2)!important}
.journal-intro-list a,.journal-intro-list strong,.journal-intro strong{color:var(--m-gold2)!important}
/* inline chat header */
.inline-chat-head,.inline-chat-head-top,.inline-chat-head-banner{background:transparent!important;border-color:var(--m-line)!important;color:var(--m-text)!important}
/* hero status / telehealth action cards (kill aqua/teal/blue tones) */
.wcd-stat-card,.wcd-stat-card[data-tone]{border-color:var(--m-line)!important;background:rgba(255,255,255,.025)!important}
.wcd-stat-card[data-tone] .wcd-stat-icon,.wcd-stat-icon{background:linear-gradient(160deg,rgba(242,215,154,.16),rgba(196,148,58,.05))!important;border-color:var(--m-line2)!important;color:var(--m-gold2)!important}
.wcd-stat-icon svg{stroke:var(--m-gold2)!important;color:var(--m-gold2)!important}
.wcd-stat-link,.wcd-stat-link svg{color:var(--m-gold2)!important;stroke:var(--m-gold2)!important}
.wcd-stat-eyebrow{color:var(--m-gold2)!important}
/* consult bits */
.consult-eyebrow,.consult-info-eyebrow,.consult-slot-kind{color:var(--m-gold2)!important}
.consult-mine-join,.consult-info-icon{background:rgba(196,148,58,.08)!important;border-color:var(--m-line2)!important;color:var(--m-gold2)!important}
.consult-slot{border-color:var(--m-line)!important;background:rgba(255,255,255,.025)!important;color:var(--m-text)!important}
.consult-dur-btn.is-active{background:var(--m-goldgrad)!important;color:#2A1808!important;border-color:var(--m-line2)!important}
/* inline-styled hardcoded brand blue / cyan anywhere on the page */
#dashPage [style*="2A3FA8"],#dashPage [style*="42,63,168"],#dashPage [style*="42, 63, 168"],
#dashPage [style*="2EB6E0"],#dashPage [style*="46,182,224"],#dashPage [style*="46, 182, 224"],
#dashPage [style*="0fb5a0"],#dashPage [style*="15,181,160"],#dashPage [style*="15, 181, 160"]{
  background-color:rgba(196,148,58,.08)!important;border-color:var(--m-line2)!important;color:var(--m-gold2)!important}

/* BUTTON QUALITY — menu pill + icon buttons → refined gold (homepage register) */
.qj-menu-btn{background:linear-gradient(150deg,rgba(242,215,154,.16),rgba(196,148,58,.06))!important;color:var(--m-gold3)!important;border:1px solid var(--m-line2)!important;border-radius:11px!important;font-family:var(--m-sans)!important;font-weight:600!important;letter-spacing:.16em!important;text-transform:uppercase!important;box-shadow:inset 0 1px 0 rgba(246,224,174,.14)!important}
.qj-menu-btn:hover{background:var(--m-goldgrad)!important;color:#2A1808!important}
.qj-menu-btn svg,.qj-iconbtn svg{stroke:currentColor!important}
.qj-iconbtn{background:rgba(196,148,58,.08)!important;border:1px solid var(--m-line)!important;color:var(--m-gold2)!important;border-radius:10px!important}
.qj-iconbtn:hover{border-color:var(--m-line2)!important;color:var(--m-gold3)!important}
.consult-dur-btn{background:rgba(255,255,255,.04)!important;border:1px solid var(--m-line)!important;color:var(--m-text2)!important}
.dash-signout-btn{background:rgba(255,255,255,.04)!important;border:1px solid var(--m-line)!important;color:var(--m-text2)!important}
.dash-signout-btn:hover{border-color:var(--m-line2)!important;color:var(--m-gold3)!important}
.panel-title span,.panel-head span,[class*="-title"] span[style]{background:rgba(196,148,58,.10)!important;border-color:var(--m-line2)!important;color:var(--m-gold3)!important}
/* remove faint logo watermark behind hero status / telehealth cards */
.wcd-hero-status::before{display:none!important;content:none!important;background:none!important}
/* pick-a-day / time selects — smaller text so the label fits */
.consult-picker-select{font-size:12px!important;letter-spacing:0!important;padding:9px 26px 9px 11px!important;text-overflow:ellipsis;color:var(--m-text)!important}
.consult-picker-select option{font-size:13px;background:#13100B;color:var(--m-text)}

/* ── KILL THE TEAL/BLUE — refill status badges + teal vars ── */
/* the "PROCESSING" badge was blue (#2A3FA8); shipped was green */
.my-refills-status--processing{color:#E2B76A!important;background:rgba(196,148,58,.10)!important;border:1px solid rgba(196,148,58,.30)!important}
.my-refills-status--pending{color:#E2B76A!important;background:rgba(196,148,58,.10)!important;border:1px solid rgba(196,148,58,.30)!important}
.my-refills-status--shipped{color:#8FAF9A!important;background:rgba(143,175,154,.10)!important;border:1px solid rgba(143,175,154,.30)!important}
/* remap the dashboard's teal/cyan vars to brand (kills online dots, accents) */
:root{--teal-bright:#E2B76A!important;--teal:#C4943A!important;--teal-dim:#E2B76A!important;--cyan:#E2B76A!important;--neu-cyan:#E2B76A!important}

/* ════════ MEMBER NAV DRAWER → maison atelier ════════
   Elevate the flat utility menu to the Coleman editorial standard:
   espresso glass panel, gold top hairline, crest lockup, Playfair links
   with gold hover + hairline dividers. */
.menu-drawer{
  background: linear-gradient(180deg, rgba(19,16,11,.975), rgba(10,8,5,.985)) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.1); backdrop-filter: blur(16px) saturate(1.1);
  border-bottom: 1px solid var(--m-line2) !important;
  box-shadow: 0 44px 100px -34px rgba(0,0,0,.78), inset 0 1px 0 rgba(242,215,154,.07) !important;
  padding: 30px 36px 40px !important;
}
.menu-drawer::before{
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background: linear-gradient(90deg, transparent, var(--m-gold2), transparent); opacity:.85; pointer-events:none;
}
/* head — crest + Playfair lockup */
.menu-head{ max-width:1280px; margin:0 auto 26px !important; align-items:center !important; }
.menu-brand{ display:flex; align-items:center; gap:15px; }
.menu-crest{ width:46px; height:auto; flex:0 0 auto; filter: drop-shadow(0 6px 16px rgba(0,0,0,.6)); }
.menu-brand-text{ display:flex; flex-direction:column; gap:4px; }
.menu-eyebrow{ font-family: var(--m-sans) !important; font-size:10px !important; font-weight:600 !important; letter-spacing:.26em !important; color: var(--m-gold2) !important; }
.menu-brand-title{ font-family: var(--m-play); font-size:25px; font-weight:500; line-height:1; letter-spacing:.005em; color: var(--m-text); }
.menu-close{ width:40px !important; height:40px !important; border:1px solid var(--m-line2) !important; color: var(--m-gold2) !important; transition: background .18s, color .18s, transform .18s; }
.menu-close:hover{ background: rgba(196,148,58,.12) !important; color: var(--m-gold3) !important; transform: rotate(90deg); }
/* columns */
.menu-grid{ gap:36px !important; }
.menu-col h4{
  font-family: var(--m-sans) !important; font-size:10px !important; font-weight:600 !important;
  letter-spacing:.24em !important; color: var(--m-gold2) !important;
  padding-bottom:11px !important; margin:0 0 6px !important; border-bottom:1px solid var(--m-line2) !important;
}
.menu-col a{
  font-family: var(--m-play) !important; font-size:18px !important; font-weight:500 !important;
  color: var(--m-text) !important; text-decoration:none;
  display:flex !important; align-items:center; justify-content:space-between; gap:12px;
  padding:11px 0 !important; border-bottom:1px solid var(--m-line);
  transition: color .18s ease, padding-left .18s ease !important;
}
.menu-col a:last-child{ border-bottom:none !important; }
.menu-col a::after{
  content:'\2192'; font-family: var(--m-sans); font-size:13px; color: var(--m-gold);
  opacity:0; transform: translateX(-6px); transition: opacity .18s, transform .18s;
}
.menu-col a:hover{ color: var(--m-gold3) !important; padding-left:7px !important; }
.menu-col a:hover::after{ opacity:1; transform: translateX(0); }