.availability {
    padding: 8px;
    border: 1px solid #ddd;
    background: #fafafa;
    border-radius: 4px;
    margin-bottom: 10px;
}
/* Pastell-Ampel (Belegungsplan – plan-free Zellen) */
.status-green { background-color:#eef8da; border-color:#cfe6a8; }
.status-yellow { background-color:#fff4cf; border-color:#f0d98c; }
.status-red { background-color:#ffd9cc; border-color:#f1b3a1; }

/* Legacy: wird in locations.php nicht mehr verwendet */
.ampel-badge{
  display:inline-block;
  padding:4px 8px;
  border-radius:6px;
  border:1px solid transparent;
  font-size:0.95em;
  white-space:nowrap;
}

/* Monats-Ampel im Belegungsplan: freie Bereiche einfärben */
.plan-free.status-green  { background:#eef8da !important; }
.plan-free.status-yellow { background:#fff1dc !important; }
.plan-free.status-red    { background:#f68f6a !important; }

/* ── Kapazitäts-Balken (Standorte-Übersicht) ────────────── */
/* Pastell-Töne passend zum Belegungsplan */
.loc-avail{min-width:150px;display:inline-block;vertical-align:middle;width:100%;max-width:200px}
.loc-cap-bar{display:flex;height:10px;border-radius:6px;overflow:hidden;background:var(--border);margin-bottom:5px}
.loc-cap-occ{background:#f4906e;transition:width .3s ease}
.loc-cap-free{background:#cfe6a8;transition:width .3s ease}
.loc-cap-nums{display:flex;justify-content:space-between;font-size:12px;font-weight:600;gap:6px}
.loc-cap-occ-num{color:#9e3b25}
.loc-cap-free-num{color:#3d6b18}
.loc-cap-freeing{font-size:11px;color:var(--muted);margin-top:3px;text-align:right}
/* Darkmode */
html[data-theme="dark"] .loc-cap-occ{background:#d96848}
html[data-theme="dark"] .loc-cap-free{background:#8ab850}
html[data-theme="dark"] .loc-cap-occ-num{color:#f4906e}
html[data-theme="dark"] .loc-cap-free-num{color:#a8cc70}