.running-services-dialog { color: var(--text, #e6e8ef); background: var(--surface-popover, #181b22); border: 1px solid var(--border, #343946); border-radius: 16px; width: min(850px, calc(100vw - 48px)); max-height: min(760px, calc(100vh - 64px)); padding: 0; box-shadow: 0 24px 90px #0008; }
.running-services-dialog::backdrop { background: #0709119c; }
.running-services-head { display: flex; justify-content: space-between; align-items: center; padding: 22px 24px 16px; }
.running-services-head p { color: var(--muted, #969cab); font-size: 12px; margin: 0 0 5px; }
.running-services-head h2 { font-size: 20px; font-weight: 550; margin: 0; }
.running-services-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 0 24px 18px; color: var(--muted, #969cab); font-size: 12px; }
.running-services-toolbar > div, .running-service-actions, .running-services-review > div { display: flex; gap: 7px; align-items: center; }
.running-services-list { border-top: 1px solid var(--border, #343946); max-height: 480px; overflow-y: auto; }
.running-service-row { padding: 18px 24px; border-bottom: 1px solid var(--border, #343946); }
.running-service-main { display: flex; align-items: center; gap: 12px; }
.running-service-dot { width: 7px; height: 7px; border-radius: 50%; background: #747a88; flex-shrink: 0; }
.running-service-dot.is-running { background: oklch(from rgb(130 200 170) l calc(c * var(--tint-chroma)) calc(h + var(--tint-hue-shift))); }
.running-service-dot.is-starting, .running-service-dot.is-stopping { background: #ddb773; }
.running-service-dot.is-needs_attention, .running-service-dot.is-failed { background: #ee9f92; }
.running-service-label { flex: 1; min-width: 0; display: grid; gap: 6px; }
.running-service-label strong { font-weight: 550; font-size: 14px; overflow-wrap: anywhere; }
.running-service-label span { font-size: 12px; color: var(--muted, #969cab); }
.running-service-row details { margin: 12px 0 0 19px; font-size: 12px; color: var(--muted, #969cab); }
.running-service-row summary { cursor: pointer; width: fit-content; }
.running-service-row dl { display: grid; grid-template-columns: 66px 1fr; gap: 7px 12px; margin: 12px 0 0; }
.running-service-row dd { margin: 0; overflow-wrap: anywhere; }
.running-services-foot { padding: 16px 24px; font-size: 12px; line-height: 1.5; color: var(--muted, #969cab); }
.running-services-empty { padding: 30px 24px; font-size: 14px; color: var(--muted, #969cab); }
.running-services-error { color: #f5aaa2; font-size: 13px; line-height: 1.5; padding: 0 24px; }
.running-service-row .running-services-error { padding: 0 0 0 19px; }
.running-services-review { margin: 0 24px 18px; padding: 15px; border: 1px solid #b48b4b; border-radius: 8px; font-size: 13px; }
.running-services-review strong { font-weight: 550; }
.running-services-dialog [aria-pressed="true"] { border-color: oklch(from rgb(130 200 170) l calc(c * var(--tint-chroma)) calc(h + var(--tint-hue-shift))); color: oklch(from rgb(167 223 197) l calc(c * var(--tint-chroma)) calc(h + var(--tint-hue-shift))); }
@media (max-width: 650px) { .running-service-main { flex-wrap: wrap; } .running-service-actions { width: 100%; margin-left: 19px; } }