/* Dashboard operational-state polish kept separate from the main stylesheet so
   live status UI can evolve without disturbing the broader responsive layout. */
.ai-status-card.ai-on {
    border-color:#315a43;
    box-shadow:0 0 0 1px rgba(95,202,122,.08);
}

.ai-status-card.ai-off {
    border-color:#754044;
    box-shadow:0 0 0 1px rgba(225,95,95,.08);
}

.ai-state {
    display:inline-flex;
    align-items:center;
    gap:9px;
}

.ai-state::before {
    content:"";
    display:inline-block;
    width:10px;
    height:10px;
    flex:0 0 10px;
    border-radius:50%;
    background:#e15f5f;
    box-shadow:0 0 0 4px rgba(225,95,95,.12);
}

.ai-status-card.ai-on .ai-state::before {
    background:#5fca7a;
    box-shadow:0 0 0 4px rgba(95,202,122,.12);
}

.ai-status-card.ai-on .ai-state { color:#b8e8c5; }
.ai-status-card.ai-off .ai-state { color:#ffaaaa; }