/* Drehtag-Planer — Zeilen-Editor, Schnellstart, Zeitleiste */
.sd-btns{display:flex;gap:8px;flex-wrap:wrap}
.sd-quick{background:var(--t-field);border:1px solid var(--hair-soft);border-radius:12px;padding:10px 12px}
.sd-quick summary{cursor:pointer;color:var(--ink-dim)}
.sd-quick[open] summary{margin-bottom:10px}
.sd-quick__body{display:flex;flex-direction:column;gap:12px}

.sd-list{margin-top:22px;padding-top:18px;border-top:1px solid var(--hair)}
.sd-cols,.sd-row{grid-template-columns:22px minmax(140px,1fr) 190px 78px 72px 84px 100px}
.sd-row{background:var(--surface);border:1px solid var(--hair-soft);border-radius:10px;padding:4px 6px}
.sd-row.is-move{background:repeating-linear-gradient(45deg,rgba(148,163,184,.06) 0 6px,transparent 6px 12px),var(--surface)}
.sd-row.is-drag{opacity:.6;border-color:var(--emerald-edge)}
.sd-row .trow__handle{cursor:grab;touch-action:none;font-size:.8rem;letter-spacing:-2px}
.sd-at{white-space:nowrap;font-family:var(--mono);font-size:.84rem;color:var(--ink-dim);text-align:right;padding-right:4px}
.sd-at.is-late{color:var(--t-bad)}
.sd-move{display:flex;justify-content:flex-end}
.sd-add{margin:12px 0 8px}
.tviz .sd-late{fill:#f87171}
.sd-gantt text{font-size:11px}
.tviz svg title{display:none}

@media (max-width:760px){
  .sd-cols{display:none}
  .sd-row{grid-template-columns:22px 1fr 1fr 64px;row-gap:6px}
  .sd-row [data-r="name"]{grid-column:2/5}
  .sd-row [data-r="type"]{grid-column:2/3}
  .sd-row [data-r="ie"]{grid-column:3/4}
  .sd-row [data-r="min"]{grid-column:4/5}
  .sd-row .sd-at{grid-column:2/3;text-align:left}
  .sd-row .sd-move{grid-column:3/5}
  .sd-row .trow__handle{grid-row:1/4}
}
@media print{
  [data-print-only] h3{font-size:12pt;margin:14px 0 6px;color:#000}
  [data-print-only] .ttable td{color:#000!important;border-color:#ccc;padding:4px 6px;font-size:9.5pt}
}
/* Zeitleiste bleibt lesbar: auf schmalen Bildschirmen horizontal scrollbar statt winzig */
.sd-gantt{overflow-x:auto}
@media (max-width:760px){.sd-gantt svg{min-width:660px}}