/* CVPN Status v2.1 · account dashboard states */
.dashboard-status-card {
    transition:
        border-color .2s ease,
        background .2s ease,
        opacity .2s ease;
}

.dashboard-status-card[aria-busy="true"] {
    cursor: progress;
}

.dashboard-status-card.is-stale {
    border-color: rgba(132,146,166,.13);
    background: linear-gradient(
        180deg,
        rgba(132,146,166,.025),
        rgba(255,255,255,.012)
    );
}

.dashboard-status-card.is-stale .dashboard-status-dot {
    background: #8492a6 !important;
    box-shadow: 0 0 0 5px rgba(132,146,166,.08) !important;
}

.dashboard-server-pill {
    transition:
        border-color .18s ease,
        background .18s ease,
        color .18s ease,
        opacity .18s ease;
}

.dashboard-server-pill.is-stale {
    border-color: rgba(132,146,166,.11);
    background: rgba(132,146,166,.025);
    color: #8997aa;
}

.dashboard-server-pill.is-stale .dashboard-server-pill-dot {
    background: #748297 !important;
    box-shadow: 0 0 0 4px rgba(116,130,151,.07) !important;
}

.dashboard-status-card.is-stale > p {
    color: #8795a9;
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-status-card,
    .dashboard-server-pill {
        transition: none;
    }
}