.zs-card[hidden] { display:none !important; }
.zs-card { margin:0 0 30px; padding:22px 24px; color:var(--zarro-ink,#21172f); background:#fff; border:1px solid var(--zarro-border,#e7e2ee); border-radius:14px; box-shadow:0 3px 16px rgba(33,23,47,.035); font-family:inherit; }
.zs-card .zs-card-heading { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.zs-card .zs-icon { display:flex; align-items:center; justify-content:center; width:38px; height:38px; flex-shrink:0; border-radius:11px; background:#f1e5fc; color:#8300e9; font-size:24px; font-weight:600; }
.zs-card .zs-eyebrow { display:block; font-size:.62rem; font-weight:600; letter-spacing:.12em; color:var(--zarro-muted,#665d72); margin-bottom:3px; }
.zs-card h2 { margin:0; font-size:1rem; font-weight:600; letter-spacing:-.025em; }
.zs-card .zs-full-link { margin-left:auto; font-size:.76rem; color:#6900bb; font-weight:600; text-decoration:none; }
.zs-card .zs-full-link:hover { text-decoration:underline; }
.zs-panel .zs-summary { display:inline-flex; align-items:center; gap:8px; margin:0 0 6px; padding:6px 10px; font-size:.8rem; font-weight:600; border-radius:7px; }
.zs-panel .zs-summary::before { content:''; width:7px; height:7px; background:currentColor; border-radius:50%; flex-shrink:0; }
.zs-panel .zs-up { color:#166043; background:#e8f6ee; }
.zs-panel .zs-down { color:#9c2533; background:#fdecef; }
.zs-panel .zs-pending,.zs-panel .zs-maintenance,.zs-panel .zs-notice { color:#795200; background:#fff4da; }
.zs-panel .zs-unknown { color:#62576e; background:#f1edf7; }
.zs-panel .zs-details { margin-top:8px; }
.zs-panel summary { cursor:pointer; font-weight:600; color:#6900bb; font-size:.76rem; padding:8px 0; }
.zs-panel .zs-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 24px; padding-top:4px; }
.zs-panel h4 { font-size:.78rem; font-weight:600; margin:12px 0 6px; color:#665d72; }
.zs-panel ul { list-style:none; padding:0; margin:0; }
.zs-panel li { display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; border-bottom:1px solid #eee8f4; padding:10px 0; font-size:.76rem; }
.zs-panel li > span:first-child { flex:1; min-width:140px; }
.zs-panel .zs-badge { padding:3px 7px; border-radius:6px; font-size:.66rem; }
.zs-panel small { color:#665d72; font-size:.65rem; }
.zs-panel .zs-muted { color:#665d72; font-size:.68rem; margin:8px 0 0; }
.zs-panel .zs-incident { border-left:3px solid #8300e9; background:#f7f1fc; padding:12px; margin:12px 0; font-size:.8rem; }
.zs-panel .zs-incident p { white-space:pre-wrap; margin:6px 0 0; }
.zs-card a:focus-visible,.zs-card summary:focus-visible { outline:3px solid #8300e9; outline-offset:3px; }
@media(max-width:767.98px) { .zs-card { padding:18px; } .zs-panel .zs-groups { grid-template-columns:1fr; } .zs-card .zs-card-heading { flex-wrap:wrap; } .zs-card .zs-full-link { margin-left:50px; } }

.zs-page-welcome { margin:0 0 26px; padding:28px 30px; border-radius:18px; background:linear-gradient(115deg,#285868,#5240b4 65%,#7900cc); color:#fff; }
.zs-page-welcome .zs-page-eyebrow { font-size:.7rem; font-weight:600; letter-spacing:.14em; }
.zs-page-welcome h2 { font-size:1.8rem; font-weight:700; color:#fff; margin:10px 0; }
.zs-page-welcome p { margin:0; font-size:.88rem; color:#fff; }
@media(max-width:575.98px) { .zs-page-welcome { padding:24px 20px; } }
/* Dedicated status page: roomy service groups and a persistent top refresh bar. */
.zs-card { padding:28px 30px; }
.zs-card h2 { font-size:1.25rem; }
.zs-panel .zs-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:10px 20px; margin-bottom:24px; padding:14px 16px; background:#f7f4fb; border-radius:10px; font-size:.78rem; }
.zs-panel .zs-fetched { font-weight:600; }
.zs-refresh-state { color:#665d72; margin-left:auto; }
.zs-refreshing::before { content:''; display:inline-block; width:11px; height:11px; border:2px solid #d8c6e8; border-top-color:#8300e9; border-radius:50%; margin-right:7px; animation:zs-spin .8s linear infinite; vertical-align:middle; }
@keyframes zs-spin { to { transform:rotate(360deg); } }
.zs-refresh-button { border:1px solid #d9c7e9; background:#fff; color:#6900bb; padding:8px 12px; border-radius:8px; font-family:inherit; font-size:.76rem; font-weight:600; cursor:pointer; }
.zs-refresh-button:disabled { opacity:.6; cursor:wait; }
.zs-panel .zs-summary { display:flex; padding:18px 20px; font-size:1rem; margin:0 0 24px; }
.zs-panel .zs-groups { display:block; }
.zs-panel .zs-group { border:1px solid #e7e2ee; border-radius:12px; margin-bottom:18px; overflow:hidden; }
.zs-panel .zs-group > summary { display:list-item; list-style-position:inside; background:#f8f5fc; padding:16px 20px; font-size:.95rem; color:#21172f; }
.zs-panel .zs-group > summary small { margin-left:12px; font-weight:400; }
.zs-panel .zs-group ul { padding:0 20px; }
.zs-panel .zs-group li { padding:16px 0; font-size:.88rem; }
.zs-panel .zs-group li:last-child { border-bottom:0; }
.zs-panel .zs-badge { font-size:.75rem; padding:5px 10px; }
.zs-panel .zs-group li small { font-size:.74rem; }
.zs-panel .zs-incident { padding:20px; font-size:.88rem; }
.zs-notice-type { font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; color:#6900bb; }
.zs-panel .zs-incident h3 { font-size:1rem; margin:8px 0; }
.zs-history { margin:30px 0; }
.zs-history h2 { font-size:1.3rem; font-weight:600; }
.zs-history-intro { font-size:.85rem; color:#665d72; }
.zs-history-item { background:#fff; border:1px solid #e7e2ee; border-radius:12px; padding:18px 22px; margin-bottom:12px; }
.zs-history-item summary { cursor:pointer; font-weight:600; font-size:.9rem; }
.zs-history-item summary small { margin-left:12px; color:#665d72; font-weight:400; font-size:.72rem; }
.zs-history-item p { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.8; font-size:.85rem; margin-top:18px; }
.zs-history-item > small,.zs-history .zs-muted { color:#665d72; font-size:.75rem; }
@media(max-width:575.98px) { .zs-card { padding:20px 16px; } .zs-refresh-state { margin-left:0; } .zs-panel .zs-group > summary { padding:14px; } .zs-panel .zs-group ul { padding:0 14px; } }
@media(prefers-reduced-motion:reduce) { .zs-refreshing::before { animation:none; } }

.zs-tabs[hidden], [role="tabpanel"][hidden] { display:none !important; }
.zs-tabs { display:inline-flex; gap:5px; padding:5px; margin-bottom:24px; background:#eee7f6; border-radius:11px; }
.zs-tabs button { border:0; border-radius:8px; padding:10px 22px; font-family:inherit; font-size:.86rem; font-weight:600; background:transparent; color:#665d72; cursor:pointer; }
.zs-tabs button[aria-selected="true"] { background:#fff; color:#6900bb; box-shadow:0 2px 8px rgba(33,23,47,.07); }
.zs-tabs button:focus-visible { outline:3px solid #8300e9; outline-offset:2px; }

.zs-page-welcome { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.zs-welcome-copy { flex:1; }
.zs-overall { flex:0 1 340px; }
.zs-overall .zs-summary { margin:0; padding:17px 20px; border-radius:12px; font-size:.88rem; line-height:1.6; font-weight:600; box-shadow:0 4px 18px rgba(0,0,0,.06); }
.zs-overall .zs-summary::before { content:'●'; margin-right:8px; }
.zs-overall .zs-up { background:#e8f6ee; color:#166043; }
.zs-overall .zs-maintenance,.zs-overall .zs-pending,.zs-overall .zs-notice { background:#fff4da; color:#795200; }
.zs-overall .zs-down { background:#fdecef; color:#9c2533; }
.zs-overall .zs-unknown { background:#f1edf7; color:#62576e; }
.zs-panel .zs-maintenance-notice { margin:0 0 24px; border:1px solid #edd396; border-left:4px solid #c18a15; background:#fffaed; border-radius:12px; padding:20px 24px; color:#654b18; }
.zs-maintenance-notice .zs-maintenance-label { font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.05em; color:#795200; }
.zs-panel .zs-maintenance-notice h3 { color:#533d12; font-size:1.05rem; margin:10px 0; font-weight:600; }
.zs-panel .zs-maintenance-notice p { white-space:pre-wrap; font-size:.87rem; margin:10px 0; }
.zs-panel .zs-maintenance-notice h4 { color:#795200; margin:18px 0 8px; font-size:.76rem; }
.zs-panel .zs-affected { display:flex; flex-wrap:wrap; gap:8px; }
.zs-panel .zs-affected li { display:block; min-width:0; padding:5px 10px; border:1px solid #ead396; border-radius:7px; background:#fff3d1; color:#654b18; font-size:.76rem; }
.zs-maintenance-notice small { display:block; margin-top:12px; font-size:.72rem; color:#795200; }
@media(max-width:991.98px){.zs-page-welcome { align-items:stretch; flex-direction:column; gap:20px; }.zs-overall { flex:auto; max-width:100%; }}

.zs-panel .zs-maintenance-label { display:flex; align-items:center; gap:10px; }
.zs-maintenance-icon { width:29px; height:29px; display:inline-block; flex-shrink:0; background:currentColor; -webkit-mask:url('wrench.svg') center/contain no-repeat; mask:url('wrench.svg') center/contain no-repeat; }
.zs-markdown { font-size:.87rem; line-height:1.8; overflow-wrap:anywhere; }
.zs-markdown p { margin:10px 0; white-space:normal !important; }
.zs-markdown strong { font-weight:700; }
.zs-markdown pre { overflow:auto; padding:12px; background:rgba(0,0,0,.035); border-radius:6px; }
.zs-markdown a { color:#6900bb; text-decoration:underline; }
.zs-panel .zs-markdown ul,.zs-panel .zs-markdown ol { display:block; list-style:revert; padding-left:24px; }
.zs-panel .zs-markdown li { display:list-item; padding:0; border:0; }

/* Shared history presentation follows the live Status card. */
.zs-card .zs-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:10px 20px; margin-bottom:24px; padding:14px 16px; background:#f7f4fb; border-radius:10px; font-size:.78rem; }
.zs-card .zs-toolbar .zs-muted { margin:0; color:#665d72; font-size:.78rem; flex:1; }
.zs-card .zs-toolbar > .zs-refresh-button { margin-left:auto; }
.zs-task-section { margin-bottom:28px; }
.zs-section-heading { display:flex; align-items:center; gap:10px; padding:0 0 12px; margin-bottom:14px; border-bottom:1px solid #e7e2ee; }
.zs-section-heading h3 { margin:0; font-size:1rem; font-weight:600; color:#21172f; }
.zs-section-count { border-radius:20px; background:#eee7f6; color:#665d72; padding:2px 9px; font-size:.72rem; }
.zs-card .zs-history-item { padding:0; overflow:hidden; }
.zs-card .zs-history-item > summary { padding:16px 20px; background:#f8f5fc; list-style-position:inside; line-height:1.8; color:#21172f; }
.zs-card .zs-history-item > summary small { display:inline-block; border-radius:6px; padding:3px 9px; margin-left:12px; background:#eee7f6; color:#665d72; }
.zs-entry-body { padding:4px 22px 20px; }
.zs-entry-body h4 { font-size:.78rem; font-weight:600; margin:18px 0 8px; }
.zs-schedule { display:flex; flex-wrap:wrap; gap:5px 16px; margin-top:18px; padding:12px 14px; border-radius:8px; background:#f7f4fb; font-size:.78rem; }
.zs-meta-label { font-weight:600; }
.zs-monitor-chips { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0; }
.zs-monitor-chips li { padding:5px 10px; border:1px solid #e1d5ee; border-radius:7px; background:#f5effb; font-size:.76rem; }
.zs-task-active .zs-history-item { border-color:#edd396; border-left:4px solid #c18a15; }
.zs-task-active .zs-history-item > summary { background:#fffaed; color:#795200; }
.zs-task-active .zs-history-item > summary small { background:#fff0c8; color:#795200; }
.zs-task-upcoming .zs-history-item { border-left:4px solid #8300e9; }
.zs-task-upcoming .zs-history-item > summary small { background:#f1e5fc; color:#6900bb; }
.zs-task-past .zs-history-item { border-left:4px solid #b4aabc; }
.zs-notice-entry > .zs-markdown { padding:4px 22px 12px; }
.zs-notice-entry > small { display:block; padding:0 22px 18px; color:#665d72; font-size:.72rem; }
.zs-card button:focus-visible { outline:3px solid #8300e9; outline-offset:3px; }
@media(max-width:575.98px){.zs-card .zs-toolbar { align-items:flex-start; }.zs-card .zs-history-item > summary { padding:14px; }.zs-card .zs-history-item > summary small { margin-left:4px; }.zs-entry-body { padding:4px 14px 16px; }}

.zs-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:18px; margin-top:22px; border-top:1px solid #e7e2ee; font-size:.78rem; color:#665d72; }
.zs-pagination .zs-refresh-button:disabled { cursor:default; opacity:.45; }
.zs-card .zs-history-item > summary .zs-accordion-date { display:block; margin:7px 0 0; padding:0; background:none; font-size:.73rem; color:#665d72; font-weight:400; }
.zs-card .zs-history-item > summary .zs-impact-primary { background:#e8f6ee; color:#166043; }
.zs-card .zs-history-item > summary .zs-impact-info { background:#e9f3ff; color:#245d96; }
.zs-card .zs-history-item > summary .zs-impact-warning { background:#fff0db; color:#96520a; }
.zs-card .zs-history-item > summary .zs-impact-danger { background:#fdecef; color:#9c2533; }
.zs-timeline-update { position:relative; padding:0 0 18px 22px; margin:18px 0 0 5px; border-left:2px solid #dfd1ef; }
.zs-timeline-update::before { content:''; position:absolute; left:-6px; top:7px; width:10px; height:10px; border-radius:50%; background:#8300e9; box-shadow:0 0 0 4px #f3eafa; }
.zs-update-time { font-size:.78rem; font-weight:600; color:#6900bb; }
.zs-change-reference { display:inline-flex; align-items:center; flex-wrap:wrap; gap:10px; padding:7px 12px; border:1px solid #dcd0e9; background:#f5effb; border-radius:8px; margin:10px 0; font-size:.76rem; color:#665d72; }
.zs-change-reference strong { color:#6900bb; }

.zs-summary-services { display:flex; align-items:center; flex-wrap:wrap; gap:5px 8px; margin-top:10px; font-size:.73rem; font-weight:400; }
.zs-service-chip { display:inline-block; padding:3px 9px; border:1px solid #e1d5ee; background:#fff; color:#665d72; border-radius:6px; }
.zs-header-reference { display:inline-block; float:right; margin-left:12px; padding:4px 10px; border:1px solid #dcd0e9; border-radius:7px; background:#f5effb; color:#6900bb; font-size:.74rem; font-weight:600; text-transform:none; letter-spacing:normal; }
.zs-maintenance-label .zs-header-reference { margin-left:auto; }
.zs-panel .zs-maintenance-window { font-size:.78rem; color:#795200; font-weight:600; }
.zs-card .zs-history-item > summary .zs-incident-active { background:#fff0db; color:#96520a; }
.zs-card .zs-history-item > summary .zs-incident-resolved { background:#e8f6ee; color:#166043; }
.zs-rca { border:1px solid #d8c4ed; border-left:4px solid #8300e9; background:#f8f3fc; border-radius:10px; padding:16px 20px; margin:20px 0; }
.zs-rca h4 { margin:0 0 12px; color:#6900bb; font-size:.9rem; font-weight:600; }
.zs-filters { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; padding:16px; margin-bottom:24px; border:1px solid #e7e2ee; border-radius:10px; background:#fcfaff; }
.zs-filters label { display:flex; flex-direction:column; gap:7px; margin:0; font-size:.75rem; color:#665d72; }
.zs-filters label:first-child { flex:1; min-width:210px; }
.zs-filters input,.zs-filters select { font:inherit; color:#21172f; background:#fff; border:1px solid #d9c7e9; border-radius:7px; padding:9px 10px; min-height:38px; }
.zs-filters input:focus-visible,.zs-filters select:focus-visible { outline:2px solid #8300e9; outline-offset:2px; }
@media(max-width:575.98px){.zs-header-reference { float:none; margin:6px 0; }.zs-maintenance-label { flex-wrap:wrap; }.zs-filters label { width:100%; }}

.zs-active-incident { --zs-tone:#245d96; --zs-tone-border:#bfd9f3; --zs-tone-bg:#f0f7ff; margin:0 0 24px; padding:20px 24px; border:1px solid var(--zs-tone-border); border-left:4px solid var(--zs-tone); border-radius:12px; background:var(--zs-tone-bg); color:#21172f; }
.zs-active-incident.zs-tone-primary { --zs-tone:#166043; --zs-tone-border:#b8dfcb; --zs-tone-bg:#f0faf4; }
.zs-active-incident.zs-tone-warning { --zs-tone:#96520a; --zs-tone-border:#edd09f; --zs-tone-bg:#fff8ed; }
.zs-active-incident.zs-tone-danger { --zs-tone:#9c2533; --zs-tone-border:#edbdc4; --zs-tone-bg:#fff2f4; }
.zs-active-heading { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:12px; color:var(--zs-tone); }
.zs-active-heading .zs-notice-type { color:inherit; font-weight:600; }
.zs-active-icon { display:inline-flex; justify-content:center; align-items:center; width:29px; height:29px; border:2px solid currentColor; border-radius:50%; font-size:20px; font-weight:700; }
.zs-active-heading .zs-category-pill { border-radius:7px; padding:4px 10px; border:1px solid var(--zs-tone-border); background:#fff; font-size:.74rem; font-weight:600; }
.zs-active-heading .zs-header-reference { margin-left:auto; }
.zs-active-incident h3 { margin:10px 0; font-size:1.05rem; color:var(--zs-tone); font-weight:600; }
.zs-active-incident .zs-summary-services { margin:14px 0; }
.zs-active-incident .zs-service-chip { border-color:var(--zs-tone-border); color:var(--zs-tone); background:#fff; padding:5px 10px; }
.zs-update-history { border:1px solid #dfd1ef; border-radius:8px; padding:0 14px; margin:18px 0; background:rgba(255,255,255,.7); }
.zs-update-history > summary,.zs-panel .zs-update-history > summary { cursor:pointer; color:#6900bb; font-size:.78rem; font-weight:600; padding:12px 0; list-style-position:inside; }
.zs-update-history > div { padding-bottom:8px; }
.zs-active-incident .zs-timeline-update:last-child { padding-bottom:0; }
.zs-active-incident .zs-update-history:focus-visible { outline:3px solid #8300e9; outline-offset:3px; }

/* Standalone updates do not need a timeline rail or marker. */
.zs-single-update { margin:18px 0; padding:14px 18px; border:1px solid #e0d4ec; border-radius:9px; background:rgba(255,255,255,.7); }
.zs-single-update .zs-update-time { margin-bottom:6px; }
.zs-single-update p:last-child { margin-bottom:0; }
.zs-active-incident .zs-single-update { border-color:var(--zs-tone-border); }
.zs-active-incident .zs-single-update .zs-update-time { color:var(--zs-tone); }
.zs-update-history .zs-single-update { margin:4px 0 12px; border:0; background:transparent; padding:10px 4px; }

.zs-incident-dates { display:flex; flex-wrap:wrap; gap:8px 24px; margin:12px 0; font-size:.75rem; color:#665d72; }
.zs-latest-heading { margin:0 0 10px; color:inherit; font-size:.85rem; font-weight:700; }
.zs-card .zs-history-item > summary .zs-accordion-date { display:table; margin-top:12px; padding:8px 12px; border:1px solid #dfd3ec; border-radius:7px; background:#fff; color:#3c2a50; font-weight:600; line-height:1.7; }
.zs-task-active .zs-history-item > summary .zs-accordion-date { border-color:#edd396; color:#795200; }

.zs-subscriptions > p { font-size:.85rem; line-height:1.7; color:#665d72; }
[data-zs-subscription-options] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:18px 0; }
[data-zs-subscription-options] label { display:flex; align-items:center; gap:10px; padding:12px; border:1px solid #e7e2ee; border-radius:8px; font-size:.8rem; font-weight:400; }
[data-zs-subscription-options] input { accent-color:#8300e9; }
[data-zs-subscription-result] { color:#665d72; font-size:.78rem; margin:12px 0 0; }
@media(max-width:575.98px){[data-zs-subscription-options] { grid-template-columns:1fr; }}

/* Primary tabs left; subscription tab is a distinct action at the right. */
.zs-tabs { display:flex; width:100%; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; padding:0; background:transparent; }
.zs-tab-primary { display:inline-flex; align-items:center; gap:5px; padding:5px; border-radius:11px; background:#eee7f6; }
.zs-tabs .zs-subscribe-tab { margin-left:auto; padding:13px 24px; background:#6900bb; color:#fff; border:1px solid #6900bb; }
.zs-tabs .zs-subscribe-tab[aria-selected="true"] { color:#6900bb; background:#fff; box-shadow:none; }
@media(max-width:575.98px){.zs-tab-primary { flex-wrap:wrap; }.zs-tab-primary button { padding:10px 14px; }.zs-tabs .zs-subscribe-tab { padding:11px 20px; }}

.zs-subscription-fieldset { border:0; margin:20px 0; padding:0; min-width:0; }
.zs-subscription-fieldset legend { border:0; margin:0 0 10px; padding:0; color:#21172f; font-size:.95rem; font-weight:600; }
[data-zs-subscription-types] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
[data-zs-subscription-types] label { display:flex; align-items:flex-start; gap:10px; padding:14px; border:1px solid #e7e2ee; border-radius:8px; font-weight:400; cursor:pointer; }
[data-zs-subscription-types] input { accent-color:#8300e9; margin-top:4px; }
[data-zs-subscription-types] strong { display:block; font-size:.83rem; color:#21172f; }
[data-zs-subscription-types] small { display:block; margin-top:5px; font-size:.76rem; color:#665d72; line-height:1.6; }
@media(max-width:575.98px){[data-zs-subscription-types] { grid-template-columns:1fr; }}

.zs-active-maintenance-task { padding-top:12px; }
.zs-active-maintenance-task + .zs-active-maintenance-task { border-top:1px solid #ead396; margin-top:24px; padding-top:24px; }
.zs-maintenance-task-heading { display:flow-root; }
.zs-maintenance-task-heading .zs-header-reference { margin-top:8px; }

.zs-cache-warning,.zs-panel .zs-cache-warning { padding:10px 12px; margin:10px 0 16px; border:1px solid #ead396; border-radius:7px; background:#fff4da; color:#795200; font-size:.78rem; line-height:1.6; }

.zs-planned-banner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px 24px; padding:18px 20px; margin:0 0 24px; border:1px solid #d9c7e9; border-left:4px solid #8300e9; border-radius:11px; background:#f7f0fc; color:#3c2450; }
.zs-planned-banner > div { flex:1; min-width:200px; }
.zs-planned-banner strong { font-size:.9rem; font-weight:600; }
.zs-panel .zs-planned-banner p { margin:7px 0 0; font-size:.77rem; color:#665d72; line-height:1.6; }
.zs-planned-banner a { display:inline-block; text-decoration:none; white-space:nowrap; }

/* Initial monitoring fetch: an unavailable cache is not an immediate outage. */
.zs-loading{display:flex;align-items:center;gap:12px}
.zs-loading::before{content:'';display:inline-block;flex:0 0 18px;width:18px;height:18px;border:2px solid #d9c9e9;border-top-color:#7900ce;border-radius:50%;animation:zs-loading-spin .8s linear infinite}
@keyframes zs-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.zs-loading::before{animation:none;border-style:dotted}}