:root {
  color-scheme: light;
  --text: #334147;
  --background: #f5f7f9;
  --surface: white;
  --border: #e3e9ec;
  --muted: #687c8a;
  --accent: #007DA4;
  --button: #007DA4;
  --button-hover: #006986;
  --secondary-text: #334147;
  --hover: #edf2f5;
  --success-bg: #eaf6f1;
  --success-border: #cce7da;
  --success-text: #226a51;
  --success-ring: #a5d6bf;
  --error-bg: #fff0ee;
  --error-border: #DD4B3E;
  --error-text: #9e362d;
  --info-bg: #e8f4f7;
  --info-border: #83c5d8;
  --info-text: #075d78;
  --dot: #90a1ad;
  --ok-dot: #208366;
  --maintenance-dot: #c08a25;
  --error-dot: #DD4B3E;
  --badge-bg: #f1f4f6;
  --badge-text: #527082;
  --ok-bg: #edf7f1;
  --ok-text: #267758;
  --warning-bg: #fff7e8;
  --warning-text: #916b21;
  --link: #007DA4;
  --icon: #a7b8bf;
  --input-border: #bdcdd6;
  --notice-bg: #e4f3ed;
  --notice-warning: #fff0db;
  --danger: #DD4B3E;
  --danger-button: #DD4B3E;
  --focus: #007DA4;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --text: #e0e6e8;
  --background: #1f2a2f;
  --surface: #334147;
  --border: #52636a;
  --muted: #b8c5c9;
  --accent: #4bb4d0;
  --button: #007DA4;
  --button-hover: #006986;
  --secondary-text: #e0e6e8;
  --hover: #405158;
  --success-bg: #173b30;
  --success-border: #30644f;
  --success-text: #8cddba;
  --success-ring: #46836a;
  --error-bg: #4b2c2a;
  --error-border: #DD4B3E;
  --error-text: #ffb6af;
  --info-bg: #244955;
  --info-border: #3a8398;
  --info-text: #c0e5ef;
  --dot: #a4b6c3;
  --ok-dot: #63caa2;
  --maintenance-dot: #e6b451;
  --error-dot: #DD4B3E;
  --badge-bg: #405158;
  --badge-text: #c5d0d4;
  --ok-bg: #173b30;
  --ok-text: #8cddba;
  --warning-bg: #40351e;
  --warning-text: #f0cf89;
  --link: #4bb4d0;
  --icon: #9bb1b8;
  --input-border: #60747b;
  --notice-bg: #173b30;
  --notice-warning: #40351e;
  --danger: #ffb6af;
  --danger-button: #DD4B3E;
  --focus: #4bb4d0;
}


:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--background);font-size:15px;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}header{height:86px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1240px)/2));gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:750;var(--surface)-space:nowrap}.brand-icon{color:var(--accent);font-size:30px}.brand-sub{border-left:1px solid var(--border);padding-left:16px;margin-left:8px;color:var(--muted);font-weight:450;font-size:14px}nav{display:flex;align-items:center;gap:20px;font-size:14px}nav form{margin:0}.quiet{border:0;background:none;color:var(--muted);cursor:pointer}main{max-width:1240px;margin:0 auto;padding:48px 28px 70px;min-height:calc(100vh - 158px)}h1{font-size:40px;letter-spacing:-1.5px;line-height:1.15;margin:8px 0 14px;font-weight:700}h2{font-size:18px;margin:0}h3{font-size:16px;margin:6px 0}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.5px;color:var(--muted)}.muted{color:var(--muted)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.actions{display:flex;gap:10px}.button{border:1px solid var(--button);background:var(--button);color:#ffffff;border-radius:7px;padding:10px 18px;display:inline-block;font-weight:600;cursor:pointer;font-size:14px}.button:hover{background:var(--button-hover);text-decoration:none}.secondary{color:var(--secondary-text);background:var(--surface);border-color:var(--border)}.secondary:hover{background:var(--hover)}.small{padding:8px 14px}.summary{display:flex;gap:18px;align-items:center;padding:24px;background:var(--success-bg);border:1px solid var(--success-border);border-radius:10px;color:var(--success-text)}.summary p{margin:5px 0 0;font-size:13px}.summary-symbol{font-size:24px;border:1px solid var(--success-ring);border-radius:50%;width:43px;height:43px;display:grid;place-items:center;flex-shrink:0}.has-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0 32px}.stats>div,.stats>.status-card-link{border:1px solid var(--border);border-radius:9px;background:var(--surface);padding:20px 24px;display:flex;align-items:center;gap:18px}.stats strong{font-size:32px;font-weight:650}.stats span{font-size:13px;color:var(--muted)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--dot);flex-shrink:0}.dot.ok{background:var(--ok-dot)}.dot.maintenance{background:var(--maintenance-dot)}.dot.error{background:var(--error-dot)}.columns{display:grid;grid-template-columns:1.45fr 1fr;gap:24px;align-items:start}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--border);gap:12px}.panel-heading .muted{font-size:12px}.service-row{padding:19px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border);font-size:14px}.service-row:last-child{border:0}.service-row>div{display:flex;align-items:center;gap:12px}.row-end{flex-wrap:wrap;justify-content:flex-end}.badge{border-radius:5px;padding:4px 9px;font-size:11px;background:var(--badge-bg);color:var(--badge-text);var(--surface)-space:nowrap}.badge.ok{background:var(--ok-bg);color:var(--ok-text)}.badge.maintenance{background:var(--warning-bg);color:var(--warning-text)}.badge.error{background:var(--error-bg);color:var(--error-text)}.edit{color:var(--link);font-size:12px}.maintenance-card{padding:22px 24px;border-bottom:1px solid var(--border)}.maintenance-card p{color:var(--muted);font-size:13px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.chips span{font-size:11px;background:var(--badge-bg);padding:4px 8px;border-radius:4px;color:var(--badge-text)}.empty{padding:38px 25px;text-align:center;color:var(--muted);font-size:13px}.empty h3{color:var(--secondary-text);font-weight:500}.empty-icon{display:block;font-size:36px;color:var(--icon);margin:10px}.form-panel{max-width:740px;padding:28px;margin-top:25px}label{display:block;margin-bottom:6px;font-weight:500}input:not([type=checkbox]),select,textarea{width:100%;padding:10px 12px;border:1px solid var(--input-border);border-radius:6px;background:var(--surface);color:var(--text)}input[type=checkbox]{accent-color:var(--button)}textarea{resize:vertical}.errorlist{color:var(--error-text)}.notice{padding:14px 20px;border-radius:7px;background:var(--notice-bg);margin-bottom:20px}.notice.error,.notice.warning{background:var(--notice-warning)}.back{color:var(--link);display:inline-block;margin-bottom:20px}.danger-zone{margin-top:30px;max-width:740px;color:var(--danger)}.danger{background:var(--danger-button);border-color:var(--danger-button)}.token{display:block;padding:16px;background:var(--badge-bg);overflow-wrap:anywhere;margin:20px 0}footer{border-top:1px solid var(--border);max-width:1184px;margin:auto;padding:24px 0;color:var(--muted);font-size:12px;display:flex;justify-content:space-between}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(max-width:800px){header{height:auto;min-height:76px;padding:15px 20px;flex-wrap:wrap;gap:12px}.brand-sub{display:none}nav{gap:12px;flex-wrap:wrap}.columns{grid-template-columns:1fr}main{padding:30px 18px}h1{font-size:32px}.page-heading{align-items:start;flex-direction:column}.stats{gap:8px}.stats>div,.stats>.status-card-link{padding:15px 10px;flex-direction:column;gap:2px}.stats span{font-size:11px}.service-row{padding:17px}.panel-heading{padding:20px 17px}footer{padding:20px;gap:15px}.service-row>div{gap:8px}}

.external-weather{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin:-8px 0 28px;font-size:13px}.external-weather>span{color:var(--muted)}.external-weather a{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--accent);font-weight:600}.external-weather a:hover{background:var(--hover);border-color:var(--accent);text-decoration:none}

.theme-toggle{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;min-height:40px}
.theme-toggle[hidden]{display:none}

.group-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; background: var(--background); border-bottom: 1px solid var(--border); }
.group-heading h3 { margin: 0; font-size: 1rem; overflow-wrap: anywhere; }
.group-heading .edit { flex-shrink: 0; }

.maintenance-service-group { min-width: 0; margin: 1rem 0; padding: 1rem; border: 1px solid var(--border); border-radius: 6px; }
.maintenance-service-group legend { padding: 0 .4rem; font-weight: 600; overflow-wrap: anywhere; }
.maintenance-service-group label { overflow-wrap: anywhere; }
.maintenance-service-group .group-toggle { display: flex; align-items: center; gap: .4rem; margin: 0; font-weight: 600; cursor: pointer; }

