/* Status is independent of portrait highlight and of a machine's power state. */
.service-status{--status-color:#96988f;display:flex;align-items:center;gap:8px;font:400 13px/1.7 var(--sans);letter-spacing:.04em;color:var(--status-color)}
.service-status i{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0;background:currentColor;box-shadow:0 0 7px color-mix(in srgb,currentColor 24%,transparent)}
.service-status[data-state=reachable]{--status-color:#73c8ad}.service-status:is([data-state=auth],[data-state=redirect],[data-state=restricted]){--status-color:#d5bc81}.service-status:is([data-state=error],[data-state=timeout],[data-state=unreachable]){--status-color:#d29a91}.service-status[data-state=checking] i{animation:status-breathe 1.6s ease-in-out infinite}.service-status[data-state=stale]{--status-color:#92938c}
#gallery-page .panel-status{justify-content:center;margin-top:16px;min-height:24px}
.service .service-status{grid-column:1/-1;margin:0;font-size:13px}
.detail[data-theme=light] .service-status{--status-color:#666962}.detail[data-theme=light] .service-status[data-state=reachable]{--status-color:#26785f}.detail[data-theme=light] .service-status:is([data-state=auth],[data-state=redirect],[data-state=restricted]){--status-color:#896726}.detail[data-theme=light] .service-status:is([data-state=error],[data-state=timeout],[data-state=unreachable]){--status-color:#a04437}
.monitor-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;padding:19px 0 0;color:#a7a59e;font:400 13px/1.8 var(--sans);letter-spacing:.025em}
.monitor-summary-group,.monitor-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px}.monitor-label{color:#c9c0ae}.monitor-summary-group [data-state=stale]{color:#d5bc81}#monitor-time{color:#95968f;font-variant-numeric:tabular-nums}#monitor-refresh{border:0;border-bottom:1px solid #5e5546;background:transparent;color:#d1c0a0;padding:3px 0;font:inherit;letter-spacing:.04em}#monitor-refresh:disabled{opacity:.5;cursor:wait}.monitor-help summary{cursor:pointer;color:#bbb4a6}.monitor-help{position:relative}.monitor-help p{position:absolute;z-index:8;right:0;bottom:24px;width:min(340px,85vw);background:#171919;border:1px solid #46443b;padding:18px 20px;font-size:14px;line-height:1.85;letter-spacing:0;color:#cbc7bd;box-shadow:0 12px 30px #0008}.monitor-help[open] summary{color:#e0d5bb}
@keyframes status-breathe{50%{opacity:.3}}
@media(max-width:600px){.monitor-bar{padding-top:17px;font-size:12px;gap:8px}.monitor-actions{width:100%;justify-content:space-between;gap:8px}.monitor-summary-group{width:100%;justify-content:space-between;gap:8px}.monitor-help p{right:0}.service-status{font-size:12px}.panel-status{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.service-status[data-state=checking] i{animation:none}}