/* Betriebsplan: kontrastreiche Statusfelder statt heller Ampelflaechen. */
.welt-kalender {table-layout:fixed; min-width:390px;}
.welt-kalender th[scope=row] {width:64px; font-variant-numeric:tabular-nums; background:var(--surface-raised); color:var(--muted);}
.welt-kalender td {text-align:center; font-variant-numeric:tabular-nums; padding:9px 4px;}
/* Die versteckte Zellbeschreibung bleibt innerhalb ihres scrollenden Kalenderfelds. */
.welt-slot {position:relative; border-left:1px solid var(--line);}
.welt-slot[data-art=frei] {background:#243b33; color:#a9dfbf;}
.welt-slot[data-art=teilweise] {background:#343322; color:#dbc995;}
.welt-slot[data-art=voll] {background:#382b2d; color:#e99b91;}
.welt-slot[data-art=eigen] {background:#593f2c; color:#ffcca0; font-weight:650; box-shadow:inset 0 0 0 1px #eca96f66;}
.welt-legend {display:flex; flex-wrap:wrap; gap:12px 20px; margin:18px 0 0; padding:0; list-style:none; font-size:12px; color:var(--muted);}
.welt-legend li {display:flex; align-items:center; gap:8px;}
.welt-key {width:15px; height:15px; flex:none; border-radius:4px; display:inline-block; background:var(--surface-raised); border:1px solid var(--line);}
.welt-key[data-art=frei] {background:#243b33; border-color:#83c4a066;}
.welt-key[data-art=teilweise] {background:#343322; border-color:#dbc99566;}
.welt-key[data-art=voll] {background:#382b2d; border-color:#e99b9166;}
.welt-key[data-art=eigen] {background:#593f2c; border-color:var(--accent);}
.work-details {margin-top:22px;}
.work-details summary {font-size:12px; color:var(--muted); cursor:pointer; padding:12px 0; line-height:1.5;}
.work-details summary:hover, .work-details[open] > summary {color:var(--ink);}
.work-details summary:focus-visible {outline:2px solid var(--accent); outline-offset:3px; border-radius:4px;}
.work-details > .work-table-wrap {margin-top:10px;}
#weltenPanel td button {min-height:40px; padding:9px 12px;}
/* Lange Seeds bleiben lesbar: horizontales Scrollen findet nur innerhalb der Tabelle statt. */
#weltenPanel code {font-size:11px; color:var(--muted); white-space:nowrap;}
#weltenPanel .welt-seed {white-space:nowrap;}
.welt-start {min-width:196px;}
.welt-start .work-subline {max-width:196px; margin-top:5px;}
.welt-start .welt-laeuft {color:var(--green); font-weight:600;}
.welt-start .welt-startet {color:var(--accent); font-weight:600;}
.welt-start .work-warn, .work-warn {color:var(--red);}
.welt-minen .work-metrics {margin:20px 0;}
/* Welt loeschen: gefahrfarbig, und abgesetzt vom Rest des Weltdetails. */
.work-area .work-danger, .work-dialog .work-danger {background:var(--red); color:#fff; border:0;
  box-shadow:inset 3px 3px 0 #c9483f, inset -3px -3px 0 #6d140f, 0 0 0 2px var(--edge); text-shadow:1px 1px 0 #4a0d09;}
.work-area .work-danger:hover, .work-dialog .work-danger:hover {background:var(--red); color:#fff;}
.welt-loeschen {margin-top:22px; padding-top:14px; border-top:2px solid var(--line);}
.welt-loeschen-liste {margin:0; padding-left:18px;}
.welt-loeschen-liste li {margin:4px 0;}
@media(max-width:600px) {
  .welt-kalender th[scope=row] {width:48px;}
  .welt-kalender td, .welt-kalender th {padding:8px 3px; font-size:11px;}
  .welt-legend {gap:12px; line-height:1.5;}
}
/* Freunde auf Mietwelten: Mitspieler, Einladungen, Besitzuebertragung. */
.welt-freunde {margin-top:22px; padding-top:14px; border-top:2px solid var(--line);}
.welt-freunde h4, .welt-uebertragen h4 {margin:0 0 8px;}
.welt-uebertragen {margin-top:22px; padding-top:14px; border-top:2px solid var(--line);}
.welt-mitglieder td {vertical-align:middle;}
.welt-mitglieder select {min-width:130px;}
.welt-check, .work-form label.welt-check {display:flex; flex-direction:row; align-items:center; gap:8px;}
.work-form label.welt-check input {flex:none;}
.welt-anfragen {list-style:none; margin:0; padding:0; display:grid; gap:12px;}
.welt-anfrage {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px;
  padding:12px; border:2px solid var(--line); background:var(--surface-raised);}
.welt-anfrage > div:first-child {flex:1 1 260px; min-width:0;}
@media(max-width:600px) {
  .welt-anfrage .work-actions {width:100%;}
}