/* Damage Control UI (CC_043) */
/* Matrix und Anforderung nebeneinander oben, Auftragsbrett darunter über die volle Breite:
   die Aufträge laufen als Karten in Spalten statt als lange schmale Liste rechts. */
.dc-layout { display: flex; flex-direction: column; gap: 1rem; padding: 1rem; }
.dc-matrix-area { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; align-items: start; }
.dc-queue-area { min-width: 0; }
@media (min-width: 1100px) {
    .dc-matrix-area { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
}
@media (min-width: 760px) {
    .dc-queue-area .repair-board {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
        align-items: start;
    }
    /* Teams, Hinweise und die zuletzt erledigten Aufträge über alle Spalten */
    .dc-queue-area .repair-board > :not(.ro-card) { grid-column: 1 / -1; }
}

/* Systemmatrix (4x3) */
.system-matrix { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem; padding: 0.5rem; }
.system-cell { display: flex; flex-direction: column; gap: 0.2rem; padding: 0.6rem 0.8rem; border-radius: 6px; border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.04); min-height: 90px; }
.sys-name { font-size: 0.8rem; font-weight: bold; text-transform: uppercase; letter-spacing: 0.05em; }
.sys-health { font-size: 1.1rem; font-family: monospace; font-weight: bold; }
.sys-condition { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.08em; opacity: 0.8; }

/* Konditions-Farben */
.cond-nominal  { border-color: rgba(0,200,100,0.4); background: rgba(0,200,100,0.06); }
.cond-nominal .sys-health { color: #00c853; }
.cond-degraded { border-color: rgba(255,214,0,0.4);  background: rgba(255,214,0,0.06); }
.cond-degraded .sys-health { color: #ffd600; }
.cond-damaged  { border-color: rgba(255,100,0,0.5);  background: rgba(255,100,0,0.08); }
.cond-damaged .sys-health  { color: #ff6d00; }
.cond-offline  { border-color: rgba(120,120,120,0.4); background: rgba(120,120,120,0.06); opacity: 0.7; }
.cond-offline .sys-health  { color: #888; }

@keyframes blink { 50% { opacity: 0.3; } }
.blink { animation: blink 0.8s step-end infinite; }

/* P3: Reparatur-Fortschrittsbalken (CC_043) */
.sys-health-bar-mini { height: 4px; background: rgba(255,255,255,0.08); border-radius: 2px; overflow: hidden; margin: 2px 0; }
.sys-health-fill-mini { height: 100%; transition: width 0.5s; }
.sys-health-fill-mini.cond-nominal   { background: #00ff50; }
.sys-health-fill-mini.cond-degraded  { background: #ffd700; }
.sys-health-fill-mini.cond-damaged   { background: #ff6400; }
.sys-health-fill-mini.cond-offline   { background: #ff3232; }