#dashboardOverlay .dashboard-service-status{--service-color:#a0a597;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--d-border);border-radius:10px;color:var(--d-muted);text-decoration:none;font-size:12px;white-space:nowrap}
#dashboardOverlay .dashboard-service-status:hover{background:var(--d-hover);color:var(--d-text)}
.dashboard-service-status[data-state=operational]{--service-color:#79d6b2!important}
.dashboard-service-status[data-state=degraded]{--service-color:#e5bb67!important}
.dashboard-service-status[data-state=outage]{--service-color:#ef8088!important}
.service-status-bars{display:flex;align-items:flex-end;gap:3px;height:17px;flex-shrink:0}
.service-status-bars i{width:3px;border-radius:2px;background:var(--service-color);height:7px}
.service-status-bars i:nth-child(2){height:12px}.service-status-bars i:nth-child(3){height:17px}
.dashboard-service-status[data-state=degraded] .service-status-bars i:last-child,.dashboard-service-status[data-state=outage] .service-status-bars i:not(:first-child){opacity:.25}
@media(max-width:900px){#dashboardOverlay .dashboard-service-status{padding:0;width:44px}.service-status-label{display:none}}
@media(max-width:768px){#dashboardOverlay .dash-topbar .collapse-btn{display:none}}
@media(prefers-reduced-motion:reduce){.dashboard-service-status{transition:none}}
#dashboardOverlay .dashboard-support-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--d-border);border-radius:10px;color:var(--d-text);text-decoration:none}
#dashboardOverlay .dashboard-support-link:hover{background:var(--d-hover);color:var(--d-accent)}
#dashboardOverlay .dashboard-support-link:focus-visible{outline:2px solid var(--d-accent);outline-offset:3px}
@media(max-width:370px){#dashboardOverlay .dash-topbar .dash-balance{display:none}}