/* QDT UI-Override — injiziert via nginx sub_filter (frontend.conf), update-sicher.
   Gilt nur für die Agent-Summary (.qdt-summary). */

/* Layout: leere Spacer-Spalten weg, Karten flex-balanciert mit Abstand */
.qdt-summary .row > div:empty { display: none; }
.qdt-summary .row { gap: 16px; flex-wrap: wrap; }
.qdt-summary .row > [class*="col-"] { width: auto; max-width: none; flex: 1 1 280px; }
.qdt-summary .row > .col-4 { flex: 1.6 1 360px; }

/* Karten: weicher, klar abgesetzter Header */
.qdt-summary .qdt-summary-card { border-radius: 14px; overflow: hidden; }
.qdt-summary .qdt-summary-card__header {
  padding: .6rem 1rem;
  font-weight: 600;
  letter-spacing: .02em;
  background: rgba(255, 255, 255, .035);
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}
body.body--light .qdt-summary .qdt-summary-card__header {
  background: rgba(0, 0, 0, .03);
  border-bottom-color: rgba(0, 0, 0, .07);
}

/* Listen: kompakter, Zebra + Hover für Lesbarkeit */
.qdt-summary .qdt-summary-list .q-item { min-height: 38px; padding: .25rem 1rem; }
.qdt-summary .qdt-summary-list .q-item:nth-child(even) { background: rgba(255, 255, 255, .025); }
.qdt-summary .qdt-summary-list .q-item:hover { background: rgba(255, 255, 255, .055); }
body.body--light .qdt-summary .qdt-summary-list .q-item:nth-child(even) { background: rgba(0, 0, 0, .025); }
body.body--light .qdt-summary .qdt-summary-list .q-item:hover { background: rgba(0, 0, 0, .05); }

/* Beschriftungen: kleine Uppercase-Caption, Wert klar davon abgesetzt */
.qdt-summary .q-item__label--caption {
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  opacity: .55;
}
.qdt-summary .q-item__label { line-height: 1.35; }

/* Platten-Balken: dicker, rund — Farbe setzt custom.js nach Füllstand */
.qdt-summary .q-linear-progress {
  height: 10px;
  border-radius: 6px;
  overflow: hidden;
}