/* Accessible light/dark theme support for MoveMetals. Light is the original palette. */
.theme-toggle{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid var(--line, #DCE5EF);
  border-radius: 11px;
  background: var(--panel, #fff);
  color: var(--ink, #1D3045);
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  cursor: pointer;
  white-space: nowrap;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}
.theme-toggle:hover{ transform: translateY(-1px); border-color: #E87722; }
.theme-toggle:focus-visible{ outline: 3px solid #E87722; outline-offset: 3px; }
.theme-toggle-icon{ display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 7px; background: rgba(232,119,34,.13); color: #A84300; font-size: 16px; }
.theme-toggle-label{ display: inline; }
.topbar-right .theme-toggle{ flex-shrink: 0; }
.admin-topbar .theme-toggle{ margin-left: auto; }
@media (max-width: 680px) {
  .theme-toggle{ min-width: 39px; min-height: 39px; padding: 7px 9px; gap: 5px; }
  .theme-toggle-label{ font-size: 10px; }
  .topbar-right{ gap: 7px; }
}

html[data-theme="dark"]{
  color-scheme: dark;
  --ink: #EDF3FA;
  --ink-soft: #CED9E7;
  --muted: #A5B5C9;
  --line: #2A3B52;
  --paper: #0B1423;
  --green: #5BC89A;
  --green-light: rgba(91,200,154,.14);
  --gold: #F28A3D;
  --gold-light: rgba(242,138,61,.15);
  --blue-light: rgba(98,168,225,.14);
  --shadow: 0 12px 30px rgba(0,0,0,.24);
  --navy: #EAF1FA;
  --orange: #F28A3D;
  --panel: #121F33;
  --panel-raised: #17283E;
  background: var(--paper);
}
html[data-theme="dark"] body{
  color: var(--ink);
  background:
    radial-gradient(ellipse at 8% 0%, rgba(35,100,147,.16), transparent 36rem),
    radial-gradient(ellipse at 94% 12%, rgba(232,119,34,.065), transparent 32rem),
    var(--paper);
}
html[data-theme="dark"] .topbar{ border-bottom-color: var(--line); }
html[data-theme="dark"] .brand-copy small{ color: #A8B9CC; }
html[data-theme="dark"] .connection-pill{ background: #142238; border-color: var(--line); color: #CFD9E6; }
html[data-theme="dark"] .status-dot{ background: #F0A05D; }
html[data-theme="dark"] .status-dot.connected{ background: #5BC89A; }
html[data-theme="dark"] .avatar-button{ background: #203650; border-color: #36516D; color: #F2F6FB; }

/* Header hero: deep navy in dark mode, retaining the orange brand accent. */
html[data-theme="dark"] .hero{
  background: linear-gradient(120deg, #14263D 0%, #1A304A 57%, #282A35 100%);
  color: #F4F7FC;
  border-color: #2B4058;
  box-shadow: 0 14px 36px rgba(0,0,0,.24);
}
html[data-theme="dark"] .hero-copy h1, html[data-theme="dark"] .hero-copy h1 span{ color: #F4F7FC; }
html[data-theme="dark"] .hero-copy h1 span{ color: #FFAA68; }
html[data-theme="dark"] .eyebrow{ color: #B9C9DB; }
html[data-theme="dark"] .hero-copy > p{ color: #C6D3E2; }
html[data-theme="dark"] .button-strava{ background: #F28A3D; border-color: #F28A3D; color: #172338; }
html[data-theme="dark"] .button-strava:hover{ background: #FFA15C; border-color: #FFA15C; }
html[data-theme="dark"] .button-secondary{ color: #EAF1FA; background: #1A2B40; border-color: #3C5068; }
html[data-theme="dark"] .button-secondary:hover{ background: #243A53; border-color: #60758D; }
html[data-theme="dark"] .hero-footnote{ color: #AFBED0 !important; }
html[data-theme="dark"] .hero-art{ background: radial-gradient(ellipse at 58% 48%, rgba(232,119,34,.16) 0, rgba(0,90,122,.13) 38%, transparent 70%); }
html[data-theme="dark"] .art-orbit{ border-color: rgba(207,224,242,.2); }
html[data-theme="dark"] .orbit-two{ border-color: rgba(207,224,242,.16); }
html[data-theme="dark"] .art-sun{ background: radial-gradient(circle at 32% 28%, rgba(232,119,34,.36), rgba(0,90,122,.22) 72%); box-shadow: 0 0 65px rgba(232,119,34,.09); }
html[data-theme="dark"] .floating-chip{ background: rgba(18,31,51,.95); border-color: #344961; color: #F0F5FB; box-shadow: 0 10px 28px rgba(0,0,0,.28); }
html[data-theme="dark"] .floating-chip small{ color: #AEBED0; }
html[data-theme="dark"] .chip-icon{ background: rgba(242,138,61,.16); color: #FFB16F; }
html[data-theme="dark"] .pulse-dot{ background: #5BC89A; box-shadow: 0 0 0 5px rgba(91,200,154,.13); }
html[data-theme="dark"] .art-label{ color: #A6B8CB; }

/* Shared content surfaces, summary and activity cards. */
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3, html[data-theme="dark"] .section-heading h2, html[data-theme="dark"] .panel-heading h3, html[data-theme="dark"] .startup-card h1{ color: #EDF3FA; }
html[data-theme="dark"] .section-kicker{ color: #FFAB6B; }
html[data-theme="dark"] .period-label{ background: #142238; border-color: var(--line); color: #C3D0E0; }
html[data-theme="dark"] .notice{ background: rgba(242,138,61,.1); border-color: rgba(242,138,61,.3); color: #FFE0C6; }

html[data-theme="dark"] .notice{ background: rgba(74,151,203,.12); border-color: rgba(74,151,203,.28); color: #D8EAF8; }
html[data-theme="dark"] .notice-error{ background: rgba(217,74,83,.12); border-color: rgba(217,74,83,.34); color: #FFDADD; }
html[data-theme="dark"] .wallet-card{ background: linear-gradient(135deg, #1A3B58 0%, #111F33 78%); border-color: #33516C; box-shadow: var(--shadow); }
html[data-theme="dark"] .wallet-label, html[data-theme="dark"] .wallet-card-bottom{ color: #CDD9E7; }
html[data-theme="dark"] .wallet-symbol, html[data-theme="dark"] .wallet-mini-icon{ background: rgba(242,138,61,.16); color: #FFB16F; }
html[data-theme="dark"] .wallet-unit{ color: #FFB16F; }
html[data-theme="dark"] .summary-card, html[data-theme="dark"] .panel, html[data-theme="dark"] .reward-card, html[data-theme="dark"] .reward-loading{ background: #121F33; color: var(--ink); border-color: var(--line); box-shadow: var(--shadow); }
html[data-theme="dark"] .summary-card{ border-top-color: #38516B; }
html[data-theme="dark"] .summary-icon.green{ background: rgba(91,200,154,.14); color: #6BD5A8; }
html[data-theme="dark"] .summary-icon.gold{ background: rgba(242,138,61,.15); color: #FFAE70; }
html[data-theme="dark"] .summary-label, html[data-theme="dark"] .summary-card p{ color: #AEBED0; }
html[data-theme="dark"] .summary-card strong, html[data-theme="dark"] .summary-card strong small{ color: #F3F6FA; }
html[data-theme="dark"] .summary-card strong small{ color: #FFB16F; }
html[data-theme="dark"] .rules-icon, html[data-theme="dark"] .wallet-history-icon{ background: rgba(98,168,225,.14); color: #8BC8F1; }
html[data-theme="dark"] .wallet-history-icon{ background: rgba(242,138,61,.14); color: #FFB16F; }


html[data-theme="dark"] .section-subtitle{ color: #A9B9CC; }
html[data-theme="dark"] .wallet-totals{ border-top-color: var(--line); color: #AABBD0; }
html[data-theme="dark"] .wallet-totals strong{ color: #EEF4FB; }
html[data-theme="dark"] .wallet-note{ background: #17283D; border-color: #2A4058; }
html[data-theme="dark"] .note-icon{ background: rgba(91,200,154,.14); color: #65D4A4; }
html[data-theme="dark"] .wallet-note p{ color: #BFCDDE; }
html[data-theme="dark"] .activity-count-pill{ background: #1A2A40; color: #C5D2E1; border-color: #34465D; }
html[data-theme="dark"] .activity-row, html[data-theme="dark"] .redemption-row{ border-bottom-color: #2A3B52; }
html[data-theme="dark"] .activity-main strong, html[data-theme="dark"] .redemption-main strong, html[data-theme="dark"] .empty-state strong{ color: #EDF3FA; }
html[data-theme="dark"] .activity-main span, html[data-theme="dark"] .activities-footer, html[data-theme="dark"] .redemption-main span, html[data-theme="dark"] .redemption-points small, html[data-theme="dark"] .transaction-points small{ color: #A8B8CB; }
html[data-theme="dark"] .activity-type-icon.run{ background: rgba(242,138,61,.15); color: #FFAB6B; }
html[data-theme="dark"] .activity-type-icon.ride{ background: rgba(98,168,225,.14); color: #91CCF1; }
html[data-theme="dark"] .activity-type-icon.walk{ background: rgba(91,200,154,.14); color: #74D9AE; }
html[data-theme="dark"] .activity-type-icon.gym{ background: rgba(174,143,219,.16); color: #CBB4F4; }
html[data-theme="dark"] .activity-type-icon.other{ background: rgba(180,194,211,.1); color: #BCC8D7; }
html[data-theme="dark"] .transaction-points strong{ color: #6BD5A8; }
html[data-theme="dark"] .transaction-points .points-approved{ color: #6BD5A8; }
html[data-theme="dark"] .transaction-points .points-pending{ color: #FFC070; }
html[data-theme="dark"] .transaction-points .points-rejected{ color: #FF9298; }
html[data-theme="dark"] .empty-state{ color: #A8B8CB; }
html[data-theme="dark"] .empty-icon{ color: #FFAB6B; }
html[data-theme="dark"] .activities-footer{ border-top-color: var(--line); }
html[data-theme="dark"] .strava-attribution strong{ color: #FF8054; }

/* Reward catalog, redemption history and scoring guide. */
html[data-theme="dark"] .reward-card:hover{ border-color: #9E613F; box-shadow: 0 12px 28px rgba(0,0,0,.3); }
html[data-theme="dark"] .reward-category{ background: rgba(98,168,225,.14); color: #9BD2F4; }
html[data-theme="dark"] .reward-icon{ background: rgba(242,138,61,.15); color: #FFAB6B; }
html[data-theme="dark"] .reward-card h3, html[data-theme="dark"] .reward-cost strong{ color: #EDF3FA; }
html[data-theme="dark"] .reward-card p{ color: #A8B8CB; }
html[data-theme="dark"] .reward-cost span{ color: #FFAB6B; }
html[data-theme="dark"] .reward-button{ background: #1A2A40; color: #BCC8D7; border-color: #33465C; }
html[data-theme="dark"] .reward-button-ready{ background: #F28A3D; color: #172338; border-color: #F28A3D; }
html[data-theme="dark"] .reward-button-ready:hover{ background: #FFA15C; }
html[data-theme="dark"] .redemption-gift{ background: rgba(242,138,61,.14); }
html[data-theme="dark"] .redemption-status, html[data-theme="dark"] .redemption-status-requested{ background: rgba(242,138,61,.15); color: #FFC08A; }
html[data-theme="dark"] .redemption-status-approved{ background: rgba(98,168,225,.14); color: #9BD2F4; }
html[data-theme="dark"] .redemption-status-delivered{ background: rgba(91,200,154,.14); color: #76D8AF; }
html[data-theme="dark"] .redemption-points strong{ color: #FFAB6B; }
html[data-theme="dark"] .redeem-disclaimer{ border-top-color: var(--line); color: #A8B8CB; }
html[data-theme="dark"] .privacy-note{ background: #17283D; border-color: #2A4058; }
html[data-theme="dark"] .privacy-icon{ background: rgba(98,168,225,.14); color: #9BD2F4; }
html[data-theme="dark"] .privacy-note p{ color: #B9C8D9; }
html[data-theme="dark"] .privacy-note strong{ color: #EEF4FB; }
html[data-theme="dark"] footer{ color: #A8B8CB; border-top-color: var(--line); }
html[data-theme="dark"] .footer-dot{ color: #F28A3D; }
html[data-theme="dark"] .scoring-tier, html[data-theme="dark"] .scoring-limits > div{ background: #17283D; border-color: #2B4058; }
html[data-theme="dark"] .scoring-tier .tier-tag{ background: #20344B; color: #D0DBE8; }
html[data-theme="dark"] .scoring-example{ background: rgba(242,138,61,.1); border-color: rgba(242,138,61,.25); }
html[data-theme="dark"] .scoring-example strong{ color: #FFAB6B; }

/* Access, forms and dialogs. */
html[data-theme="dark"] .startup-card{ color: #EDF3FA; background: linear-gradient(145deg, #14243A 0%, #111F33 72%, #202638 100%); border-color: #31465E; box-shadow: 0 18px 48px rgba(0,0,0,.34); }
html[data-theme="dark"] .startup-card::before{ border-color: rgba(242,138,61,.22); }
html[data-theme="dark"] .startup-mark{ background: rgba(242,138,61,.14); border-color: rgba(242,138,61,.34); }
html[data-theme="dark"] .startup-spinner{ border-color: #33465C; border-top-color: #F28A3D; }
html[data-theme="dark"] .startup-card[data-state="connect"] .startup-mark::after, html[data-theme="dark"] .startup-card[data-state="error"] .startup-mark::after, html[data-theme="dark"] .startup-card[data-state="pending"] .startup-mark::after, html[data-theme="dark"] .startup-card[data-state="rejected"] .startup-mark::after, html[data-theme="dark"] .startup-card[data-state="configuration-required"] .startup-mark::after, html[data-theme="dark"] .startup-card[data-state="needs-gid"] .startup-mark::after, html[data-theme="dark"] .startup-card[data-state="needs-strava"] .startup-mark::after, html[data-theme="dark"] .startup-kicker{ color: #FFAB6B; }
html[data-theme="dark"] .startup-message, html[data-theme="dark"] .startup-admin-link, html[data-theme="dark"] .startup-user-line{ color: #B2C1D3; }
html[data-theme="dark"] .startup-progress{ background: #283A50; }
html[data-theme="dark"] .startup-progress span{ background: #F28A3D; }
html[data-theme="dark"] .startup-actions .button-secondary{ background: #192B41; border-color: #3A5068; color: #EAF1FA; }
html[data-theme="dark"] .gid-form label{ color: #D5DFEA; }
html[data-theme="dark"] .gid-form input, html[data-theme="dark"] .admin-login-form input{ border-color: #3A4E66; color: #EEF4FB; background: #0E1A2B; }
html[data-theme="dark"] .gid-form input::placeholder{ color: #91A3B8; }
html[data-theme="dark"] .gid-form input:focus, html[data-theme="dark"] .admin-login-form input:focus{ border-color: #F28A3D; box-shadow: 0 0 0 3px rgba(242,138,61,.18); }
html[data-theme="dark"] .gid-form p{ color: #A7B8CB; }
html[data-theme="dark"] .startup-user-line{ background: rgba(242,138,61,.09); border-color: rgba(242,138,61,.24); color: #FFC08A; }
html[data-theme="dark"] .profile-dialog{ color: #EDF3FA; background: #121F33; border-color: #31465E; box-shadow: 0 24px 80px rgba(0,0,0,.55); }
html[data-theme="dark"] .profile-dialog::backdrop{ background: rgba(1,7,15,.76); }
html[data-theme="dark"] .profile-dialog-header h2{ color: #EDF3FA; }
html[data-theme="dark"] .profile-close{ border-color: #3A4E66; background: #1B2C42; color: #EDF3FA; }
html[data-theme="dark"] .profile-details > div{ border-top-color: #2A3B52; }
html[data-theme="dark"] .profile-details dt, html[data-theme="dark"] .profile-note{ color: #A8B8CB; }
html[data-theme="dark"] .profile-details dd{ color: #EDF3FA; }
html[data-theme="dark"] .profile-details #profileMatricula{ color: #FFAB6B; }






html[data-theme="dark"] .theme-toggle{ background: #17283D; border-color: #3A4E66; color: #EDF3FA; }
html[data-theme="dark"] .theme-toggle-icon{ background: rgba(242,138,61,.17); color: #FFB16F; }

/* Administration page. */
html[data-theme="dark"] .admin-intro h1{ color: #EDF3FA; }
html[data-theme="dark"] .admin-intro p{ color: #B0C0D2; }
html[data-theme="dark"] .admin-panel{ background: #121F33; border-color: #2A3B52; box-shadow: var(--shadow); }
html[data-theme="dark"] .admin-panel-heading h2{ color: #EDF3FA; }
html[data-theme="dark"] .admin-panel-icon{ color: #FFAB6B; background: rgba(242,138,61,.15); }
html[data-theme="dark"] .admin-panel > p, html[data-theme="dark"] .admin-description{ color: #AEBED0; }
html[data-theme="dark"] .admin-login-form label{ color: #D5DFEA; }
html[data-theme="dark"] .pending-count{ background: rgba(242,138,61,.14); color: #FFC08A; border-color: rgba(242,138,61,.28); }
html[data-theme="dark"] .pending-card, html[data-theme="dark"] .redemption-admin-card, html[data-theme="dark"] .user-request-card{ background: #0F1C2D; border-color: #2B4058; }
html[data-theme="dark"] .pending-card-main h3, html[data-theme="dark"] .redemption-title-row h3, html[data-theme="dark"] .user-request-card h3{ color: #EDF3FA; }
html[data-theme="dark"] .pending-card-main p, html[data-theme="dark"] .redemption-admin-main p, html[data-theme="dark"] .user-request-card p{ color: #AEBED0; }
html[data-theme="dark"] .pending-card-main .pending-athlete, html[data-theme="dark"] .redemption-admin-main .pending-athlete{ color: #D0DBE8; }
html[data-theme="dark"] .pending-tag{ background: rgba(242,138,61,.14); color: #FFC08A; }
html[data-theme="dark"] .button-approve{ background: #3CA779; border-color: #3CA779; color: #061C16; }
html[data-theme="dark"] .button-approve:hover{ background: #58C895; }
html[data-theme="dark"] .button-reject{ background: transparent; border-color: #C95A68; color: #FFABB3; }
html[data-theme="dark"] .button-reject:hover{ background: rgba(201,90,104,.14); }
html[data-theme="dark"] .admin-empty{ color: #AEBED0; background: #15263B; border-color: #344961; }
html[data-theme="dark"] .admin-message{ border-color: rgba(98,168,225,.3); background: rgba(98,168,225,.12); color: #DAECF9; }
html[data-theme="dark"] .admin-message.error{ border-color: rgba(217,74,83,.38); background: rgba(217,74,83,.12); color: #FFDADD; }
html[data-theme="dark"] .admin-message a, html[data-theme="dark"] .admin-footer-link{ color: #FFB16F; }
html[data-theme="dark"] .admin-security-note{ color: #A8B8CB; }
html[data-theme="dark"] .admin-security-note strong{ color: #D5DFEA; }
html[data-theme="dark"] code{ color: #FFC08A; background: rgba(242,138,61,.13); }
html[data-theme="dark"] .admin-subsection{ border-top-color: #2A3B52; }
html[data-theme="dark"] .redemption-admin-main .redemption-audit{ color: #A8B8CB; }
html[data-theme="dark"] .status-requested{ background: rgba(242,138,61,.14); color: #FFC08A; border-color: rgba(242,138,61,.28); }
html[data-theme="dark"] .status-approved{ background: rgba(98,168,225,.14); color: #9BD2F4; border-color: rgba(98,168,225,.27); }
html[data-theme="dark"] .status-delivered{ background: rgba(91,200,154,.14); color: #76D8AF; border-color: rgba(91,200,154,.26); }
html[data-theme="dark"] .button-delivered{ background: #62B7E9; border-color: #62B7E9; color: #0C1A2A; }
html[data-theme="dark"] .button-delivered:hover{ background: #8BCBF0; }
html[data-theme="dark"] .delivered-note{ color: #76D8AF; background: rgba(91,200,154,.12); }
html[data-theme="dark"] .user-request-card .user-gid-value{ color: #FFB16F; }

html[data-theme="dark"] input, html[data-theme="dark"] textarea, html[data-theme="dark"] select{ accent-color: #F28A3D; }
html[data-theme="dark"] input[type="checkbox"], html[data-theme="dark"] input[type="radio"]{ accent-color: #F28A3D; }
html[data-theme="dark"] ::selection{ background: rgba(242,138,61,.35); color: #FFFFFF; }
html[data-theme="dark"] a:focus-visible, html[data-theme="dark"] button:focus-visible, html[data-theme="dark"] input:focus-visible{ outline-color: #FFB16F; }

/* Campaign spotlight and campaign bonus history in dark mode. */
html[data-theme="dark"] .campaign-spotlight{
  background: radial-gradient(circle at 96% 0%, rgba(242,138,61,.17), transparent 34%), linear-gradient(115deg, #1A2B40 0%, #19293C 52%, #152236 100%);
  border-color: #775032;
  box-shadow: 0 12px 30px rgba(0,0,0,.24);
}
html[data-theme="dark"] .campaign-spotlight-kicker{ color: #FFB16F; }
html[data-theme="dark"] .campaign-spotlight-heading h2{ color: #F0F5FB; }
html[data-theme="dark"] .campaign-spotlight-burst{ background: #F28A3D; color: #172338; }
html[data-theme="dark"] .campaign-feature-card{ background: rgba(12,25,42,.72); border-color: #514234; }
html[data-theme="dark"] .campaign-feature-title{ color: #EDF3FA; }
html[data-theme="dark"] .campaign-feature-description, html[data-theme="dark"] .campaign-feature-meta{ color: #B8C8D9; }
html[data-theme="dark"] .campaign-feature-state{ background: rgba(242,138,61,.16); color: #FFC08E; }
html[data-theme="dark"] .campaign-progress-label{ color: #D7E1EC; }
html[data-theme="dark"] .campaign-progress-track{ background: #354255; }
html[data-theme="dark"] .campaign-awarded-note{ color: #70D6A6; }
html[data-theme="dark"] .campaign-bonus-row{ background: #17263A; border-color: #2A3B52; }
html[data-theme="dark"] .campaign-bonus-row-main strong{ color: #EDF3FA; }
html[data-theme="dark"] .campaign-bonus-row-main small{ color: #A5B5C9; }
html[data-theme="dark"] .campaign-bonus-amount{ color: #6BD5A8; }
html[data-theme="dark"] .campaign-wallet-total strong{ color: #FFB16F; }

html[data-theme="dark"] .campaign-form{ background: #0F1C2E; border-color: #2A3B52; }
html[data-theme="dark"] .campaign-form-field label{ color: #D7E1EC; }
html[data-theme="dark"] .campaign-form-field input, html[data-theme="dark"] .campaign-form-field textarea{ background: #142238; color: #EDF3FA; border-color: #3A4D65; }
html[data-theme="dark"] .campaign-active-option{ background: rgba(242,138,61,.09); border-color: #5E452F; color: #D7E1EC; }
html[data-theme="dark"] .campaign-active-option small, html[data-theme="dark"] .campaign-form-actions > span{ color: #A5B5C9; }
html[data-theme="dark"] .campaign-list-heading h3{ color: #EDF3FA; }
html[data-theme="dark"] .campaign-status.status-active{ background: rgba(91,200,154,.12); color: #6BD5A8; border-color: rgba(91,200,154,.28); }
html[data-theme="dark"] .campaign-status.status-upcoming{ background: rgba(98,168,225,.14); color: #A6D8F5; border-color: #2F5979; }
html[data-theme="dark"] .campaign-status.status-ended{ background: #202E42; color: #BDCAD9; border-color: #36475C; }
html[data-theme="dark"] .campaign-status.status-paused{ background: rgba(242,138,61,.12); color: #FFB16F; border-color: rgba(242,138,61,.24); }
html[data-theme="dark"] .campaign-award-amount{ color: #6BD5A8; }

html[data-theme="dark"] .profile-name-form{ border-top-color: #2A3B52; }
html[data-theme="dark"] .profile-name-form h3{ color: #F1F5FA; }
html[data-theme="dark"] .profile-name-fields label{ color: #B7C5D7; }
html[data-theme="dark"] .profile-name-fields input{ color: #EDF3FA; background: #0B1728; border-color: #3A4D66; }
html[data-theme="dark"] .profile-name-fields input:focus{ border-color: #FF9B55; }
html[data-theme="dark"] .profile-name-status{ color: #78D8A5; }
html[data-theme="dark"] .profile-name-status.is-error{ color: #FF9B9B; }

/* Fluxo de cadastro em duas etapas: nomes só aparecem após validar uma matrícula nova. */
.new-profile-fields{ display: grid; gap: 9px; margin-top: 6px; padding: 13px; border: 1px solid #D8E4EE; border-radius: 12px; background: #F7FAFD; }
.new-profile-fields.hidden{ display: none !important; }
.new-profile-intro{ margin: 0 0 2px !important; color: #50657A !important; font-size: 11px !important; line-height: 1.55 !important; }
.matricula-validation-message{ margin: 0 !important; padding: 9px 11px; border: 1px solid #B9E3C8; border-radius: 9px; color: #1B704A !important; background: #ECF8F0; font-size: 11px !important; line-height: 1.5 !important; }
.matricula-validation-message.is-error{ color: #A12B2B !important; background: #FFF1F0; border-color: #F2C4C0; }
html[data-theme="dark"] .new-profile-fields{ background: #111F32; border-color: #344A63; }
html[data-theme="dark"] .new-profile-intro{ color: #B6C7D9 !important; }
html[data-theme="dark"] .matricula-validation-message{ background: rgba(44,157,104,.12); border-color: rgba(91,200,154,.35); color: #8AE0B1 !important; }
html[data-theme="dark"] .matricula-validation-message.is-error{ background: rgba(190,60,60,.12); border-color: rgba(255,120,120,.35); color: #FFAAAA !important; }

/* Compact Wellhub status summary and expandable check-in history in dark mode. */
html[data-theme="dark"] .wellhub-status-panel{ border-color: #344961; background: linear-gradient(115deg, #14253A 0%, #111F32 75%, #17263A 100%); box-shadow: 0 8px 22px rgba(0,0,0,.18); }
html[data-theme="dark"] .wellhub-status-panel.is-active{ border-color: #2E7257; background: linear-gradient(110deg, #142E2C, #111F32 76%); }
html[data-theme="dark"] .wellhub-status-panel.is-inactive{ border-color: #78434C; background: linear-gradient(110deg, #30202D, #111F32 76%); }
html[data-theme="dark"] .wellhub-status-kicker{ color: #B7C8DA; }
html[data-theme="dark"] .wellhub-id-entry{ border-color: #354A62; background: rgba(14,27,44,.72); }
html[data-theme="dark"] .wellhub-id-entry label{ color: #E8F0F8; }
html[data-theme="dark"] .wellhub-id-entry input{ border-color: #415974; background: #0B1828; color: #EDF3FA; }
html[data-theme="dark"] .wellhub-id-entry input::placeholder{ color: #91A5BB; }
html[data-theme="dark"] .wellhub-id-entry small{ color: #AFC0D2; }
html[data-theme="dark"] .wellhub-id-linked{ border-color: #2F7657; background: rgba(25,90,62,.22); color: #8CE3B8; }
html[data-theme="dark"] .wellhub-status-copy h2{ color: #EDF3FA; }
html[data-theme="dark"] .wellhub-status-copy p, html[data-theme="dark"] .wellhub-status-metrics{ color: #B4C4D6; }
html[data-theme="dark"] .wellhub-monthly-bonus{ border-color: #354A62; background: rgba(14,27,44,.82); }
html[data-theme="dark"] .wellhub-bonus-label{ color: #B5C6D8; }
html[data-theme="dark"] .wellhub-monthly-bonus strong{ color: #FFB16F; }
html[data-theme="dark"] .wellhub-monthly-bonus small{ color: #AFC0D2; }
html[data-theme="dark"] .wellhub-monthly-bonus.is-awarded{ border-color: #2F7657; background: rgba(25,90,62,.22); }
html[data-theme="dark"] .wellhub-monthly-bonus.is-awarded strong{ color: #76D8AF; }
html[data-theme="dark"] .wellhub-import-message{ border-color: #2F7657; background: rgba(25,90,62,.22); color: #8CE3B8; }
html[data-theme="dark"] .wellhub-import-message.is-error{ border-color: #88434D; background: rgba(120,38,50,.25); color: #FFB3B9; }
html[data-theme="dark"] .wellhub-history-details{ border-top-color: rgba(155,177,199,.18); }
html[data-theme="dark"] .wellhub-history-details summary{ color: #B4C4D6; }
html[data-theme="dark"] .wellhub-history-details summary:hover{ color: #FFB16F; }
html[data-theme="dark"] .wellhub-checkin-item{ border-color: #2D4057; background: rgba(14,27,44,.7); }
html[data-theme="dark"] .wellhub-checkin-date{ color: #EDF3FA; }
html[data-theme="dark"] .wellhub-checkin-partner{ color: #AFC0D2; }
html[data-theme="dark"] .wellhub-no-checkins{ border-color: #344961; color: #AFC0D2; }
html[data-theme="dark"] .wellhub-privacy-note{ color: #93A7BC; }
html[data-theme="dark"] .wellhub-wallet-total strong{ color: #76D8AF !important; }
html[data-theme="dark"] .wellhub-config-explainer p{ color: #AFC0D2; }