/* Independent columns avoid gaps beneath shorter service groups. */
.board-sections { display: grid; gap: 32px; }
.board-sections > section { min-width: 0; }
.board-sections > section > .panel-heading { padding: 0 0 16px; border: 0; }
.service-grid { column-count: 2; column-gap: 18px; }
.service-grid .service-group { display: inline-block; width: 100%; min-width: 0; margin-bottom: 18px; break-inside: avoid; vertical-align: top; }
.service-grid .service-row { padding: 14px 18px; }
.service-grid .service-row > div:first-child { min-width: 0; overflow-wrap: anywhere; }
.service-grid .row-end { flex-shrink: 0; gap: 8px; }
.service-grid .badge { white-space: nowrap; }
.maintenance-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: start; max-height: 280px; overflow-y: auto; padding: 3px; }
.maintenance-grid .maintenance-card { padding: 18px; overflow-wrap: anywhere; }
.maintenance-grid .maintenance-card h3 { margin: 8px 0; }
.maintenance-grid .chips { margin: 12px 0; }
.service-grid > .empty, .maintenance-grid > .empty { grid-column: 1 / -1; margin: 0; padding: 20px; border: 1px dashed var(--border); border-radius: 10px; }
.maintenance-grid .empty-icon { display: none; }
@media (max-width: 1000px) {
  .maintenance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-grid .service-row { flex-wrap: wrap; gap: 8px; }
}
@media (max-width: 700px) {
  .service-grid { column-count: 1; }
  .maintenance-grid { grid-template-columns: minmax(0, 1fr); }
  .board-sections { gap: 24px; }
}

/* Explicit pixel rows keep the measured, balanced cards independent. */
.service-grid.is-balanced { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1px; column-gap: 18px; align-items: start; }
.service-grid.is-balanced .service-group { margin-bottom: 0; }

/* Group availability and service status use the same theme-aware palette. */
.group-progress { height: 6px; background: var(--border); overflow: hidden; }
.group-progress > span { display: block; height: 100%; }
.group-progress.ok > span { background: var(--ok-dot); }
.group-progress.maintenance > span { background: var(--maintenance-dot); }
.group-progress.error { background: var(--error-dot); }
.service-row.ok { background: var(--ok-bg); }
.service-row.maintenance { background: var(--warning-bg); }
.service-row.error { background: var(--error-bg); }
.service-row .badge { background: var(--surface); color: var(--text); }

.stats > .ok { background: var(--ok-bg); border-color: var(--success-border); }
.stats > .maintenance { background: var(--warning-bg); border-color: var(--maintenance-dot); }
.stats > .error { background: var(--error-bg); border-color: var(--error-border); }
.stats > .ok, .stats > .ok span { color: var(--ok-text); }
.stats > .maintenance, .stats > .maintenance span { color: var(--warning-text); }
.stats > .error, .stats > .error span { color: var(--error-text); }

.dashboard-summary { width: 100%; margin: 0 0 28px; }
.service-status-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 16px 0 18px; }
.status-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 88px; padding: 18px; border: 1px solid var(--border); border-radius: 8px; }
.status-card strong { font-size: 32px; line-height: 1; }
.status-card span { font-weight: 650; text-align: right; }
.status-card.ok { background: var(--ok-bg); border-color: var(--success-border); color: var(--ok-text); }
.status-card.maintenance { background: var(--warning-bg); border-color: var(--maintenance-dot); color: var(--warning-text); }
.status-card.error { background: var(--error-bg); border-color: var(--error-border); color: var(--error-text); }
.status-card.is-zero { opacity: .45; }
.status-card:hover { text-decoration: none; box-shadow: inset 0 0 0 2px currentColor; }

.event-section { min-width: 0; }
.event-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 12px; align-items: start; }
.event-grid:has(> :nth-child(5)) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.event-grid .maintenance-card, .event-grid .announcement-card { padding: 18px; overflow-wrap: anywhere; }
.event-grid .maintenance-card h3, .event-grid .announcement-card h3 { margin: 8px 0; }
.event-grid .chips { margin: 12px 0; }
.event-section.maintenances .maintenance-card { background: var(--warning-bg); border-color: var(--maintenance-dot); color: var(--warning-text); }
.event-section.maintenances .maintenance-card p, .event-section.maintenances .maintenance-card .eyebrow { color: var(--warning-text); }
.event-section.announcements .announcement-card { background: var(--info-bg); border-color: var(--info-border); color: var(--info-text); }
.event-section.announcements .announcement-card .eyebrow, .event-section.announcements .announcement-card p, .event-section.announcements .announcement-card .edit { color: var(--info-text); }

