/* ============================================================
   projects.css — Projektkarten, Fortschrittsanzeige, Doing-Bloecke
   und Unteraufgaben-Zeilen. Setzt auf app.css und components.css auf.
   ============================================================ */

.pj-progress-track{height:8px;border-radius:5px;background:var(--gray-200);overflow:hidden;margin:8px 0 4px}
.pj-progress-fill{height:100%;background:linear-gradient(90deg,var(--mod-projekte),var(--sage-600));width:0%;border-radius:5px;transition:width .2s ease}
.pj-progress-label{font-size:11px;color:var(--gray-500);font-weight:600}
.pj-progress-fill.done{background:linear-gradient(90deg,var(--success-text),var(--sage-600))}
.pj-stat-row{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--gray-500);margin-top:6px}
.pj-hinweis{background:var(--warning-fill);border-radius:4px;padding:10px 12px;font-size:13px;color:var(--warning-text);margin-top:12px}
.dg-block{border:1px solid var(--gray-200);border-left:3px solid var(--mod-projekte);border-radius:6px;margin-bottom:14px;background:var(--white);box-shadow:0 1px 2px rgba(20,24,28,.04)}
.dg-head{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;background:var(--mod-projekte-fill);flex-wrap:wrap;border-radius:0 5px 0 0}
.dg-head .caret{font-size:11px;color:var(--gray-500);transition:transform .15s ease;width:12px}
.dg-block.open .dg-head .caret{transform:rotate(90deg)}
.dg-head .t{flex:1;font-weight:600;font-size:14px}
.dg-body{display:none;padding:12px;border-top:1px solid var(--gray-200)}
.dg-block.open .dg-body{display:block}
.dg-body p{margin:0 0 10px;font-size:13px;color:var(--gray-700)}
.ua-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--gray-100);flex-wrap:wrap}
.ua-row:last-child{border-bottom:0}
.ua-row .titel.done{text-decoration:line-through;color:var(--gray-500)}
.ua-add-row{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.ua-add-row input[type="text"]{flex:1;min-width:120px;height:32px;border:1px solid var(--gray-300);border-radius:4px;padding:0 8px;font-size:13px}
.ua-add-row input[type="date"]{height:32px;border:1px solid var(--gray-300);border-radius:4px;padding:0 6px;font-size:12px}