.service-status-widget{width:100%;height:100%;overflow:hidden;text-align:left;line-height:1.25;font-family:Inter,Arial,sans-serif}
.service-status-board{box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:100%;padding:2.4%;gap:2%;color:#edf5ff;background:radial-gradient(ellipse at top right,#153754,transparent 70%),#081521;--status-muted:#abc0d4;--status-border:#2d455b}
.service-status-board.theme-light{color:#132a40;background:radial-gradient(ellipse at top right,#cfe7f8,transparent 70%),#eef4fa;--status-muted:#405970;--status-border:#bdcddd}
.service-status-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}
.service-status-heading h2{margin:4px 0 0;font-size:calc(var(--status-unit)*1.65);font-weight:750;line-height:1.1}
.service-status-eyebrow{font-size:calc(var(--status-unit)*.62);text-transform:uppercase;letter-spacing:.16em;color:var(--status-muted)}
.service-status-live-note{font-size:calc(var(--status-unit)*.64);color:var(--status-muted);text-align:right}
.service-status-grid{display:grid;grid-template-columns:repeat(var(--status-columns),minmax(0,1fr));grid-template-rows:repeat(var(--status-rows),minmax(0,1fr));gap:calc(var(--status-unit)*.5);min-height:0;flex:1}
.service-status-tile{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;min-height:0;padding:calc(var(--status-unit)*.62);border:1px solid var(--status-border);border-radius:calc(var(--status-unit)*.45);background:rgba(128,156,188,.08);--status-accent:#bdcddd}
.service-status-tile.state-operational{--status-accent:#65dfa0}.theme-light .service-status-tile.state-operational{--status-accent:#14633b}
.service-status-tile.state-degraded,.service-status-tile.state-maintenance,.service-status-tile.state-scheduled_maintenance{--status-accent:#ffd37b}.theme-light .service-status-tile.state-degraded,.theme-light .service-status-tile.state-maintenance,.theme-light .service-status-tile.state-scheduled_maintenance{--status-accent:#765006}
.service-status-tile.state-outage,.service-status-tile.state-security_event{--status-accent:#ff9b9b}.theme-light .service-status-tile.state-outage,.theme-light .service-status-tile.state-security_event{--status-accent:#a32020}
.service-status-tile-head{display:flex;align-items:center;justify-content:space-between;font-size:calc(var(--status-unit)*.54);color:var(--status-muted);gap:8px}
.service-status-category{text-transform:uppercase;letter-spacing:.08em}.service-status-symbol{color:var(--status-accent);border:1px solid var(--status-accent);border-radius:50%;width:1.7em;height:1.7em;display:grid;place-items:center;font-weight:bold;flex-shrink:0}
.service-status-tile h3{font-size:calc(var(--status-unit)*1.03);line-height:1.15;margin:calc(var(--status-unit)*.24) 0;min-height:2.3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.service-status-label{color:var(--status-accent);font-size:calc(var(--status-unit)*.75);font-weight:700;line-height:1.18}
.service-status-detail{font-size:calc(var(--status-unit)*.55);line-height:1.35;color:var(--status-muted);margin:calc(var(--status-unit)*.22) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.service-status-tile footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;font-size:calc(var(--status-unit)*.46);margin-top:auto;padding-top:calc(var(--status-unit)*.22);color:var(--status-muted)}
.service-status-tile a{color:inherit;text-decoration:underline}.service-status-footer{display:flex;justify-content:space-between;gap:10px;font-size:calc(var(--status-unit)*.55);color:var(--status-muted);flex-shrink:0}
.service-provider-form{display:grid;gap:18px}.service-provider-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;max-height:48vh;overflow:auto;padding:3px}.service-provider-option{display:flex!important;align-items:flex-start!important;gap:10px!important;border:1px solid var(--border,#d1d5db);border-radius:10px;padding:12px;cursor:pointer}.service-provider-option input{width:18px!important;height:18px!important;flex-shrink:0;margin-top:3px}.service-provider-option span{display:grid;gap:5px;min-width:0}.service-provider-option small{font-size:12px;line-height:1.4;color:#526174}.service-provider-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.service-provider-options label{display:grid;gap:6px}.service-provider-note{color:#526174;font-size:13px;line-height:1.5}
@media(max-width:600px){.service-provider-options{grid-template-columns:1fr}}

/* Flex fallback for player engines predating CSS Grid. */
@supports not (display:grid){.service-status-grid{display:flex;flex-wrap:wrap;align-content:flex-start}.service-status-tile{width:calc(100% / var(--status-columns) - var(--status-unit)*.5);height:calc(100% / var(--status-rows) - var(--status-unit)*.5);margin:calc(var(--status-unit)*.25)}}
/* Keep display typography independent of administrator page heading/footer styles. */
.service-status-heading h2,.service-status-tile h3{color:inherit}
.service-status-detail{flex-shrink:0;height:2.7em;max-height:2.7em}
.service-status-tile footer{padding:calc(var(--status-unit)*.22) 0 0;border:0;background:none;line-height:1.2}
.service-status-heading,.service-status-footer{padding:0;border:0;background:none}
.lifecycle-dialog.service-provider-dialog{width:min(980px,calc(100vw - 24px));max-width:calc(100vw - 24px);min-width:0}