/* Native edit links cover their row/card, with existing links above them. */
.service-row, .group-heading, .maintenance-card { position: relative; }
.edit-hit-area { position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.edit-hit-area:hover { background: var(--text); opacity: .05; }
.edit-hit-area:focus-visible { outline-offset: -3px; }
.service-row a:not(.edit-hit-area), .maintenance-card h3 a { position: relative; z-index: 2; }

/* De-emphasize empty summary categories without changing their layout. */
.stats > .is-zero { opacity: .45; }

/* Notifications overlay the page without moving its contents. */
.flash-stack { position: fixed; z-index: 1000; top: 18px; left: 50%; transform: translateX(-50%); width: min(680px, calc(100% - 32px)); display: grid; gap: 10px; pointer-events: none; }
.flash-stack .notice { position: relative; display: flex; align-items: center; gap: 18px; margin: 0; padding: 16px 20px 20px; overflow: hidden; pointer-events: auto; border: 1px solid var(--success-border); box-shadow: 0 8px 28px #0003; color: var(--success-text); transition: opacity 250ms ease; }
.flash-stack .notice > span:first-child { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.flash-stack .notice.warning, .flash-stack .notice.error { color: var(--warning-text); border-color: var(--maintenance-dot); }
.flash-close { border: 0; background: transparent; color: inherit; cursor: pointer; font-size: 24px; padding: 0 6px; line-height: 1.2; }
.flash-close[hidden] { display: none; }
.flash-timer { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: currentColor; transform-origin: left; }
.is-counting-down .flash-timer { animation: flash-countdown var(--flash-duration, 5000ms) linear forwards; }
[data-flash-message].is-dismissing { opacity: 0; }
@keyframes flash-countdown { to { transform: scaleX(0); } }
@media (prefers-reduced-motion: reduce) {
  .flash-stack .notice { transition: none; }
  .is-counting-down .flash-timer { animation-timing-function: steps(5, end); }
}

/* Global status leads the three counters on the same row. */
.stats { grid-template-columns: minmax(0, 2.4fr) repeat(3, minmax(0, 1fr)); margin-top: 0; }
.stats > .summary { min-width: 0; padding: 20px; gap: 14px; }
.summary h2 { font-size: 16px; }
.summary.has-maintenance { background: var(--warning-bg); border-color: var(--maintenance-dot); color: var(--warning-text); }
.summary.has-maintenance .summary-symbol, .summary.has-error .summary-symbol { border-color: currentColor; }
@media (max-width: 1000px) {
  .stats { gap: 10px; }
  .stats > div, .stats > .status-card-link { padding: 16px 10px; flex-direction: column; gap: 2px; justify-content: center; }
  .event-grid:has(> :nth-child(5)) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .stats > .summary { grid-column: 1 / -1; }
  .service-status-cards { grid-template-columns: minmax(0, 1fr); }
  .event-grid, .event-grid:has(> :nth-child(5)) { grid-template-columns: minmax(0, 1fr); }
}

/* Account actions share a single named control in the header. */
.account-menu { position: relative; }
.account-menu > summary { display: flex; align-items: center; gap: 12px; list-style: none; }
.account-menu > summary::-webkit-details-marker { display: none; }
.account-chevron { transition: transform 150ms ease; }
.account-menu[open] .account-chevron { transform: rotate(180deg); }
.account-dropdown { position: absolute; top: calc(100% + 8px); right: 0; z-index: 100; min-width: 190px; max-width: calc(100vw - 40px); padding: 6px; background: var(--surface); border: 1px solid var(--border); border-radius: 8px; box-shadow: 0 8px 24px #0002; }
.account-dropdown > a, .account-dropdown button { display: block; width: 100%; padding: 10px 12px; border: 0; border-radius: 5px; background: transparent; color: var(--text); text-align: left; font: inherit; cursor: pointer; }
.account-dropdown > a:hover, .account-dropdown button:hover { background: var(--hover); text-decoration: none; }
.account-dropdown form { margin-top: 4px; padding-top: 4px; border-top: 1px solid var(--border); }
.account-dropdown a[href="/configuration/"] { display: none; }

.brand .brand-icon { display: none; }
.brand::before { content: ""; width: 56px; height: 60px; flex-shrink: 0; background: url("img/logo.8beaf21b8a44.png") center / contain no-repeat; }
@media (max-width: 480px) {
  .brand { font-size: 19px; gap: 9px; }
  .brand::before { width: 42px; height: 46px; }
}

.status-card-link:hover { text-decoration: none; box-shadow: inset 0 0 0 2px currentColor; }
.stats > .status-card-link.is-zero { opacity: .75; }

/* A quiet creation menu keeps all three actions within reach. */
.create-menu-toggle { padding: 8px 10px; border-radius: 5px; color: var(--muted); font-size: 14px; cursor: pointer; }
.create-menu-toggle:hover, .create-menu[open] > summary { color: var(--text); background: var(--hover); }
.create-menu .account-dropdown { left: 0; right: auto; min-width: 240px; }
@media (max-width: 1100px) {
  header { height: auto; min-height: 86px; padding-top: 15px; padding-bottom: 15px; flex-wrap: wrap; gap: 12px; }
  header > nav { flex-wrap: wrap; gap: 12px; }
}

.announcements-section { margin-bottom: 28px; }
.announcement-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.announcement-card { padding: 22px; overflow-wrap: anywhere; }
.announcement-card h3 { font-size: 19px; margin: 12px 0; }
.announcement-feed { display: grid; gap: 16px; max-width: 860px; }
.listing-section { margin: 28px 0; }
.listing-section > .panel-heading { padding: 0 0 12px; border: 0; }
.listing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 12px; align-items: start; }
.listing-grid .maintenance-card, .listing-grid .announcement-card { padding: 18px; overflow-wrap: anywhere; }
.listing-grid .maintenance-card h3, .listing-grid .announcement-card h3 { margin: 8px 0; }
.listing-section.maintenances .maintenance-card { background: var(--warning-bg); border-color: var(--maintenance-dot); color: var(--warning-text); }
.listing-section.maintenances .maintenance-card p, .listing-section.maintenances .maintenance-card .eyebrow { color: var(--warning-text); }
.listing-section.announcements .announcement-card { background: var(--info-bg); border-color: var(--info-border); color: var(--info-text); }
.listing-section.announcements .announcement-card .eyebrow, .listing-section.announcements .announcement-card p, .listing-section.announcements .announcement-card .edit { color: var(--info-text); }
.listing-section.completed .listing-grid { opacity: .52; }
.announcement-editor { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.announcement-editor .form-panel { width: 100%; margin-top: 0; box-sizing: border-box; }
.email-preview iframe { width: 100%; height: 720px; border: 1px solid var(--border); border-radius: 10px; margin-top: 16px; background: #eef2f6; }
.announcement-body { overflow-wrap: anywhere; }
.announcement-actions, .pagination { margin-top: 24px; display: flex; gap: 16px; flex-wrap: wrap; }
.delivery-row { padding: 16px 0; border-bottom: 1px solid var(--border); overflow-wrap: anywhere; }
@media (max-width: 800px) { .announcement-grid, .announcement-editor, .listing-grid { grid-template-columns: 1fr; } }

.form-field { margin-bottom: 20px; }
.checkbox-label { display: flex; align-items: center; gap: 9px; cursor: pointer; }
.checkbox-label input { flex: 0 0 auto; margin: 0; }
.form-choices { border: 0; padding: 0; margin: 0; min-width: 0; }
.form-choices > legend { font-weight: 500; margin-bottom: 8px; padding: 0; }
.form-field .helptext { color: var(--muted); font-size: 13px; margin: 6px 0 0; }
.announcement-editor .actions { flex-wrap: wrap; }
.expiration-shortcuts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: -4px 0 20px; }
.expiration-shortcuts > span { width: 100%; color: var(--muted); font-size: 13px; }
.expiration-shortcuts .button { padding: 6px 10px; }

.english-message { border-top: 1px solid var(--border); margin-top: 24px; padding-top: 24px; }

.incident-card { display: block; background: var(--error-bg); border-color: var(--error-border); color: var(--error-text); }
.incident-card .eyebrow, .incident-card p { color: var(--error-text); }
.incident-card:hover { text-decoration: none; border-color: var(--error-text); }
.incident-card-link { font-size: 13px; text-decoration: underline; }
.incident-actions { flex-wrap: wrap; }

.incident-detail-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); gap: 24px; align-items: start; margin-top: 25px; }
.incident-detail-layout > .form-panel { max-width: none; margin-top: 0; min-width: 0; }
.incident-services-caption { padding: 0 24px; font-size: 13px; }
.incident-services .service-row { border: 0; }
.incident-services .service-row > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.incident-services .badge { flex-shrink: 0; }
.incident-services .badge.ok { background: var(--ok-bg); color: var(--ok-text); }
.incident-services .badge.maintenance { background: var(--warning-bg); color: var(--warning-text); }
.incident-services .badge.error { background: var(--error-bg); color: var(--error-text); }
@media (max-width: 800px) { .incident-detail-layout { grid-template-columns: minmax(0, 1fr); } }