/*
  Notify Aurora — v2.3 visual system
  Purpose: actual production HTML, not a design mockup.
  Overlay loaded AFTER legacy CSS and inline dashboard styles.
  No JavaScript, PHP behavior, APNs, database, or brand image changes.
*/
html[data-notify-theme] {
  color-scheme: dark;
  --a-bg:#090d19; --a-bg2:#111629;
  --a-fg:#f7f8ff; --a-sub:#bcc8df; --a-muted:#9baac6;
  --a-card:#151e33; --a-card-alt:#1a2540; --a-input:#101a2e;
  --a-stroke:rgba(163,187,242,.17); --a-stroke-strong:rgba(178,195,251,.30);
  --a-table:#192640; --a-hover:rgba(113,126,235,.11);
  --a-primary:#9787ff; --a-primary2:#5f86ff; --a-cyan:#74e6e7;
  --a-green:#79e9c1; --a-amber:#ffd18d; --a-rose:#ffadb9;
  --a-shadow:0 18px 60px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.035);
  --a-fieldshadow:inset 0 1px 1px rgba(4,8,22,.14);
  --a-glass:rgba(16,21,37,.86); --a-hero:linear-gradient(113deg,#22224e 0%,#352c70 45%,#144d71 100%);
  --a-btbg:rgba(126,131,235,.16); --a-btborder:rgba(155,165,255,.31);
  --a-accent-chip:#27254e; --a-accent-chip-border:#4d4b82; --a-secondary-fg:#e0d9ff;
  --a-redchip:#402537; --a-redline:#755063;
  --a-table-head:rgba(31,46,76,.93);
  color:var(--a-fg); background-color:var(--a-bg);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-synthesis:none;
}
html[data-notify-theme="light"] {
  color-scheme:light;
  --a-bg:#f2f5fc; --a-bg2:#f9fbff;
  --a-fg:#172543; --a-sub:#53627c; --a-muted:#64738c;
  --a-card:#fff; --a-card-alt:#f8faff; --a-input:#fbfcff;
  --a-stroke:rgba(103,121,172,.19); --a-stroke-strong:rgba(117,129,181,.31);
  --a-table:#f5f8fd; --a-hover:rgba(99,87,215,.045);
  --a-primary:#6352db; --a-primary2:#3769db; --a-cyan:#087f95;
  --a-green:#117d64; --a-amber:#9c630f; --a-rose:#ab3151;
  --a-shadow:0 15px 46px rgba(46,61,123,.075),inset 0 1px rgba(255,255,255,.86);
  --a-fieldshadow:0 1px 2px rgba(35,48,78,.025);
  --a-glass:rgba(250,251,255,.88); --a-hero:linear-gradient(113deg,#4544ae 0%,#6862d1 45%,#3a92b2 100%);
  --a-btbg:rgba(99,91,215,.065); --a-btborder:#d5d2f5;
  --a-accent-chip:#f0eeff; --a-accent-chip-border:#d3cdf9; --a-secondary-fg:#4a3fb2;
  --a-redchip:#fff0f3; --a-redline:#efcbd3;
  --a-table-head:#f2f5fc;
}
html[data-notify-theme] body {
  min-height:100vh; color:var(--a-fg);
  background:
    radial-gradient(ellipse 1100px 720px at -15% -12%,rgba(108,82,244,.19) 0%,transparent 67%),
    radial-gradient(ellipse 900px 600px at 111% 4%,rgba(26,178,227,.13) 0%,transparent 68%),
    radial-gradient(ellipse 620px 520px at 53% 75%,rgba(85,78,162,.055),transparent 75%),
    linear-gradient(180deg,var(--a-bg2),var(--a-bg) 60%);
  background-attachment:fixed;
}
html[data-notify-theme="light"] body {
  background:
    radial-gradient(ellipse 1100px 670px at -15% -10%,rgba(148,116,250,.155),transparent 68%),
    radial-gradient(ellipse 800px 600px at 112% 3%,rgba(74,198,218,.13),transparent 68%),
    radial-gradient(ellipse 600px 500px at 57% 88%,rgba(167,148,249,.065),transparent 75%),
    linear-gradient(180deg,#fbfcff 0%,#f2f5fc 76%,#f5f7fc 100%);
}
html[data-notify-theme] a {color:var(--a-primary)}
html[data-notify-theme] h1,html[data-notify-theme] h2,html[data-notify-theme] h3,
html[data-notify-theme] .panelhead h2 {color:var(--a-fg)}
html[data-notify-theme] .muted,html[data-notify-theme] .panel p.muted,
html[data-notify-theme] .panelhead .muted,html[data-notify-theme] .heading .muted {color:var(--a-sub)}
html[data-notify-theme] .empty,html[data-notify-theme] .activity-meta {color:var(--a-muted)}
html[data-notify-theme] .container {max-width:1344px;padding:32px 28px;color:var(--a-fg)}
/* The original transparent PNG is never filtered, masked or placed inside a colored frame. */
html[data-notify-theme] img.brand-icon,html[data-notify-theme] img.login-brand-icon {
  display:block;object-fit:contain!important; background:transparent!important;
  border:0!important;box-shadow:none!important;border-radius:0!important;filter:none!important;
}
/* Translucent AI-style command bar. */
html[data-notify-theme] .topbar {
  position:sticky;top:0;z-index:30;
  background:var(--a-glass)!important;border-bottom:1px solid var(--a-stroke)!important;
  box-shadow:0 8px 30px rgba(3,8,28,.09)!important;
  backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);
}
html[data-notify-theme] .topinner {max-width:1344px;min-height:76px;padding:11px 28px;gap:20px;}
html[data-notify-theme] .brand {gap:12px;min-width:180px}
html[data-notify-theme] .brand b {color:var(--a-fg)!important;font-size:19px;font-weight:800;letter-spacing:-.75px}
html[data-notify-theme] .brand .brand-subtitle,
html[data-notify-theme] .brand small {color:var(--a-sub)!important;font-size:10px;letter-spacing:.14px;text-transform:none}
html[data-notify-theme] .brand .brand-subtitle span {color:var(--a-fg)!important}
html[data-notify-theme] .top-right {gap:12px;flex-wrap:wrap;justify-content:flex-end}
html[data-notify-theme] .signed {color:var(--a-muted)!important;font-size:12px}
html[data-notify-theme] .online {padding:0;background:transparent!important;border:0!important;color:var(--a-green)!important;box-shadow:none!important;font-size:11px}
html[data-notify-theme] .online i {background:var(--a-green)}
html[data-notify-theme] .notify-theme-switch {
  background:var(--a-btbg)!important;border:1px solid var(--a-stroke)!important;
  border-radius:14px!important;padding:4px!important;display:flex;gap:2px;box-shadow:none!important
}
html[data-notify-theme] .notify-theme-switch button {
  background:transparent!important;color:var(--a-sub)!important;border:0!important;
  border-radius:10px!important;min-height:34px;padding:8px 13px;font-weight:700;font-size:12px;
  box-shadow:none!important;filter:none!important;
}
html[data-notify-theme] .notify-theme-switch button[aria-pressed="true"] {
  background:linear-gradient(126deg,#7063ec,#5384ec)!important;
  color:#fff!important;box-shadow:0 3px 11px rgba(63,66,158,.26)!important;
}
html[data-notify-theme] .top-right .ghost,html[data-notify-theme] .header-back,
html[data-notify-theme] .portal-back {
  background:var(--a-btbg)!important;border:1px solid var(--a-btborder)!important;
  color:var(--a-fg)!important;box-shadow:none!important;
  text-decoration:none;border-radius:11px;
}
/* The actual page heading is the gradient hero shown in the preview. */
html[data-notify-theme] main.container > .heading {
  position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;
  gap:18px;min-height:163px;padding:29px 35px;margin:5px 0 25px;
  border:1px solid rgba(198,204,255,.22);border-radius:25px;
  background:var(--a-hero)!important;
  box-shadow:0 18px 52px rgba(19,19,68,.19),inset 0 1px rgba(255,255,255,.2);
}
html[data-notify-theme] main.container > .heading:before {
  content:"";position:absolute;z-index:-1;right:-62px;top:-170px;width:490px;height:440px;
  border-radius:50%;border:1px solid rgba(219,231,255,.17);
  box-shadow:0 0 0 42px rgba(213,218,255,.045),0 0 0 106px rgba(213,218,255,.035),0 0 0 174px rgba(213,218,255,.02);
  pointer-events:none;
}
html[data-notify-theme] main.container > .heading:after {
  content:"";position:absolute;z-index:-1;inset:0;
  background:radial-gradient(ellipse 340px 220px at 93% 84%,rgba(118,230,248,.2),transparent 72%);
  pointer-events:none;
}
html[data-notify-theme] main.container > .heading h1 {
  font-size:clamp(27px,3vw,39px);line-height:1.1;margin:0 0 12px;letter-spacing:-1.5px;
  font-weight:800;color:#fff!important;
}
html[data-notify-theme] main.container > .heading .muted {color:#e0e5ff!important;font-size:13px;line-height:1.5}
html[data-notify-theme] main.container > .heading .eyebrow {color:#d4d6ff!important;font-size:10px;font-weight:800;letter-spacing:1.7px}
html[data-notify-theme] .notify-live-status,
html[data-notify-theme] .notify-live-status[data-state] {
  margin-left:auto;align-self:center;flex-shrink:0;
  color:#b8ffdf!important;background:transparent!important;
  border:0!important;outline:0!important;box-shadow:none!important;
  font-weight:750;letter-spacing:.15px;white-space:nowrap;font-size:12px;padding:0!important;
}
html[data-notify-theme] .notify-live-status[data-state="error"] {color:#ffe6a6!important}
/* Metric tiles with subtle gradients and colored edge highlights. */
html[data-notify-theme] .statgrid {gap:16px;margin-bottom:20px}
html[data-notify-theme] .stat {
  position:relative;overflow:hidden;min-height:150px;padding:24px 26px;
  border:1px solid var(--a-stroke)!important;border-radius:21px;
  background:
    radial-gradient(ellipse 350px 180px at 110% -35%,rgba(111,93,245,.18),transparent 73%),
    linear-gradient(145deg,var(--a-card-alt),var(--a-card))!important;
  box-shadow:var(--a-shadow)!important;
}
html[data-notify-theme] .stat:nth-child(2){
  background:radial-gradient(ellipse 330px 185px at 108% -30%,rgba(30,205,197,.14),transparent 72%),linear-gradient(145deg,var(--a-card-alt),var(--a-card))!important;
}
html[data-notify-theme] .stat:nth-child(3){
  background:radial-gradient(ellipse 320px 185px at 110% -30%,rgba(96,154,240,.16),transparent 72%),linear-gradient(145deg,var(--a-card-alt),var(--a-card))!important;
}
html[data-notify-theme] .stat::before {height:3px;left:22px;right:22px;top:0;border-radius:0 0 9px 9px;background:linear-gradient(90deg,#956bff,#6284ff,transparent 95%)!important}
html[data-notify-theme] .stat:nth-child(2)::before {background:linear-gradient(90deg,#39dac9,#69b2e5,transparent 95%)!important}
html[data-notify-theme] .stat:nth-child(3)::before {background:linear-gradient(90deg,#65afff,#9d8cff,transparent 95%)!important}
html[data-notify-theme] .stat span {color:var(--a-sub)!important;font-size:12px;font-weight:700;letter-spacing:.3px}
html[data-notify-theme] .stat strong {color:var(--a-fg)!important;font-size:clamp(32px,3.25vw,44px);line-height:1.2;margin:8px 0 7px;font-weight:800;letter-spacing:-1.6px}
html[data-notify-theme] .stat small {color:var(--a-muted)!important;font-size:12px;line-height:1.45}
html[data-notify-theme] .panel {
  min-width:0;padding:27px 29px;
  background:linear-gradient(148deg,var(--a-card-alt) 0%,var(--a-card) 65%)!important;
  border:1px solid var(--a-stroke)!important;
  border-radius:22px;box-shadow:var(--a-shadow)!important;
}
html[data-notify-theme] .twocol,html[data-notify-theme] .twocol.lower {gap:20px}
html[data-notify-theme] .panel.wide,html[data-notify-theme] .twocol.lower {margin-top:20px}
html[data-notify-theme] .panelhead {margin-bottom:21px}
html[data-notify-theme] .panelhead h2 {font-size:19px;letter-spacing:-.45px;font-weight:780;color:var(--a-fg)!important}
html[data-notify-theme] .panelhead h2:before {content:"";display:inline-block;width:4px;height:17px;margin-right:12px;vertical-align:-3px;border-radius:4px;background:linear-gradient(180deg,#9277ff,#5bcbdb)}
html[data-notify-theme] .panelhead p.muted {font-size:12.5px;color:var(--a-muted)!important}
html[data-notify-theme] .panelhead-actions {gap:15px;align-items:center}
html[data-notify-theme] .separator {background:var(--a-stroke);height:1px}
/* Accessible fields and touch targets. */
html[data-notify-theme] label,html[data-notify-theme] .panel label,
html[data-notify-theme] .severity-picker legend {color:var(--a-sub)!important;font-weight:700;font-size:12px}
html[data-notify-theme] input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
html[data-notify-theme] textarea,html[data-notify-theme] select {
  min-height:45px;border-radius:12px!important;background:var(--a-input)!important;
  border:1px solid var(--a-stroke-strong)!important;color:var(--a-fg)!important;
  box-shadow:var(--a-fieldshadow)!important;font-size:14px;
}
html[data-notify-theme] input::placeholder,html[data-notify-theme] textarea::placeholder {color:var(--a-muted)!important;opacity:1}
html[data-notify-theme] input:focus,html[data-notify-theme] textarea:focus,
html[data-notify-theme] select:focus {
  outline:none!important;border-color:#8d8aff!important;
  box-shadow:0 0 0 3px rgba(115,118,247,.19)!important;
}
html[data-notify-theme] select option {background:var(--a-card);color:var(--a-fg)}
html[data-notify-theme] button,html[data-notify-theme] .primary,
html[data-notify-theme] .secondary,html[data-notify-theme] .ghost,html[data-notify-theme] .danger-outline {
  border-radius:11px;transition:transform .17s ease,background .17s ease,border-color .17s ease,box-shadow .17s ease;
}
html[data-notify-theme] button:hover {transform:translateY(-1px);filter:none!important}
html[data-notify-theme] button:active {transform:translateY(0)}
html[data-notify-theme] button.primary,html[data-notify-theme] .primary,
html[data-notify-theme] .pager-link-primary {
  background:linear-gradient(115deg,#6954e8,#6c64f1 47%,#4683ed 100%)!important;
  color:#fff!important;border:1px solid rgba(182,182,255,.4)!important;
  box-shadow:0 8px 24px rgba(75,72,207,.24)!important;font-weight:760;
}
html[data-notify-theme] button.primary:hover,html[data-notify-theme] .primary:hover {
  background:linear-gradient(115deg,#806af4,#7a6bf1 48%,#5591f7)!important;
  box-shadow:0 10px 26px rgba(75,72,207,.32)!important;
}
html[data-notify-theme] button.secondary,html[data-notify-theme] .secondary,
html[data-notify-theme] .resend-all-form .secondary {
  background:var(--a-accent-chip)!important;border:1px solid var(--a-accent-chip-border)!important;
  color:var(--a-secondary-fg)!important;box-shadow:none!important;
}
html[data-notify-theme] button.ghost,html[data-notify-theme] .ghost,
html[data-notify-theme] .fleet-view-link,html[data-notify-theme] .devices-manage-link,
html[data-notify-theme] .fleet-details summary,html[data-notify-theme] .pager-link {
  background:var(--a-btbg)!important;border:1px solid var(--a-btborder)!important;
  color:var(--a-fg)!important;text-decoration:none;
}
html[data-notify-theme] .devices-manage-link:hover,
html[data-notify-theme] .fleet-view-link:hover {background:var(--a-accent-chip)!important}
html[data-notify-theme] .danger-outline,html[data-notify-theme] button.danger-outline {
  background:var(--a-redchip)!important;border:1px solid var(--a-redline)!important;color:var(--a-rose)!important;
}
html[data-notify-theme] :is(button,a,summary,input,textarea,select):focus-visible {
  outline:2px solid #aaa2ff!important;outline-offset:3px;
}
/* Three severity cards with recognizable colors. */
html[data-notify-theme] .severity-picker {gap:9px}
html[data-notify-theme] .severity-choice-content {min-height:82px;border-radius:14px!important;background:var(--a-input)!important;border:1px solid var(--a-stroke-strong)!important;box-shadow:none!important}
html[data-notify-theme] .severity-choice-content b {color:var(--a-fg)!important;font-size:13px}
html[data-notify-theme] .severity-choice-content small {color:var(--a-muted)!important;font-size:11px}
html[data-notify-theme] .severity-choice-info input:checked+.severity-choice-content {background:rgba(81,153,231,.1)!important;border-color:#659ad7!important;box-shadow:inset 0 0 0 1px rgba(83,138,225,.3)!important}
html[data-notify-theme] .severity-choice-warning input:checked+.severity-choice-content {background:rgba(207,153,62,.105)!important;border-color:#c8954a!important;box-shadow:inset 0 0 0 1px rgba(201,149,58,.27)!important}
html[data-notify-theme] .severity-choice-critical input:checked+.severity-choice-content {background:rgba(218,89,120,.1)!important;border-color:#d87b94!important;box-shadow:inset 0 0 0 1px rgba(220,107,134,.3)!important}
html[data-notify-theme] .severity {border-radius:10px!important;padding:7px 10px;font-size:11px}
html[data-notify-theme] .severity.info {color:#80c7ff!important;background:rgba(59,128,222,.17)!important;border:1px solid rgba(92,165,241,.38)!important}
html[data-notify-theme] .severity.warning {color:#ffcf86!important;background:rgba(213,151,60,.13)!important;border:1px solid rgba(232,164,71,.3)!important}
html[data-notify-theme] .severity.critical {color:#ff9eb8!important;background:rgba(213,62,97,.16)!important;border:1px solid rgba(238,99,132,.35)!important}
html[data-notify-theme="light"] .severity.info {color:#235b9f!important;background:#e8f3ff!important;border-color:#beddfd!important}
html[data-notify-theme="light"] .severity.warning {color:#926111!important;background:#fff3df!important;border-color:#f0d3a7!important}
html[data-notify-theme="light"] .severity.critical {color:#a6224a!important;background:#ffedf2!important;border-color:#f2bed0!important}
html[data-notify-theme] .status,html[data-notify-theme] .fleet-pill-active {color:var(--a-green)!important;background:rgba(45,170,132,.15)!important;border:1px solid rgba(87,205,166,.25)!important}
html[data-notify-theme] .status.resolved,html[data-notify-theme] .fleet-pill {color:var(--a-sub)!important;background:var(--a-btbg)!important;border:1px solid var(--a-stroke)!important}
html[data-notify-theme] .fleet-pill-pending {color:var(--a-amber)!important;background:rgba(227,161,63,.12)!important;border-color:rgba(207,154,72,.33)!important}
html[data-notify-theme] .notice-list {gap:9px}
html[data-notify-theme] .notice-row {
  padding:17px 18px;margin:0;align-items:center;border:1px solid var(--a-stroke)!important;
  border-radius:14px;background:var(--a-btbg);transition:background .2s,border-color .2s;
}
html[data-notify-theme] .notice-row:hover {background:var(--a-hover);border-color:var(--a-stroke-strong)!important}
html[data-notify-theme] .notice-title {gap:8px 10px}
html[data-notify-theme] .notice-title strong {color:var(--a-fg)!important;font-size:14px;line-height:1.45}
html[data-notify-theme] .notice-content p {color:var(--a-sub)!important;font-size:12.5px;line-height:1.55}
html[data-notify-theme] .notice-content small {color:var(--a-muted)!important}
html[data-notify-theme] .notice-controls {gap:8px;flex-basis:160px}
html[data-notify-theme] .notice-controls form button {width:100%;min-height:42px}
html[data-notify-theme] .device-overview-item,html[data-notify-theme] .activity-item,
html[data-notify-theme] .device {border-color:var(--a-stroke)!important}
html[data-notify-theme] .device-overview-main strong,html[data-notify-theme] .device-text b,
html[data-notify-theme] .activity-title {color:var(--a-fg)!important}
html[data-notify-theme] .device-overview-main small,html[data-notify-theme] .device-text small,
html[data-notify-theme] .activity-meta {color:var(--a-muted)!important}
html[data-notify-theme] .device-mark,html[data-notify-theme] .device-icon {
  background:linear-gradient(135deg,rgba(120,119,241,.18),rgba(64,174,217,.11))!important;
  border:1px solid var(--a-stroke)!important;color:var(--a-primary)!important;
  border-radius:13px;
}
html[data-notify-theme] .push-dot-ready {background:#49cfa4;box-shadow:0 0 0 3px rgba(49,181,138,.14)}
html[data-notify-theme] .push-dot-missing {background:#e0a85d;box-shadow:0 0 0 3px rgba(200,138,48,.12)}
html[data-notify-theme] .activity-detail,html[data-notify-theme] .device-editor,
html[data-notify-theme] .fleet-details-box {background:var(--a-card)!important;border:1px solid var(--a-stroke-strong)!important;color:var(--a-fg)!important;box-shadow:var(--a-shadow)}
html[data-notify-theme] .activity-detail dt,html[data-notify-theme] .fleet-details-box dt {color:var(--a-muted)!important}
html[data-notify-theme] .activity-detail dd,html[data-notify-theme] .fleet-details-box dd {color:var(--a-fg)!important}
html[data-notify-theme] .device-manager-count {background:var(--a-table)!important;border-color:var(--a-stroke)!important;color:var(--a-sub)!important}
html[data-notify-theme] .device-mini-stats span {background:var(--a-card)!important;border:1px solid var(--a-stroke)!important;color:var(--a-sub)!important;border-radius:15px;box-shadow:var(--a-shadow)}
html[data-notify-theme] .device-mini-stats strong {color:var(--a-fg)!important}
html[data-notify-theme] .fleet-table th {background:var(--a-table-head)!important;color:var(--a-sub)!important;border-bottom:1px solid var(--a-stroke-strong)!important}
html[data-notify-theme] .fleet-table td {color:var(--a-fg)!important;border-bottom:1px solid var(--a-stroke)!important}
html[data-notify-theme] .fleet-table tbody tr:hover {background:var(--a-hover)!important}
html[data-notify-theme] .fleet-device-copy strong,html[data-notify-theme] .fleet-contact strong {color:var(--a-fg)!important}
html[data-notify-theme] .fleet-device-copy>span,html[data-notify-theme] .fleet-contact span,
html[data-notify-theme] .fleet-date,html[data-notify-theme] .fleet-push,
html[data-notify-theme] .devices-pagination-label {color:var(--a-muted)!important}
html[data-notify-theme] .fleet-push-ready {color:var(--a-green)!important}
html[data-notify-theme] .fleet-push-missing {color:var(--a-amber)!important}
html[data-notify-theme] .device-detail-grid {background:var(--a-stroke)!important;border:1px solid var(--a-stroke)!important;border-radius:15px}
html[data-notify-theme] .detail-field {background:var(--a-card)!important}
html[data-notify-theme] .detail-field span {color:var(--a-muted)!important}
html[data-notify-theme] .detail-field strong {color:var(--a-fg)!important}
html[data-notify-theme] .device-detail-hero h1 {color:var(--a-fg)!important}
html[data-notify-theme] .device-detail-hero p,html[data-notify-theme] .detail-record {color:var(--a-sub)!important}
html[data-notify-theme] .device-detail-revoke {background:var(--a-redchip)!important;border:1px solid var(--a-redline)!important;color:var(--a-rose)!important}
html[data-notify-theme] .device-detail-hero,html[data-notify-theme] .device-detail-actions,
html[data-notify-theme] .device-overview-list,html[data-notify-theme] .devices-pagination {border-color:var(--a-stroke)!important}
html[data-notify-theme] .device-detail-top a,html[data-notify-theme] .text-link,
html[data-notify-theme] .device-overview-footer a {color:var(--a-primary)!important}
html[data-notify-theme] .pager a,html[data-notify-theme] .pager-link {background:var(--a-btbg)!important;border:1px solid var(--a-btborder)!important;color:var(--a-fg)!important}
html[data-notify-theme] .pager-link-primary {color:#fff!important}
html[data-notify-theme] .notice.info-msg,html[data-notify-theme] .info-msg {color:var(--a-fg)!important;background:var(--a-btbg)!important;border:1px solid var(--a-btborder)!important}
html[data-notify-theme] .notice.error,html[data-notify-theme] .error {color:var(--a-rose)!important;background:var(--a-redchip)!important;border:1px solid var(--a-redline)!important}
html[data-notify-theme] .notify-footer {border-top:1px solid var(--a-stroke)!important;color:var(--a-muted)!important}
/* Login page inherits the exact same premium surfaces and gradients. */
html[data-notify-theme] body.auth-page {background:
  radial-gradient(ellipse 680px 520px at 23% 19%,rgba(117,94,255,.25),transparent 70%),
  radial-gradient(ellipse 580px 520px at 89% 82%,rgba(59,188,222,.16),transparent 70%),var(--a-bg)!important;}
html[data-notify-theme="light"] body.auth-page {background:
  radial-gradient(ellipse 690px 490px at 16% 8%,rgba(114,92,222,.17),transparent 71%),
  radial-gradient(ellipse 580px 520px at 95% 83%,rgba(56,186,215,.14),transparent 71%),#f4f6fd!important;}
html[data-notify-theme] .login-card {max-width:450px;padding:43px 43px 32px;background:
  linear-gradient(155deg,var(--a-card-alt),var(--a-card))!important;
  border-radius:25px;border:1px solid var(--a-stroke-strong)!important;box-shadow:0 26px 78px rgba(9,13,40,.23),inset 0 1px rgba(255,255,255,.08)!important;}
html[data-notify-theme] .login-card:before {content:"";display:block;height:3px;border-radius:6px;
 background:linear-gradient(90deg,transparent,#8a72ff,#4bd4e7,transparent);margin:-43px -5px 33px;}
html[data-notify-theme] .login-card h1 {color:var(--a-fg)!important;font-size:29px}
html[data-notify-theme] .login-card .muted {color:var(--a-sub)!important}
html[data-notify-theme] .login-card .eyebrow {color:var(--a-primary)!important}
html[data-notify-theme] .login-card .login-byline {color:var(--a-primary)!important}
html[data-notify-theme] .auth-theme-top {position:fixed;top:20px;right:23px;z-index:20}
@media(max-width:1020px){
 html[data-notify-theme] .topinner {padding:12px 18px}
 html[data-notify-theme] .container {padding:24px 17px}
 html[data-notify-theme] main.container > .heading {padding:25px 25px;min-height:145px}
 html[data-notify-theme] .top-right {gap:8px}
}
@media(max-width:720px){
 html[data-notify-theme] .container {padding:17px 12px}
 html[data-notify-theme] .topinner {min-height:68px;padding:10px 13px;align-items:flex-start;flex-wrap:wrap}
 html[data-notify-theme] .brand {min-width:0;gap:9px}
 html[data-notify-theme] .brand img.brand-icon {width:43px;height:43px}
 html[data-notify-theme] .top-right {width:100%;justify-content:space-between;gap:9px}
 html[data-notify-theme] .top-right .signed {display:none}
 html[data-notify-theme] .notify-theme-switch button {min-height:31px;padding:7px 11px}
 html[data-notify-theme] main.container > .heading {border-radius:19px;padding:24px 20px;min-height:135px;flex-wrap:wrap}
 html[data-notify-theme] main.container > .heading h1 {font-size:29px}
 html[data-notify-theme] main.container > .heading .notify-live-status {margin-left:0;align-self:flex-start}
 html[data-notify-theme] .panel {padding:21px 17px;border-radius:18px}
 html[data-notify-theme] .stat {padding:20px;border-radius:18px;min-height:130px}
 html[data-notify-theme] .notice-row {padding:14px 13px;align-items:flex-start;flex-direction:column}
 html[data-notify-theme] .notice-controls {width:100%;flex-basis:auto}
 html[data-notify-theme] .severity-choice-content {min-height:67px}
 html[data-notify-theme] .fleet-table tr {border-color:var(--a-stroke)!important}
 html[data-notify-theme] .fleet-table td:before {color:var(--a-muted)!important}
}
@media(max-width:500px){
 html[data-notify-theme] .statgrid {grid-template-columns:1fr;gap:10px}
 html[data-notify-theme] .panelhead-actions {align-items:flex-start;flex-wrap:wrap}
 html[data-notify-theme] .severity-picker {grid-template-columns:1fr}
 html[data-notify-theme] main.container > .heading {padding:22px 17px}
 html[data-notify-theme] .login-card {padding:33px 23px 25px}
 html[data-notify-theme] .login-card:before {margin:-33px 0 27px}
}
@media(prefers-reduced-motion:reduce){
 html[data-notify-theme] button,html[data-notify-theme] .notice-row {transition:none!important}
}