/* ============================================================
   dashboard.css — Kennzahlen-Kacheln und Dashboard-Abschnitte.
   Setzt auf den Variablen und Basisklassen aus app.css auf.
   ============================================================ */

.tile{background:var(--white);border:1px solid var(--gray-200);border-top:3px solid var(--gray-300);border-radius:6px;padding:var(--s4);min-height:120px;
        display:flex;flex-direction:column;justify-content:space-between;transition:box-shadow .15s ease,transform .15s ease}
.tile:hover{box-shadow:0 4px 14px rgba(20,24,28,.08);transform:translateY(-1px)}
.tile .lbl{font-size:12px;font-weight:600;color:var(--gray-700)}
.tile .val{font-family:var(--mono);font-size:28px;line-height:32px;font-weight:600}
.tile a{font-size:13px;color:var(--primary-600);text-decoration:none}
.tile a:hover{text-decoration:underline}
/* Dashboard-Kacheln: farbige Kopflinie + dezenter Verlauf je Kennzahl (nutzt vorhandene Kennzahl-IDs) */
.tile:has(#kpi-heute),.tile:has(#kpi-offen){border-top-color:var(--mod-aufgaben);background:linear-gradient(var(--mod-aufgaben-fill),var(--white) 45%)}
.tile:has(#kpi-overdue),.tile:has(#kpi-pj-overdue){border-top-color:var(--terracotta-text);background:linear-gradient(var(--terracotta-fill),var(--white) 45%)}
.tile:has(#kpi-beitrag-woche){border-top-color:var(--mod-content);background:linear-gradient(var(--mod-content-fill),var(--white) 45%)}
.tile:has(#kpi-ideen-neu){border-top-color:var(--mod-ideenpool);background:linear-gradient(var(--mod-ideenpool-fill),var(--white) 45%)}
.tile:has(#kpi-wett-neu){border-top-color:var(--mod-wettbewerb);background:linear-gradient(var(--mod-wettbewerb-fill),var(--white) 45%)}
.tile:has(#kpi-trend-eingang){border-top-color:var(--mod-trend);background:linear-gradient(var(--mod-trend-fill),var(--white) 45%)}
.tile:has(#kpi-pj-dash-aktiv),.tile:has(#kpi-pj-gesamt),.tile:has(#kpi-pj-aktiv),.tile:has(#kpi-pj-bald){border-top-color:var(--mod-projekte);background:linear-gradient(var(--mod-projekte-fill),var(--white) 45%)}
.dash-group{margin-bottom:var(--s6)}
.dash-group-title{font-size:18px;font-weight:600;color:var(--gray-900);margin:0 0 var(--s4);padding-bottom:var(--s2);border-bottom:2px solid var(--primary-600);display:flex;align-items:baseline;gap:8px}
.dash-group-title .hint{font-weight:400;font-size:13px;color:var(--gray-500)}
.dash-mini-tiles{display:flex;gap:var(--s4);margin-bottom:var(--s5);flex-wrap:wrap}
.dash-mini-tiles .tile{flex:0 0 240px}