/* Notify v2.2 · premium light colorway.
 * Overrides the existing dark theme only when the visitor selects Light.
 * Neither brand PNG nor favicon is modified. */
html[data-notify-theme="light"] {
  color-scheme:light;
  --n-bg:#f5f7fc;
  --n-panel:#fff;
  --n-panel-top:#fff;
  --n-input:#fbfcff;
  --n-border:#dce3ef;
  --n-border-soft:#e7ecf4;
  --n-ink:#192744;
  --n-secondary:#52627b;
  --n-muted:#66758b;
  --n-accent:#564fbc;
  --n-link:#4336ba;
  --n-indigo:#6053df;
  --n-cyan:#058995;
  --n-green:#087e68;
  --n-warn:#985b05;
  --n-danger:#b3274c;
  color:#192744;background:#f5f7fc;
}
html[data-notify-theme="light"] body {
  color:#192744;
  background:
    radial-gradient(ellipse 800px 540px at 6% -7%,rgba(120,102,242,.105),transparent 72%),
    radial-gradient(ellipse 680px 500px at 100% 4%,rgba(92,184,213,.09),transparent 74%),
    linear-gradient(180deg,#f7f8ff,#f4f7fc 550px,#f7f9fd);
}
html[data-notify-theme="light"] a {color:#5146bd}
html[data-notify-theme="light"] a:hover {color:#31268e}
html[data-notify-theme="light"] h1,
html[data-notify-theme="light"] h2,
html[data-notify-theme="light"] h3,
html[data-notify-theme="light"] .heading h1,
html[data-notify-theme="light"] .panelhead h2 {color:#17233d}
html[data-notify-theme="light"] .muted,
html[data-notify-theme="light"] .panel p.muted,
html[data-notify-theme="light"] .panelhead .muted,
html[data-notify-theme="light"] .heading .muted {color:#52627b}
html[data-notify-theme="light"] .eyebrow {color:#6b5bc1}
html[data-notify-theme="light"] .empty {color:#677790}
html[data-notify-theme="light"] .separator {background:#e8edf5}
html[data-notify-theme="light"] .topbar {
  background:rgba(255,255,255,.93);
  border-bottom:1px solid #e3e9f4;
  box-shadow:0 4px 23px rgba(32,47,82,.05);
}
html[data-notify-theme="light"] .brand b {color:#1d2848}
html[data-notify-theme="light"] .brand small,
html[data-notify-theme="light"] .brand .brand-subtitle {color:#67728b}
html[data-notify-theme="light"] .brand .brand-subtitle span {color:#424b6d}
html[data-notify-theme="light"] .top-right .signed,
html[data-notify-theme="light"] .signed {color:#607086}
html[data-notify-theme="light"] .top-right .online,
html[data-notify-theme="light"] .online {
  background:#e7f8f3;color:#116d57;border:1px solid #caeadd;
}
html[data-notify-theme="light"] .top-right .ghost,
html[data-notify-theme="light"] .header-back,
html[data-notify-theme="light"] .portal-back {
  background:#fff;border:1px solid #dce3f0;color:#435574;
}
html[data-notify-theme="light"] .top-right .ghost:hover,
html[data-notify-theme="light"] .header-back:hover,
html[data-notify-theme="light"] .portal-back:hover {background:#f1f3fd;color:#292e75}
html[data-notify-theme="light"] .container {color:#192744}
html[data-notify-theme="light"] .version {background:#eeeffa;color:#57548c}
html[data-notify-theme="light"] .panel,
html[data-notify-theme="light"] .stat {
  background:linear-gradient(155deg,#fff 0%,#fcfdff 100%);
  color:#192744;border:1px solid #e1e7f0;
  box-shadow:0 12px 32px rgba(37,55,96,.055),inset 0 1px rgba(255,255,255,.8);
}
html[data-notify-theme="light"] .stat {border-top:1px solid #e1e7f0}
html[data-notify-theme="light"] .stat span,
html[data-notify-theme="light"] .stat small,
html[data-notify-theme="light"] .panelhead .muted {color:#586985}
html[data-notify-theme="light"] .stat strong,
html[data-notify-theme="light"] .panelhead h2 {color:#17243f}
html[data-notify-theme="light"] label,
html[data-notify-theme="light"] .panel label,
html[data-notify-theme="light"] .severity-picker legend {color:#33445e}
html[data-notify-theme="light"] input,
html[data-notify-theme="light"] select,
html[data-notify-theme="light"] textarea,
html[data-notify-theme="light"] .device-search,
html[data-notify-theme="light"] .panel input,
html[data-notify-theme="light"] .panel select,
html[data-notify-theme="light"] .panel textarea,
html[data-notify-theme="light"] .devices-filter-bar input,
html[data-notify-theme="light"] .devices-filter-bar select {
  background:#fbfcff;border:1px solid #d4ddec;color:#1d2b45;
  box-shadow:inset 0 1px 2px rgba(31,51,88,.02);
}
html[data-notify-theme="light"] input::placeholder,
html[data-notify-theme="light"] textarea::placeholder {color:#6e7f97;opacity:1}
html[data-notify-theme="light"] input:focus,
html[data-notify-theme="light"] textarea:focus,
html[data-notify-theme="light"] select:focus,
html[data-notify-theme="light"] .device-search:focus {
  border-color:#7062e9;box-shadow:0 0 0 3px rgba(104,91,221,.14);
}
html[data-notify-theme="light"] select option {background:#fff;color:#1d2b45}
html[data-notify-theme="light"] button.primary,
html[data-notify-theme="light"] .primary,
html[data-notify-theme="light"] .panel button.primary,
html[data-notify-theme="light"] .pager-link-primary {
  background:linear-gradient(125deg,#5d51d2,#6b59e1 55%,#546bdd);
  border-color:#665cdf;color:#fff;
  box-shadow:0 7px 19px rgba(81,72,189,.18);
}
html[data-notify-theme="light"] button.primary:hover,
html[data-notify-theme="light"] .primary:hover,
html[data-notify-theme="light"] .pager-link-primary:hover {
  background:linear-gradient(125deg,#4d41bd,#5f4dcf 55%,#485cd0);color:#fff;
}
html[data-notify-theme="light"] button.secondary,
html[data-notify-theme="light"] .secondary,
html[data-notify-theme="light"] .resend-all-form .secondary {
  background:#eeedfe!important;color:#433a9f!important;
  border:1px solid #d2ccff!important;
}
html[data-notify-theme="light"] button.secondary:hover,
html[data-notify-theme="light"] .secondary:hover,
html[data-notify-theme="light"] .resend-all-form .secondary:hover {
  background:#e3e0ff!important;color:#2c247f!important;
}
html[data-notify-theme="light"] button.ghost,
html[data-notify-theme="light"] .ghost {background:#fff;border:1px solid #d8e0ec;color:#435574}
html[data-notify-theme="light"] button.ghost:hover,
html[data-notify-theme="light"] .ghost:hover {background:#f4f6fd;color:#282f6c}
html[data-notify-theme="light"] button.danger-outline,
html[data-notify-theme="light"] .danger-outline {background:#fff4f6;color:#a62445;border:1px solid #f1c6cf}
html[data-notify-theme="light"] button.danger-outline:hover,
html[data-notify-theme="light"] .danger-outline:hover {background:#ffeaee;color:#8b1b3a}
html[data-notify-theme="light"] .text-link,
html[data-notify-theme="light"] .devices-manage-link,
html[data-notify-theme="light"] .device-overview-footer a,
html[data-notify-theme="light"] .detail-back,
html[data-notify-theme="light"] .fleet-view-link,
html[data-notify-theme="light"] .pager a,
html[data-notify-theme="light"] .pager-link {color:#5144b3}
html[data-notify-theme="light"] .severity.info {color:#225c9d;background:#e9f3ff;border:1px solid #c8dff9}
html[data-notify-theme="light"] .severity.warning {color:#945b07;background:#fff4de;border:1px solid #f1d4a3}
html[data-notify-theme="light"] .severity.critical {color:#ad2449;background:#ffeaf0;border:1px solid #efbfd0}
html[data-notify-theme="light"] .status,
html[data-notify-theme="light"] .fleet-pill-active {color:#117356;background:#e6f8ef;border:1px solid #c8eadb}
html[data-notify-theme="light"] .status.resolved,
html[data-notify-theme="light"] .fleet-pill {color:#5c6b83;background:#f1f4f8;border:1px solid #dae2ee}
html[data-notify-theme="light"] .fleet-pill-pending {color:#986015;background:#fff1de;border-color:#f0d5a5}
html[data-notify-theme="light"] .severity-choice-content {
  background:#f9fbff;border:1.5px solid #d5dfef;color:#2b5d9c;
}
html[data-notify-theme="light"] .severity-choice-content small {color:#61738d}
html[data-notify-theme="light"] .severity-choice-warning .severity-choice-content {color:#995c08}
html[data-notify-theme="light"] .severity-choice-critical .severity-choice-content {color:#b2294e}
html[data-notify-theme="light"] .severity-choice input:checked+.severity-choice-content {
  background:#ecf4ff;border-color:#6a9edc;box-shadow:0 0 0 2px rgba(90,148,230,.12);
}
html[data-notify-theme="light"] .severity-choice-warning input:checked+.severity-choice-content {
  background:#fff7e8;border-color:#e1b15d;box-shadow:0 0 0 2px rgba(218,164,76,.11);
}
html[data-notify-theme="light"] .severity-choice-critical input:checked+.severity-choice-content {
  background:#fff0f3;border-color:#e19aaf;box-shadow:0 0 0 2px rgba(216,109,140,.12);
}
html[data-notify-theme="light"] .notice-row,
html[data-notify-theme="light"] .device,
html[data-notify-theme="light"] .audit,
html[data-notify-theme="light"] .activity-item,
html[data-notify-theme="light"] .device-overview-item {border-color:#e8edf5}
html[data-notify-theme="light"] .notice-title strong,
html[data-notify-theme="light"] .notice-content p,
html[data-notify-theme="light"] .device-text b,
html[data-notify-theme="light"] .audit b,
html[data-notify-theme="light"] .activity-title,
html[data-notify-theme="light"] .device-overview-main strong,
html[data-notify-theme="light"] .fleet-device-copy strong {color:#1b2942}
html[data-notify-theme="light"] .notice-content p,
html[data-notify-theme="light"] .notice-content small,
html[data-notify-theme="light"] .audit small,
html[data-notify-theme="light"] .device-text small,
html[data-notify-theme="light"] .device-overview-main small {color:#53647e}
html[data-notify-theme="light"] .activity-meta,
html[data-notify-theme="light"] .device-overview-main small {color:#64758c}
html[data-notify-theme="light"] .activity-item summary:before {color:#6c5ec9}
html[data-notify-theme="light"] .activity-detail,
html[data-notify-theme="light"] .device-editor {background:#f8faff;border:1px solid #e0e6f0;color:#283752}
html[data-notify-theme="light"] .activity-detail dt,
html[data-notify-theme="light"] .fleet-details-box dt {color:#62758c}
html[data-notify-theme="light"] .activity-detail dd,
html[data-notify-theme="light"] .fleet-details-box dd {color:#243650}
html[data-notify-theme="light"] .notice.info-msg,
html[data-notify-theme="light"] .info-msg {color:#3652a2;background:#eef3ff;border:1px solid #d3def9}
html[data-notify-theme="light"] .notice.error,
html[data-notify-theme="light"] .error {color:#a32f48;background:#fff0f2;border:1px solid #f3cbd3}
html[data-notify-theme="light"] .errors-disclosure,
html[data-notify-theme="light"] .errors-disclosure summary {color:#526781;border-color:#e3e9f1}
html[data-notify-theme="light"] .device-manager-count {
  background:#f7f9fd;border-color:#e4e9f2;color:#4c617b;
}
html[data-notify-theme="light"] .device-manager-count span {color:#687a91}
html[data-notify-theme="light"] .device-mini-stats span {background:#fff;border:1px solid #e2e8f1;color:#52627b}
html[data-notify-theme="light"] .device-mini-stats strong {color:#182644}
html[data-notify-theme="light"] .devices-filter-bar label {color:#40516b}
html[data-notify-theme="light"] .fleet-table th {background:#f3f5fb;color:#52647f;border-bottom:1px solid #dbe4ef}
html[data-notify-theme="light"] .fleet-table td {border-bottom:1px solid #e7ecf4;color:#273952}
html[data-notify-theme="light"] .fleet-table tbody tr:hover {background:#f9faff}
html[data-notify-theme="light"] .fleet-device-copy>span,
html[data-notify-theme="light"] .fleet-device-copy .device-id,
html[data-notify-theme="light"] .fleet-contact span,
html[data-notify-theme="light"] .fleet-date,
html[data-notify-theme="light"] .fleet-push,
html[data-notify-theme="light"] .devices-pagination-label {color:#586d85}
html[data-notify-theme="light"] .fleet-contact strong {color:#283750}
html[data-notify-theme="light"] .fleet-push-ready {color:#0d8063}
html[data-notify-theme="light"] .fleet-push-missing {color:#a6640a}
html[data-notify-theme="light"] .fleet-details summary,
html[data-notify-theme="light"] .fleet-view-link,
html[data-notify-theme="light"] .devices-manage-link,
html[data-notify-theme="light"] .pager-link,
html[data-notify-theme="light"] .pager a {
  background:#eeedff;border:1px solid #d5d1f8;color:#4c40a8;
}
html[data-notify-theme="light"] .fleet-details summary:hover,
html[data-notify-theme="light"] .fleet-view-link:hover,
html[data-notify-theme="light"] .devices-manage-link:hover,
html[data-notify-theme="light"] .pager-link:hover,
html[data-notify-theme="light"] .pager a:hover {background:#e3e0fb;color:#372b8c}
html[data-notify-theme="light"] .fleet-details-box {
  background:#fff;border:1px solid #dce4f0;box-shadow:0 18px 40px rgba(34,53,91,.13);
}
html[data-notify-theme="light"] .fleet-edit-form,
html[data-notify-theme="light"] .fleet-revoke-form,
html[data-notify-theme="light"] .device-detail-hero,
html[data-notify-theme="light"] .device-detail-actions,
html[data-notify-theme="light"] .device-overview-list,
html[data-notify-theme="light"] .devices-pagination,
html[data-notify-theme="light"] .device-detail-actions-grid {border-color:#e4eaf3}
html[data-notify-theme="light"] .device-mark,
html[data-notify-theme="light"] .device-icon {
  background:linear-gradient(155deg,#eef1ff,#e6f1ff);color:#4d5aaa;border:1px solid #d4def7;
}
html[data-notify-theme="light"] .push-dot-ready {background:#22b488;box-shadow:0 0 0 3px #def5ec}
html[data-notify-theme="light"] .push-dot-missing {background:#d5a15a;box-shadow:0 0 0 3px #fff0d7}
html[data-notify-theme="light"] .device-detail-grid {background:#e3e9f2;border:1px solid #e3e9f2}
html[data-notify-theme="light"] .detail-field {background:#f8faff}
html[data-notify-theme="light"] .detail-field span {color:#61758c}
html[data-notify-theme="light"] .detail-field strong {color:#21344e}
html[data-notify-theme="light"] .device-detail-hero h1 {color:#18243b}
html[data-notify-theme="light"] .device-detail-hero p,
html[data-notify-theme="light"] .detail-record {color:#5b7088}
html[data-notify-theme="light"] .device-detail-revoke {background:#fff3f5;border:1px solid #f0d4da;color:#9b2d4c}
html[data-notify-theme="light"] .device-detail-edit label {color:#435671}
html[data-notify-theme="light"] .code-card {background:#f1f5ff;border:1px dashed #b6c6f4}
html[data-notify-theme="light"] .code-card small,
html[data-notify-theme="light"] .code-card strong,
html[data-notify-theme="light"] .code-card p {color:#4c63a0}
html[data-notify-theme="light"] .notify-footer {border-color:#e5eaf3;color:#75849b}
html[data-notify-theme="light"] .auth-page {
  background:radial-gradient(ellipse 660px 420px at 50% 8%,rgba(123,111,233,.13),transparent 75%),
  linear-gradient(155deg,#f4f6ff,#f8fafc);
}
html[data-notify-theme="light"] .login-card {
  background:linear-gradient(165deg,#fff,#fcfdff);border:1px solid #e2e7f2;
  box-shadow:0 26px 70px rgba(42,62,99,.12);
}
html[data-notify-theme="light"] .login-card h1 {color:#1b2844}
html[data-notify-theme="light"] .login-card .muted {color:#5b6d83}
html[data-notify-theme="light"] .login-card .login-byline {color:#5546b2}
html[data-notify-theme="light"] .login-card .notify-footer {border-color:#e7edf6;color:#77879a}
html[data-notify-theme="light"] .login-card .eyebrow {color:#5f51ad}
@media(max-width:720px) {
 html[data-notify-theme="light"] .fleet-table tr {border-bottom:1px solid #e3eaf3}
 html[data-notify-theme="light"] .fleet-table td:before {color:#5c6e85}
 html[data-notify-theme="light"] .fleet-table td {color:#253853}
}

/* Premium Light / Dark switcher – no third-party dependencies. */
.notify-theme-switch {
  display:inline-flex;align-items:center;gap:2px;
  padding:3px;border:1px solid rgba(159,168,204,.22);
  background:rgba(18,24,45,.35);border-radius:999px;
  flex-shrink:0;isolation:isolate;
}
.notify-theme-switch button {
  width:auto;min-width:66px;min-height:34px;padding:6px 11px;
  display:inline-flex;gap:6px;align-items:center;justify-content:center;
  border:0;border-radius:999px;background:transparent;
  color:#bfcbe2;font-size:12px;font-weight:750;line-height:1;letter-spacing:.1px;
  box-shadow:none;white-space:nowrap;
}
.notify-theme-switch button:hover {background:rgba(255,255,255,.07);color:#fff;filter:none}
.notify-theme-switch button[aria-pressed="true"] {
  background:linear-gradient(135deg,#6a5ee0,#4d65ce);color:#fff;
  box-shadow:0 2px 9px rgba(36,31,117,.22);
}
.notify-theme-switch button:focus-visible {outline:2px solid #bfc5ff;outline-offset:2px}
html[data-notify-theme="light"] .notify-theme-switch {
  background:#eff1f9;border-color:#e0e5ef;
}
html[data-notify-theme="light"] .notify-theme-switch button {color:#51617b}
html[data-notify-theme="light"] .notify-theme-switch button:hover {background:#e4e7f5;color:#273353}
html[data-notify-theme="light"] .notify-theme-switch button[aria-pressed="true"] {
  background:#fff;color:#4030a3;box-shadow:0 1px 5px rgba(53,64,110,.14);
}
/* No box, border, or pill around live updates; plain status text only. */
.notify-live-status,
.notify-live-status[data-state="error"] {
  display:inline-flex;align-items:center;
  padding:0!important;margin:0;
  background:transparent!important;border:0!important;
  box-shadow:none!important;border-radius:0!important;
  font-size:12px;font-weight:700;white-space:nowrap;
}
.notify-live-status {color:#8ce7c0}
.notify-live-status[data-state="error"] {color:#ffd69c}
html[data-notify-theme="light"] .notify-live-status {color:#18775e}
html[data-notify-theme="light"] .notify-live-status[data-state="error"] {color:#a15d1a}
.notify-theme-login {position:fixed;top:22px;right:26px;z-index:20}
@media(max-width:960px) {
  .topinner {gap:12px}
  .top-right {gap:10px}
  .notify-theme-switch button {min-width:54px;padding:6px 8px}
}
@media(max-width:580px) {
  .topinner {padding:12px 12px}
  .top-right {gap:7px}
  .top-right .signed,.top-right .online {display:none}
  .brand-icon {width:39px;height:39px}
  .notify-theme-switch button {font-size:11px;min-width:52px;min-height:33px;padding:5px 7px;gap:4px}
  .top-right .ghost.compact {padding:7px 9px;min-height:34px;font-size:11px}
  .brand .brand-subtitle {font-size:9px;letter-spacing:.3px}
  .notify-theme-login {top:12px;right:12px}
  .auth-page {padding-top:80px}
  .heading {gap:10px}
  .notify-live-status {font-size:11px}
}
@media (prefers-reduced-motion:reduce) {
 .notify-theme-switch button {transition:none}
}