/* Dashboard, Team, Suche, Profil, Verwaltung */
.dash-col { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.dash-col > .card { margin-bottom: 0; }
.dash-state { display: inline-grid; place-items: center; width: 28px; height: 28px; }
.dash-ok { color: var(--success); }
.dash-miss { color: var(--warning); }
.dash-ico { color: var(--text-2); flex: none; display: inline-grid; place-items: center; width: 24px; height: 24px; }
.dash-ico-danger { color: var(--danger-solid); }
.dash-clip { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dash-note { margin: 8px 0 0; }
.dash-progress-cell { min-width: 120px; }
.dash-progress-cell .progress { margin-bottom: 2px; }

.team-card-head { display: flex; gap: 16px; align-items: center; margin-bottom: 12px; }
.team-card-head h2 { margin: 0; }
.team-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0 0 16px; }
.team-stat { background: var(--surface-2); padding: 8px 12px; border-radius: var(--radius); }
.team-stat strong { display: block; font-size: 20px; line-height: 26px; font-weight: 600; }
.team-stat span { font-size: 12px; color: var(--text-2); }
.team-sub { font-size: 13px; font-weight: 600; margin: 16px 0 4px; color: var(--text-2); }

.search-form { display: flex; gap: 8px; margin-bottom: 16px; max-width: 640px; }
.search-form input[type=search] { flex: 1; }
.search-hit { padding: 10px 0; border-bottom: 1px solid var(--border); }
.search-hit:last-child { border-bottom: 0; }
.search-hit .snippet { color: var(--text-2); font-size: 13px; margin-top: 2px; overflow-wrap: anywhere; }
mark { background: #fff4ce; color: inherit; padding: 0 1px; }
@media (prefers-color-scheme: dark) { mark { background: #5c4a00; } }

.pager { display: flex; gap: 8px; align-items: center; margin-top: 12px; }
.narrow { max-width: 720px; }
.code-cell { font-family: var(--mono); font-size: 12px; }

@media (max-width: 900px) {
  .team-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.kpis-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.kpis-6 .kpi-value { font-size: 22px; line-height: 30px; white-space: nowrap; }
.kpis-6 .kpi { padding-left: 12px; padding-right: 12px; gap: 10px; }
@media (max-width: 1300px) { .kpis-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) { .kpis-6 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .kpis-6 .kpi-value { font-size: 20px; } }