/* Reiter „Projektstand“ unter „Meine Projekte“ (js/06l-projektstand.js) */
.pst-list { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.pst-proj { border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); padding: 6px 10px 8px; }
.pst-head { display: flex; align-items: center; gap: 8px; min-width: 0; }
.pst-proj:has(.pst-chev svg) .pst-head { cursor: pointer; }
.pst-chev { width: 14px; flex: none; display: inline-flex; color: var(--text-2); }
.pst-head .plink { font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 0 1 auto; }
.pst-count { margin-left: auto; white-space: nowrap; }
.pst-lead { flex: none; }
/* Fortschritt: Aufgabenbalken (ein Feld je Hauptaufgabe) und Stunden (Lukas 14.10.2026) */
.pst-prog { display: grid; grid-template-columns: auto minmax(120px, 360px) auto auto auto; align-items: center; gap: 4px 10px; margin: 6px 0 0 22px; padding: 0 8px; font-size: 12.5px; }
.pst-pl { color: var(--text-2); }
.pst-pv { white-space: nowrap; font-variant-numeric: tabular-nums; }
.pst-std.over { color: var(--danger, #e8384f); font-weight: 600; }
.pst-over { display: flex; flex-direction: column; gap: 2px; margin: 6px 0 0 22px; padding: 4px 8px; font-size: 12.5px; border-left: 3px solid var(--danger, #e8384f); }
.pst-over-row { display: flex; justify-content: space-between; gap: 12px; padding: 2px 4px; border-radius: 4px; }
.pst-over-row.link { cursor: pointer; }
.pst-over-row.link:hover { background: var(--bg-subtle); }
.pst-over-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pst-bar { display: flex; gap: 2px; height: 10px; min-width: 0; border-radius: 5px; overflow: hidden; background: var(--track); }
.pst-bar.segs { background: none; border-radius: 0; overflow: visible; }
.pst-seg { flex: 1 1 0; min-width: 3px; background: var(--track); border-radius: 2px; }
.pst-seg.done { background: var(--accent); }
.pst-fill { display: block; height: 100%; background: var(--accent); }
@media (max-width: 768px) {
  .pst-prog { grid-template-columns: auto 1fr; margin-left: 0; }
  .pst-prog .pst-bar { grid-column: 2; }
  .pst-prog .pst-pv { grid-column: 2; }
}
.pst-task { display: grid; grid-template-columns: minmax(0, 1fr) auto 150px 90px; align-items: center; gap: 10px; margin: 4px 0 0 22px;
  padding: 4px 8px; border-radius: var(--radius); cursor: pointer; }
.pst-task:hover { background: var(--bg-subtle); }
.pst-task.cur { border-left: 3px solid var(--accent); }
.pst-task.more { border-left: 3px solid var(--border-strong); opacity: .85; }
.pst-task.none { display: block; cursor: default; font-style: italic; }
.pst-tname { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pst-who { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.pst-who .cellname { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pst-due { font-size: 12px; color: var(--text-2); text-align: right; white-space: nowrap; }
.pst-due.bad { color: var(--danger, #e8384f); font-weight: 600; }
@media (max-width: 768px) {
  .pst-head { flex-wrap: wrap; }
  .pst-head .plink { flex-basis: calc(100% - 22px); white-space: normal; }
  .pst-count { margin-left: 22px; }
  .pst-task { grid-template-columns: minmax(0, 1fr) auto; margin-left: 0; }
  .pst-tname { grid-column: 1 / -1; white-space: normal; }
}
.pst-filter { flex-wrap: wrap; row-gap: 6px; }
.pst-q { min-width: 220px; padding: 4px 8px; border: 1px solid var(--border-strong); border-radius: var(--radius); background: var(--surface); color: inherit; }
@media (max-width: 768px) { .pst-q { min-width: 0; flex: 1 1 100%; } }
/* Stand aus dem Projektlogbuch (js/06m-logbuch.js) */
.pst-log { display: flex; align-items: baseline; gap: 10px; margin: 4px 0 0 22px; padding: 2px 8px; font-size: 12.5px; min-width: 0; }
.pst-stand { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text); }
.pst-stand svg { color: #c9962e; vertical-align: -1px; margin-right: 4px; }
.pst-stand b { font-weight: 600; color: var(--text-2); }
.pst-akt { flex: none; color: var(--text-2); white-space: nowrap; }
.pst-akt.still { color: #d9822b; font-weight: 600; }
.pst-recent { margin: 6px 0 2px 22px; padding: 4px 8px; border-left: 3px solid var(--border-strong); }
.pst-recent .plog-row { padding: 4px 2px; }
.pst-recent > .linkbtn { display: inline-block; margin-top: 4px; }
@media (max-width: 768px) {
  .pst-log { flex-wrap: wrap; margin-left: 0; }
  .pst-stand { flex-basis: 100%; white-space: normal; }
  .pst-recent { margin-left: 0; }
}
@media (max-width: 768px) { .pst-over { margin-left: 0; } }