/* Speicher-Vermietung (#47) in der App „Server-Vermietung“ (src/ui/server-rental-app.js): Balken
   „Speicher: 1,2 / 4,5 TB belegt“ je NAS – breitere Spalten als die RAM-/Cores-Balken, damit der Text passt. */
.rental-meter.storage-meter { grid-template-columns: 64px 1fr auto; }
.rental-meter.storage-meter .bar { background: #ffb366; } /* helles Orange wie die Serie „NAS“ */
.rental-nas .rental-vms + .rental-meter,
.rental-nas .empty + .rental-meter { margin-top: 4px; }
.storage-request .order-note b { white-space: nowrap; }
/* Mehr vermietet als verfügbar (defekte Festplatte, #49): orange der Teil, der passt, rot der Überhang */
.rental-meter.storage-meter .progress { display: flex; }
.rental-meter.storage-meter .bar.over { background: #e74c3c; }
.rental-meter.storage-meter .bad { color: #ff8a7a; }
/* Online-Anfragen über die eigene Website (#54): Kennzeichen „🌐 Website“ und himmelblauer Rand wie die Serie „Web“ */
.rental-web {
  display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px; vertical-align: middle;
  font-size: 0.75em; font-weight: 700; white-space: nowrap; color: #0b2433; background: #5ec4f2;
}
.rental-request.web-request { border-color: #5ec4f2; box-shadow: inset 3px 0 0 #5ec4f2; }
.rental-web-line strong { color: #5ec4f2; }