:root {
--nuke-blue: #346699;
--nuke-blue-dark: #1e3c72;
--nuke-blue-light: #5183b6;
--nuke-gold: #FFD700;
--nuke-gold-dark: #ccac00;
--bg-light: #f8f9fa;
--bg-white: #ffffff;
--border-color: #e1e4e8;
--text-main: #2c3e50;
--text-muted: #6b7778;
--font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--font-condensed: "Arial Narrow", "Helvetica Inserat", "sans-serif-condensed", sans-serif;
--status-online: #27ae60;
--status-offline: #c0392b;
--status-reduced: #e67e22;
--status-coastdown: #3498db;
--status-startup: #f1c40f;
--status-b2b: #8e44ad;
--color-success: #27ae60;
--color-danger: #c0392b;
--color-warning: #f39c12;
--color-info: #3498db;
--link-unit: #631728;
--chip-bg: #e8f0fa;
--chip-border: #b8d0ea;
--chip-text: #346699;
--chip-hover-bg: #d0e2f3;
--icon-chip-bg: #e0e0e0;
--icon-chip-text: #666666;
--accent-green: #2e7d32;
--accent-blue: #1565c0;
--accent-purple: #8e44ad;
--accent-orange: #e67e22;
--accent-red: #c0392b;
--accent-teal: #16a085;
--accent-amber: #f57f17;
--q-ink-top:    #2e7d32;
--q-ink-mid:    #b45309;
--q-ink-bottom: #c0392b;
--q-ink-none:   #64748b;
--oe-ink-excellent: #15803d;
--oe-ink-good:      #4d7c0f;
--oe-ink-fair:      #a16207;
--oe-ink-poor:      #dc2626;
--oe-ink-none:      #64748b;
--btn-success-bg: #27ae60;
--gray-50: #f8fafc;
--gray-100: #f1f5f9;
--gray-200: #e2e8f0;
--gray-300: #cbd5e1;
--gray-400: #94a3b8;
--gray-500: #64748b;
--gray-600: #475569;
--gray-700: #334155;
--gray-800: #1e293b;
--gray-900: #1a2a3a;
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 20px;
--space-6: 24px;
--space-8: 32px;
--radius-sm: 4px;
--radius-md: 8px;
--radius-lg: 12px;
--radius-pill: 20px;
--radius-full: 50%;
--shadow-sm: 0 2px 4px rgba(0,0,0,0.04);
--shadow-md: 0 4px 12px rgba(0,0,0,0.08);
--shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
--shadow-tooltip: 0 4px 12px rgba(0,0,0,0.2);
--gradient-blue: linear-gradient(135deg, #1a2a3a 0%, #346699 100%);
--gradient-blue-rev: linear-gradient(135deg, #346699 0%, #1e3c72 100%);
--gradient-hero: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #346699 100%);
--gradient-sidebar: linear-gradient(135deg, #346699 0%, #2a5298 50%, #1e3c72 100%);
}
html[data-theme="dark"] {
color-scheme: dark;
--nuke-blue: #6aa5db;
--nuke-blue-dark: #24547f;
--nuke-blue-light: #8fbce6;
--nuke-gold: #FFD700;
--nuke-gold-dark: #d4b500;
--bg-light: #0f1720;
--bg-white: #1a2430;
--border-color: #2c3a4a;
--text-main: #d8dde3;
--text-muted: #9fb0c0;
--gray-50:  #131b24;
--gray-100: #182129;
--gray-200: #202b36;
--gray-300: #2c3a47;
--gray-400: #3f5163;
--gray-500: #6b7d8f;
--gray-600: #93a4b4;
--gray-700: #b6c4d1;
--gray-800: #d3dde6;
--gray-900: #e9eff4;
--tint-neutral-bg: #1e2731;  --tint-neutral-border: #33404d;  --tint-neutral-text: #d8dde3;
--tint-success-bg: #15291d;  --tint-success-border: #2a5138;  --tint-success-text: #7fd18a;
--tint-danger-bg:  #2b1719;  --tint-danger-border:  #5a2a2c;  --tint-danger-text:  #ef8a7d;
--tint-warning-bg: #2a2417;  --tint-warning-border: #55492a;  --tint-warning-text: #f0c05b;
--tint-info-bg:    #15293a;  --tint-info-border:    #2a5171;  --tint-info-text:    #bfe0f7;
--tint-purple-bg:  #251c30;  --tint-purple-border:  #46345a;  --tint-purple-text:  #c9a3e0;
--link-unit: #ef8a7d;
--chip-bg: #1e2c3b;
--chip-border: #33475c;
--chip-text: #8fbce6;
--chip-hover-bg: #26384a;
--icon-chip-bg: #2c3a4a;
--icon-chip-text: #9fb0c0;
--status-lift-red: #ef6a5c;
--status-lift-darkred: #ff8a80;
--status-lift-maroon: #e59ab0;
--status-lift-orange: #f0a04b;
--status-lift-green: #4caf50;
--status-lift-blue: #64b5f6;
--status-lift-yellow: #f1c40f;
--status-lift-purple: #c07fd8;
--accent-green: #4caf50;
--accent-blue: #64b5f6;
--accent-purple: #c07fd8;
--accent-orange: #f0a04b;
--accent-red: #ef6a5c;
--accent-teal: #4fd1b8;
--accent-amber: #f0a04b;
--q-ink-top:    #4caf50;
--q-ink-mid:    #f0a04b;
--q-ink-bottom: #ef6a5c;
--q-ink-none:   #94a3b8;
--oe-ink-excellent: #16a34a;
--oe-ink-good:      #84cc16;
--oe-ink-fair:      #eab308;
--oe-ink-poor:      #ef6a5c;
--oe-ink-none:      #94a3b8;
--btn-success-bg: #1e6b3d;
--shadow-sm: 0 2px 4px rgba(0,0,0,0.4);
--shadow-md: 0 4px 12px rgba(0,0,0,0.5);
--shadow-lg: 0 8px 24px rgba(0,0,0,0.6);
--shadow-tooltip: 0 4px 12px rgba(0,0,0,0.7);
}
.nw-card {
background: var(--bg-white);
border: 1px solid var(--gray-200);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-sm);
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.nw-card:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-md);
}
.nw-card-header {
background: var(--gradient-blue);
color: #fff;
padding: 15px var(--space-5);
font-weight: 700;
font-size: 1.1em;
display: flex;
align-items: center;
gap: var(--space-3);
}
.nw-card-header i {
color: #fff;
transition: color 0.3s;
}
.nw-card:hover .nw-card-header i {
color: var(--nuke-gold);
}
.nw-card-body {
padding: var(--space-5);
}
.nw-card--static:hover {
transform: none;
box-shadow: var(--shadow-sm);
}
body.theme-nuclear .nw-card {
background: var(--nw-strong-grey) !important;
border-color: var(--nw-classy-grey) !important;
}
body.theme-nuclear .nw-card-header {
background: var(--nw-olympian-blue) !important;
border-bottom: 2px solid var(--nw-aureoline) !important;
}
body.theme-nuclear .nw-card:hover .nw-card-header i {
color: var(--nw-aureoline) !important;
}
html[data-theme="dark"] body { background: var(--bg-light); color: var(--text-main); }
html[data-theme="dark"] .wrapper { background: var(--bg-white); background-image: none; }
@media (max-width: 768px) { html .wrapper { background-image: none; } }
html[data-theme="dark"] a,
html[data-theme="dark"] a:link,
html[data-theme="dark"] a:visited { color: var(--nuke-blue-light); }
html[data-theme="dark"] a:hover { color: var(--nuke-gold); }
html[data-theme="dark"] .leaflet-layer .leaflet-tile {
filter: invert(1) hue-rotate(180deg) brightness(0.9) contrast(0.9) saturate(0.55);
}
html[data-theme="dark"] .leaflet-container { background: var(--bg-light); }
html[data-theme="dark"] .leaflet-popup-content-wrapper,
html[data-theme="dark"] .leaflet-popup-tip {
background: var(--bg-white);
color: var(--text-main);
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.6);
}
html[data-theme="dark"] .leaflet-container a.leaflet-popup-close-button { color: var(--text-muted); }
html[data-theme="dark"] .leaflet-bar a {
background: var(--bg-white);
color: var(--text-main);
border-bottom-color: var(--border-color);
}
html[data-theme="dark"] .leaflet-bar a:hover,
html[data-theme="dark"] .leaflet-bar a:focus { background: var(--border-color); }
html[data-theme="dark"] .leaflet-bar a.leaflet-disabled { background: var(--bg-light); color: var(--border-color); }
html[data-theme="dark"] .leaflet-control-layers {
background: var(--bg-white);
color: var(--text-main);
}
html[data-theme="dark"] .leaflet-control-attribution {
background: rgba(15, 23, 32, 0.8);
color: var(--text-muted);
}
html[data-theme="dark"] .leaflet-control-attribution a { color: var(--nuke-blue-light); }
html[data-theme="dark"] .leaflet-tooltip {
background: var(--bg-white);
color: var(--text-main);
border-color: var(--border-color);
}
html[data-theme="dark"] .leaflet-tooltip-top:before { border-top-color: var(--border-color); }
html[data-theme="dark"] .leaflet-tooltip-bottom:before { border-bottom-color: var(--border-color); }
html[data-theme="dark"] .leaflet-tooltip-left:before { border-left-color: var(--border-color); }
html[data-theme="dark"] .leaflet-tooltip-right:before { border-right-color: var(--border-color); }
.nw-alert-bell {
display: inline-flex;
align-items: center;
gap: 5px;
color: var(--nuke-blue);
text-decoration: none;
font-size: 0.85em;
line-height: 1;
vertical-align: middle;
opacity: 0.75;
transition: color 0.15s ease, opacity 0.15s ease, transform 0.15s ease;
}
.nw-alert-bell:hover,
.nw-alert-bell:focus { color: var(--nuke-gold); opacity: 1; transform: scale(1.05); }
.nw-alert-bell .nw-alert-bell-txt { font-weight: 600; }
.nw-chart-note {
display: flex;
align-items: flex-start;
gap: var(--space-2);
margin: 0 0 var(--space-4) 0;
padding: var(--space-3) var(--space-4);
background: var(--gray-50);
border: 1px solid var(--gray-200);
border-left: 3px solid var(--nuke-blue);
border-radius: var(--radius-md);
color: var(--text-main);
font-family: var(--font-main);
font-size: 0.9em;
line-height: 1.55;
}
.nw-chart-note > i {
color: var(--nuke-blue);
font-size: 0.95em;
margin-top: 3px;
flex: 0 0 auto;
}
.nw-chart-note strong { font-weight: 700; color: var(--text-main); }
.nw-chart-note--below { margin: var(--space-4) 0 0 0; }
.nw-chart-note--tight { font-size: 0.85em; padding: var(--space-2) var(--space-3); }
html[data-theme="dark"] .nwua-sys {
background: var(--bg-white);
border-color: var(--border-color);
}
html[data-theme="dark"] .nwua-sys h4 { color: var(--nuke-blue-light); }
html[data-theme="dark"] .nwua-sys .blurb,
html[data-theme="dark"] .nwua-muted,
html[data-theme="dark"] .nwua-sub-src,
html[data-theme="dark"] .nwua-sub-meta,
html[data-theme="dark"] .nwua-notif-desc,
html[data-theme="dark"] .nwua-notif-note { color: var(--text-muted); }
html[data-theme="dark"] .nwua-badge.off a { color: var(--nuke-blue-light); }
html[data-theme="dark"] .nwua-emails li,
html[data-theme="dark"] .nwua-sub-list li,
html[data-theme="dark"] .nwua-notif-list li,
html[data-theme="dark"] .nwua-hist th,
html[data-theme="dark"] .nwua-hist td { border-bottom-color: var(--border-color); }
html[data-theme="dark"] .nwua-hist th { color: var(--text-muted); }
html[data-theme="dark"] .nwua-pill.active { background: rgba(34,197,94,0.16); color: #6fcf97; }
html[data-theme="dark"] .nwua-pill.expired { background: #223040; color: var(--text-muted); }
html[data-theme="dark"] .nwua-pill.canceled { background: rgba(217,119,6,0.16); color: #f0a860; }
html[data-theme="dark"] .nwua-u,
html[data-theme="dark"] .nwua-notif-unavail { color: #f0a860; }
.nw-rfo {
display: inline-block;
padding: 1px 6px;
border-radius: var(--radius-sm);
background: var(--chip-bg);
border: 1px solid var(--chip-border);
color: var(--chip-text);
font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
font-size: 0.78em;
font-weight: 600;
font-variant-numeric: tabular-nums;
letter-spacing: 0.02em;
line-height: 1.5;
white-space: nowrap;
vertical-align: middle;
cursor: help;
}
.nw-rfo--expected {
border-style: dashed;
}
.nw-article {
max-width: 900px;
margin: 30px auto 50px;
padding: 36px 40px;
background: var(--bg-white);
color: var(--text-main);
border: 1px solid var(--border-color);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-md);
line-height: 1.7;
font-family: var(--font-main);
font-size: 1.02rem;
}
.nw-article p { margin: 0 0 1.15em; }
.nw-article ul,
.nw-article ol { margin: 0 0 1.15em; padding-left: 26px; }
.nw-article li { margin-bottom: .5em; }
.nw-article h2,
.nw-article h3,
.nw-article h4 {
color: var(--text-main);
margin: 1.6em 0 .6em;
line-height: 1.3;
}
.nw-article h2 { font-size: 1.5rem; }
.nw-article h3 { font-size: 1.25rem; }
.nw-article h4 { font-size: 1.08rem; }
.nw-article > :first-child { margin-top: 0; }
.nw-article > :last-child  { margin-bottom: 0; }
.nw-article a,
.nw-article a:link,
.nw-article a:visited { color: var(--nuke-blue) !important; text-decoration: underline; }
.nw-article a:hover,
.nw-article a:focus { color: var(--nuke-gold-dark) !important; }
html[data-theme="dark"] .nw-article a,
html[data-theme="dark"] .nw-article a:link,
html[data-theme="dark"] .nw-article a:visited { color: var(--nuke-blue-light) !important; }
html[data-theme="dark"] .nw-article a:hover,
html[data-theme="dark"] .nw-article a:focus { color: var(--nuke-gold) !important; }
.nw-article img {
max-width: 100%;
height: auto;
border-radius: var(--radius-sm);
}
.nw-table-wrap { overflow-x: auto; margin: 0 0 1.4em; }
.nw-article .nw-table-wrap table {
border-collapse: collapse;
width: 100%;
font-size: .95rem;
}
.nw-article .nw-table-wrap th,
.nw-article .nw-table-wrap td {
border: 1px solid var(--border-color);
padding: 8px 10px;
text-align: left;
vertical-align: top;
}
.nw-article .nw-table-wrap tr:nth-child(even) td { background: var(--bg-light); }
.nw-article .nw-link-retired {
color: var(--text-muted);
border-bottom: 1px dotted var(--border-color);
cursor: help;
}
.nw-archive-note {
display: flex;
gap: 14px;
align-items: flex-start;
margin: 0 0 28px;
padding: 16px 18px;
background: var(--bg-light);
border: 1px solid var(--border-color);
border-left: 4px solid var(--nuke-gold-dark);
border-radius: var(--radius-md);
color: var(--text-main);
font-size: .95rem;
line-height: 1.55;
}
.nw-archive-note i { color: var(--nuke-gold-dark); font-size: 1.15rem; margin-top: 2px; }
.nw-archive-note a { color: var(--nuke-blue); }
@media (max-width: 768px) {
.nw-article { margin: 16px 10px 32px; padding: 22px 18px; font-size: 1rem; }
.nw-archive-note { flex-direction: column; gap: 8px; }
}
.nw-admin-row { transition: background 0.2s; }
.nw-admin-row:hover { background: #f8fafc; }
html[data-theme="dark"] .nw-admin-row:hover { background: rgba(255,255,255,0.07); }