/* Umzugs-Zeitplan (/umzugsplaner/) – baut auf wegweiser.css (Formular) und rechner.css (Hinweise) auf.
   Eigene Datei, weil die CSP (style-src 'self') keine eingebetteten Styles und keine style-Attribute erlaubt.
   Sichtbarkeit nur über das hidden-Attribut (.ww [hidden] in wegweiser.css). */

.up-datumfeld{ margin:.6rem 0 0; }
.up-datumfeld label{ display:block; font-weight:700; margin:0 0 .35rem; line-height:1.35; }
.up-datumfeld input[type="date"]{ display:block; width:100%; max-width:16rem; box-sizing:border-box; font:inherit;
  font-size:1.05rem; padding:.6rem .7rem; border:1px solid var(--muted); border-radius:8px; background:var(--card); color:var(--fg);
  min-height:2.8rem; }
.up-datumfeld input[type="date"]:focus-visible{ outline:3px solid var(--accent); outline-offset:1px; }
.up-datumfeld .klein{ margin:.4rem 0 0; font-size:.85rem; line-height:1.45; color:var(--muted); }
#f-auszug{ margin-top:1rem; padding-top:.9rem; border-top:1px solid var(--line); }

.up-ergebnis h3{ margin:1.4rem 0 .6rem; font-size:1.15rem; }
.up-phase{ margin:0; }
.up-liste{ list-style:none; margin:0; padding:0; display:grid; gap:.7rem; }
.up-zeile{ margin:0; padding:.85rem 1rem; background:var(--card); border:1px solid var(--line);
  border-left:5px solid var(--accent); border-radius:10px; overflow-wrap:anywhere; }
.up-zeile.ohne-datum{ border-left-color:var(--line); }
.up-zeile.vorbei{ border-left-color:var(--warn-line); background:var(--warn-bg); }
.up-zeile h4{ margin:.15rem 0 .3rem; font-size:1rem; line-height:1.35; }
.up-zeile p{ margin:.25rem 0 0; line-height:1.55; max-width:none; }
.up-wann{ font-weight:700; color:var(--accent); font-variant-numeric:tabular-nums; }
.up-ohne{ color:var(--muted); font-weight:700; }
.up-marke{ display:inline-block; margin-left:.3rem; padding:0 .45rem; font-size:.8rem; font-weight:700;
  color:var(--fg); background:var(--card); border:1px solid var(--warn-line); border-radius:999px; }
.up-notiz{ font-size:.9rem; color:var(--muted); }
.up-link a{ font-weight:700; }
.up-zwischen{ margin:1rem 0 .5rem; font-size:.95rem; color:var(--muted); }

.up-aktionen{ display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; margin:1.4rem 0 1rem; }
.up-aktionen .btn{ border:0; cursor:pointer; font:inherit; font-weight:700; }
.up-aktionen .btn-ghost{ border:1px solid var(--accent); }
.up-aktionen .btn:disabled{ opacity:.55; cursor:not-allowed; }
.up-aktionen .klein{ flex-basis:100%; margin:0; font-size:.85rem; color:var(--muted); }
.up-recht{ margin-top:1rem; }

@media (max-width:30rem){
  .up-aktionen .btn{ width:100%; text-align:center; }
  .up-zeile{ padding:.75rem .8rem; }
}

/* Druckansicht: nur der Zeitplan */
@media print{
  .up article > :not(#ergebnis), .up > :not(article), .up-aktionen, .up-link{ display:none !important; }
  .up-zeile{ break-inside:avoid; page-break-inside:avoid; border:1px solid #999; border-left:4px solid #000; background:#fff !important; }
  .up-zeile.vorbei{ border-left-style:dashed; }
  .up-wann, .up-ohne, .up-notiz, .up-zwischen{ color:#000; }
  .rechner-kurz, .rechner-hinweis, .ww-recht{ background:#fff !important; border:1px solid #999; }
  .up-ergebnis{ margin:0; }
  .up-ergebnis h3{ break-after:avoid; page-break-after:avoid; }
}