/* Zummee site-wide dark mode foundation - v266 */
:root{
  --zm-page-bg:#f7fbff;
  --zm-page-bg-2:#edf3f8;
  --zm-surface:#ffffff;
  --zm-surface-2:#f8fbff;
  --zm-text:#17325f;
  --zm-muted:#6b7f9f;
  --zm-line:#9fc2ff;
  --zm-line-soft:rgba(37,99,235,.28);
  --zm-blue:#2f63ff;
  --zm-shadow:0 10px 24px rgba(18,42,67,.06),0 0 0 1px rgba(96,165,250,.16),0 8px 22px rgba(59,130,246,.10);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --zm-page-bg:#071426;
  --zm-page-bg-2:#0b1d33;
  --zm-surface:#10213a;
  --zm-surface-2:#0d1b30;
  --zm-text:#edf6ff;
  --zm-muted:#b7c7dc;
  --zm-line:#4f8df7;
  --zm-line-soft:rgba(147,197,253,.26);
  --zm-blue:#60a5fa;
  --zm-shadow:0 16px 34px rgba(0,0,0,.34),0 0 0 1px rgba(147,197,253,.14);
}
html[data-theme="dark"] body,
body.dark-mode{
  background:linear-gradient(180deg,var(--zm-page-bg) 0%,var(--zm-page-bg-2) 100%) !important;
  color:var(--zm-text) !important;
}
html[data-theme="dark"] .shell,
html[data-theme="dark"] .section,
html[data-theme="dark"] .section-card,
html[data-theme="dark"] .card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .tile,
html[data-theme="dark"] .hub-card,
html[data-theme="dark"] .command-card,
html[data-theme="dark"] .record-card,
html[data-theme="dark"] .content-card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .dialog,
html[data-theme="dark"] .box,
body.dark-mode .shell,
body.dark-mode .section,
body.dark-mode .section-card,
body.dark-mode .card,
body.dark-mode .panel,
body.dark-mode .tile,
body.dark-mode .hub-card,
body.dark-mode .command-card,
body.dark-mode .record-card,
body.dark-mode .content-card,
body.dark-mode .form-card,
body.dark-mode .modal,
body.dark-mode .dialog,
body.dark-mode .box{
  background:linear-gradient(180deg,rgba(16,33,58,.96),rgba(12,27,48,.97)) !important;
  border-color:var(--zm-line-soft) !important;
  color:var(--zm-text) !important;
  box-shadow:var(--zm-shadow) !important;
}
html[data-theme="dark"] .hero,
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .top-bar,
html[data-theme="dark"] header,
body.dark-mode .hero,
body.dark-mode .topbar,
body.dark-mode .top-bar,
body.dark-mode header{
  background:linear-gradient(180deg,rgba(17,37,64,.98),rgba(12,27,48,.98)) !important;
  border-color:rgba(147,197,253,.18) !important;
  color:var(--zm-text) !important;
}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] label,
html[data-theme="dark"] .title,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .card-title,
html[data-theme="dark"] .eyebrow,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode label,
body.dark-mode .title,
body.dark-mode .section-title,
body.dark-mode .card-title,
body.dark-mode .eyebrow{
  color:var(--zm-text) !important;
}
html[data-theme="dark"] p,
html[data-theme="dark"] small,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .helper,
html[data-theme="dark"] .sub,
html[data-theme="dark"] .subtitle,
html[data-theme="dark"] .meta,
body.dark-mode p,
body.dark-mode small,
body.dark-mode .muted,
body.dark-mode .helper,
body.dark-mode .sub,
body.dark-mode .subtitle,
body.dark-mode .meta{
  color:var(--zm-muted) !important;
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea{
  background:rgba(255,255,255,.06) !important;
  color:var(--zm-text) !important;
  border-color:rgba(147,197,253,.28) !important;
  box-shadow:none !important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder,
body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder{color:rgba(214,229,247,.62) !important;}
html[data-theme="dark"] option{background:#10213a;color:#edf6ff;}
html[data-theme="dark"] table,
body.dark-mode table{color:var(--zm-text) !important;}
html[data-theme="dark"] th,
body.dark-mode th{color:var(--zm-text) !important;background:rgba(96,165,250,.10) !important;}
html[data-theme="dark"] td,
body.dark-mode td{border-color:rgba(147,197,253,.16) !important;color:var(--zm-text) !important;}
html[data-theme="dark"] .btn:not(.primary):not(.solid-btn),
html[data-theme="dark"] button:not(.primary):not(.solid-btn):not(.primary-btn),
body.dark-mode .btn:not(.primary):not(.solid-btn),
body.dark-mode button:not(.primary):not(.solid-btn):not(.primary-btn){
  background:rgba(255,255,255,.06) !important;
  color:var(--zm-text) !important;
  border-color:rgba(147,197,253,.34) !important;
}
html[data-theme="dark"] .primary,
html[data-theme="dark"] .primary-btn,
html[data-theme="dark"] .solid-btn,
body.dark-mode .primary,
body.dark-mode .primary-btn,
body.dark-mode .solid-btn{box-shadow:0 12px 28px rgba(47,99,255,.24) !important;}
html[data-theme="dark"] a:not(.btn),
body.dark-mode a:not(.btn){color:#9fc5ff;}
html[data-theme="dark"] .role-pill,
html[data-theme="dark"] .pill,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .chip,
body.dark-mode .role-pill,
body.dark-mode .pill,
body.dark-mode .badge,
body.dark-mode .chip{
  background:rgba(255,255,255,.07) !important;
  color:var(--zm-text) !important;
  border-color:rgba(147,197,253,.24) !important;
}
html[data-theme="dark"] img.logo-on-light,
html[data-theme="dark"] #companyLogo{filter:drop-shadow(0 10px 18px rgba(0,0,0,.22));}

/* V267 Manager Hub sign-out modal dark-mode readability lock */
html[data-theme="dark"] .mh2-signout-modal-overlay,
body.dark-mode .mh2-signout-modal-overlay{
  background:rgba(3,10,22,.58) !important;
  backdrop-filter:blur(16px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08) !important;
}
html[data-theme="dark"] .mh2-signout-modal,
body.dark-mode .mh2-signout-modal{
  background:linear-gradient(145deg,rgba(11,28,50,.98),rgba(14,38,68,.96)) !important;
  border-color:rgba(125,180,255,.82) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.10) !important;
  color:#f4f8ff !important;
}
html[data-theme="dark"] .mh2-signout-modal-kicker,
body.dark-mode .mh2-signout-modal-kicker{
  background:rgba(96,165,250,.14) !important;
  border-color:rgba(147,197,253,.44) !important;
  color:#b9d8ff !important;
}
html[data-theme="dark"] .mh2-signout-modal h2,
body.dark-mode .mh2-signout-modal h2{
  color:#ffffff !important;
}
html[data-theme="dark"] .mh2-signout-modal p,
body.dark-mode .mh2-signout-modal p{
  color:#c9d8eb !important;
}
html[data-theme="dark"] .mh2-signout-modal-actions button,
body.dark-mode .mh2-signout-modal-actions button{
  border-color:rgba(147,197,253,.38) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.26) !important;
}
html[data-theme="dark"] .mh2-signout-cancel,
body.dark-mode .mh2-signout-cancel{
  background:rgba(255,255,255,.08) !important;
  color:#f4f8ff !important;
}
html[data-theme="dark"] .mh2-signout-confirm,
body.dark-mode .mh2-signout-confirm{
  background:linear-gradient(135deg,#3b82f6,#1d4ed8) !important;
  border-color:rgba(147,197,253,.56) !important;
  color:#ffffff !important;
}


/* v268: Manager Hub sign-out modal dark-mode hard lock (loaded after page modal CSS) */
html[data-theme="dark"] .mh2-signout-modal-overlay,
html.dark-mode .mh2-signout-modal-overlay,
body.dark-mode .mh2-signout-modal-overlay{
  background:rgba(3,10,22,.62) !important;
  backdrop-filter:blur(16px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08) !important;
}
html[data-theme="dark"] .mh2-signout-modal,
html.dark-mode .mh2-signout-modal,
body.dark-mode .mh2-signout-modal{
  background:linear-gradient(145deg,rgba(10,27,49,.98),rgba(14,39,70,.97)) !important;
  border:1.5px solid rgba(125,180,255,.82) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.10) !important;
  color:#f4f8ff !important;
}
html[data-theme="dark"] .mh2-signout-modal-kicker,
html.dark-mode .mh2-signout-modal-kicker,
body.dark-mode .mh2-signout-modal-kicker{
  background:rgba(96,165,250,.16) !important;
  border-color:rgba(147,197,253,.54) !important;
  color:#bfdbfe !important;
}
html[data-theme="dark"] .mh2-signout-modal h2,
html.dark-mode .mh2-signout-modal h2,
body.dark-mode .mh2-signout-modal h2{
  color:#ffffff !important;
  text-shadow:none !important;
}
html[data-theme="dark"] .mh2-signout-modal p,
html.dark-mode .mh2-signout-modal p,
body.dark-mode .mh2-signout-modal p{
  color:#c9d8eb !important;
}
html[data-theme="dark"] .mh2-signout-cancel,
html.dark-mode .mh2-signout-cancel,
body.dark-mode .mh2-signout-cancel{
  background:rgba(255,255,255,.08) !important;
  color:#f4f8ff !important;
  border-color:rgba(147,197,253,.38) !important;
}
html[data-theme="dark"] .mh2-signout-confirm,
html.dark-mode .mh2-signout-confirm,
body.dark-mode .mh2-signout-confirm{
  background:linear-gradient(135deg,#3b82f6,#1d4ed8) !important;
  color:#ffffff !important;
  border-color:rgba(147,197,253,.56) !important;
}
/* Generic Zummee modals dark readability */
html[data-theme="dark"] .zum-modal, html.dark-mode .zum-modal, body.dark-mode .zum-modal,
html[data-theme="dark"] .zModalCard, html.dark-mode .zModalCard, body.dark-mode .zModalCard{
  background:linear-gradient(145deg,rgba(10,27,49,.98),rgba(14,39,70,.97)) !important;
  color:#f4f8ff !important;
  border-color:rgba(125,180,255,.72) !important;
}
html[data-theme="dark"] .zum-modal-title, html.dark-mode .zum-modal-title, body.dark-mode .zum-modal-title,
html[data-theme="dark"] [data-zmodal-title], html.dark-mode [data-zmodal-title], body.dark-mode [data-zmodal-title]{
  color:#ffffff !important;
}
html[data-theme="dark"] .zum-modal-body, html.dark-mode .zum-modal-body, body.dark-mode .zum-modal-body,
html[data-theme="dark"] [data-zmodal-message], html.dark-mode [data-zmodal-message], body.dark-mode [data-zmodal-message]{
  color:#c9d8eb !important;
}


/* v269 readable modal lock - keep Manager Hub sign-out modal readable in dark mode */
.mh2-signout-modal{background:linear-gradient(145deg,#ffffff,#f4f9ff)!important;color:#123251!important;border:2px solid #9ec5ff!important;}
.mh2-signout-modal h2{color:#102f4e!important;opacity:1!important;}
.mh2-signout-modal p{color:#526985!important;opacity:1!important;}
.mh2-signout-modal-kicker{background:#edf6ff!important;color:#1b5f9d!important;border-color:#9ec5ff!important;}
.mh2-signout-cancel{background:#ffffff!important;color:#17345f!important;border-color:#b8d4ff!important;opacity:1!important;}
.mh2-signout-confirm{background:linear-gradient(135deg,#1b5f9d,#123d71)!important;color:#ffffff!important;border-color:#1b5f9d!important;opacity:1!important;}
