.card{padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(14,28,48,.88),rgba(8,16,30,.86));box-shadow:0 18px 60px rgba(0,0,0,.22)}.card h3{margin:0 0 8px}.card p{color:var(--muted)}.btn{border:1px solid transparent;border-radius:14px;padding:10px 14px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled,.btn.disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--green));color:#00111f;font-weight:800;box-shadow:var(--glow-blue)}.btn.secondary{background:rgba(53,167,255,.10);border-color:var(--line);color:var(--text)}.btn.danger{background:rgba(255,77,109,.14);border-color:rgba(255,77,109,.35);color:#ffb3c0}.btn.warning{background:rgba(255,209,102,.14);border-color:rgba(255,209,102,.35);color:#ffe2a3}.btn.success{background:rgba(47,255,178,.13);border-color:rgba(47,255,178,.35);color:#b6ffe7}.btn.ghost{background:transparent;border-color:var(--line);color:var(--muted)}.pill,.profile-chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted);background:rgba(255,255,255,.03);font-size:.86rem}.pill.warning{border-color:rgba(255,209,102,.36);color:#ffe2a3}.graph-placeholder{min-height:190px;border:1px dashed rgba(53,167,255,.32);border-radius:var(--radius);display:grid;place-items:center;background:linear-gradient(90deg,rgba(53,167,255,.16),rgba(47,255,178,.12));color:var(--muted);margin-top:16px}.toast-root{position:fixed;right:18px;bottom:18px;z-index:20;display:grid;gap:8px}.toast{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-strong);box-shadow:var(--shadow)}
.card-headline{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}
.card-headline h3{margin:0}
.server-card{overflow:hidden}

.admin-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;align-items:start}.admin-panel{min-width:0}.profile-list,.invite-list{display:grid;gap:12px;margin-top:14px}.profile-admin-card,.invite-card{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);padding:14px;display:grid;gap:12px}.profile-admin-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.profile-admin-main p{margin:5px 0 0;color:var(--muted);font-size:.92rem}.profile-admin-controls{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) auto;gap:10px;align-items:end}.profile-admin-controls label{font-size:.82rem}.profile-admin-controls input,.profile-admin-controls select{width:100%;min-width:0}.profile-admin-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:82px;border-radius:999px;border:1px solid var(--line);padding:7px 10px;background:rgba(255,255,255,.04);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.status-badge.active,.status-badge.success{border-color:rgba(47,255,178,.42);color:#b6ffe7;background:rgba(47,255,178,.10)}.status-badge.pending,.status-badge.warning,.status-badge.expired{border-color:rgba(255,209,102,.42);color:#ffe2a3;background:rgba(255,209,102,.10)}.status-badge.blocked,.status-badge.danger,.status-badge.revoked{border-color:rgba(255,77,109,.42);color:#ffb3c0;background:rgba(255,77,109,.10)}.invite-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.86rem}.invite-meta span{border:1px solid var(--line);border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.035)}.invite-new-link{border:1px solid rgba(47,255,178,.35);background:rgba(47,255,178,.08);border-radius:18px;padding:14px;margin:14px 0;overflow-wrap:anywhere}.invite-new-link p{color:var(--text)}.rule-list{display:grid;gap:10px}.rule-list p{margin:0}.alert+.admin-grid{margin-top:18px}
@media (max-width: 980px){.admin-grid{grid-template-columns:1fr}.profile-admin-controls{grid-template-columns:1fr 1fr}.profile-admin-controls .btn{grid-column:1/-1}}
@media (max-width: 620px){.profile-admin-main{display:grid}.profile-admin-controls{grid-template-columns:1fr}.card-headline{display:grid}.card-headline .btn{justify-self:start}.status-badge{justify-self:start}.invite-meta{display:grid}}

/* dashboard status, monitoring list and admin permission layout */
.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:18px 0 12px}.section-heading-row h3{margin:0 0 4px}.section-heading-row p{margin:0;color:var(--muted)}
.dashboard-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.dashboard-status-card{min-width:0}.dashboard-status-card.basic p{font-size:.92rem}.muted{color:var(--muted)}.small-note{font-size:.82rem;margin:.4rem 0 0}.slim-card{padding:14px 16px}.monitoring-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.monitoring-actions h3{margin:0 0 4px}.monitoring-actions p{margin:0;color:var(--muted)}.button-row{display:flex;gap:10px;flex-wrap:wrap}.monitoring-list{display:grid;gap:12px}.monitoring-item{padding:0;overflow:hidden}.monitoring-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}.monitoring-summary h3{margin:0 0 5px}.monitoring-summary p{margin:0;color:var(--muted)}.monitoring-summary-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.monitoring-detail{border-top:1px solid var(--line);padding:14px 18px 18px;background:rgba(0,0,0,.12)}.monitoring-metrics{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.monitoring-mini{height:86px;margin-top:10px}.profile-admin-card,.invite-card{min-width:0;overflow:hidden}.profile-admin-main{min-width:0}.profile-admin-main>div{min-width:0}.profile-admin-main strong,.profile-admin-main p{overflow-wrap:anywhere}.profile-admin-controls.profile-permission-controls{grid-template-columns:minmax(130px,.65fr) minmax(150px,.75fr) minmax(260px,1.5fr) auto;align-items:start}.profile-admin-controls.profile-permission-controls>label,.permission-control{min-width:0}.profile-admin-controls.profile-permission-controls .btn{align-self:end;white-space:nowrap}.permission-picker{border:1px solid var(--line);border-radius:16px;background:rgba(8,17,31,.48);padding:0;min-width:0}.permission-picker summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;font-weight:800}.permission-picker summary::-webkit-details-marker{display:none}.permission-picker summary span{border:1px solid var(--line);border-radius:999px;padding:3px 8px;color:var(--muted);font-size:.78rem}.permission-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;padding:0 12px 12px}.check-option{display:flex!important;align-items:center;gap:8px;border:1px solid rgba(109,178,255,.14);border-radius:12px;background:rgba(255,255,255,.035);padding:8px 9px;font-size:.9rem;min-width:0}.check-option input{width:auto!important;min-width:auto!important}.check-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.permission-capability-preview{margin:0 12px 12px;border:1px dashed rgba(47,255,178,.25);border-radius:12px;padding:10px;background:rgba(47,255,178,.05)}.permission-capability-preview p{margin:4px 0 0;color:var(--muted);font-size:.86rem}
@media (max-width:1160px){.profile-admin-controls.profile-permission-controls{grid-template-columns:1fr 1fr}.permission-control,.profile-admin-controls.profile-permission-controls .btn{grid-column:1/-1}.profile-admin-controls.profile-permission-controls .btn{justify-self:start}}
@media (max-width:760px){.monitoring-actions,.monitoring-summary{display:grid}.monitoring-summary-actions{justify-content:start}.profile-admin-controls.profile-permission-controls{grid-template-columns:1fr}.permission-options{grid-template-columns:1fr}.dashboard-status-grid{grid-template-columns:1fr}.dashboard-main-graph-card .graph-canvas-wrap{height:235px}}


/* UI polish, stable nested scrolling and calmer admin/vpn/monitoring layout */
.vpn-admin-stack{display:grid;gap:18px;max-width:1120px}.prepared-panel code{color:var(--green)}
.permission-options{max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;padding-right:8px}
.permission-picker[open]{box-shadow:inset 0 0 0 1px rgba(53,167,255,.10)}
.permission-picker summary{min-height:44px}.permission-picker summary span{flex:0 0 auto}.permission-control{max-width:100%}
.profile-admin-controls.profile-permission-controls{grid-template-columns:minmax(120px,.55fr) minmax(140px,.65fr) minmax(250px,1.45fr) auto;gap:12px;align-items:start}
.profile-admin-controls.profile-permission-controls .btn{min-height:44px}.profile-admin-controls select{min-height:44px}
.admin-grid{grid-template-columns:minmax(0,1.25fr) minmax(260px,.55fr)}
.monitoring-actions{position:relative;overflow:hidden}.monitoring-list{gap:10px}.monitoring-item{transition:border-color .16s ease,background .16s ease}.monitoring-item.open{border-color:rgba(109,178,255,.30);background:linear-gradient(145deg,rgba(14,28,48,.88),rgba(8,16,30,.88))}
.monitoring-title-block{min-width:0}.monitoring-summary{padding:14px 16px}.monitoring-detail{padding:12px 16px 16px}.monitoring-mini{height:82px}.monitoring-metrics{margin-bottom:10px}.monitoring-summary-actions .btn{min-width:116px}
.status-pill{white-space:nowrap}.dashboard-status-grid{align-items:stretch}.dashboard-status-card{display:grid;align-content:start;gap:10px}
@media (max-width:1180px){.admin-grid{grid-template-columns:1fr}.vpn-admin-stack{max-width:none}.profile-admin-controls.profile-permission-controls{grid-template-columns:1fr 1fr}.permission-control,.profile-admin-controls.profile-permission-controls .btn{grid-column:1/-1}.profile-admin-controls.profile-permission-controls .btn{justify-self:start}}
@media (max-width:720px){.profile-admin-controls.profile-permission-controls{grid-template-columns:1fr}.monitoring-summary{display:grid}.monitoring-summary-actions{justify-content:start}.permission-options{grid-template-columns:1fr;max-height:220px}.card-headline{display:grid}.card-headline .btn{justify-self:start}}
/* stable overlay button, status colors and series mapping */
.graph-controls{align-items:center}.overlay-toggle{min-width:132px;text-align:center;white-space:nowrap}.overlay-toggle.active{border-color:rgba(255,209,102,.68)!important;color:#ffe2a3!important;background:rgba(255,209,102,.14)!important;box-shadow:0 0 22px rgba(255,209,102,.18)!important}.series-dot{display:inline-block;width:9px;height:9px;border-radius:999px;margin-right:7px;vertical-align:middle;background:var(--blue);box-shadow:0 0 12px currentColor}.series-pi{background:var(--series-pi);color:var(--series-pi)}.series-r815{background:var(--series-r815);color:var(--series-r815)}.series-pihole{background:var(--series-pihole);color:var(--series-pihole)}.series-kuma{background:var(--series-kuma);color:var(--series-kuma)}.series-pterodactyl-panel{background:var(--series-pterodactyl-panel);color:var(--series-pterodactyl-panel)}.status-pill.online,.status-pill.active,.status-pill.success{border-color:rgba(47,255,178,.40);color:#b6ffe7;background:rgba(47,255,178,.085)}.status-pill.prepared{border-color:rgba(109,178,255,.34);color:#cfe6ff;background:rgba(53,167,255,.075)}.status-pill.warning,.status-pill.pending{border-color:rgba(255,209,102,.46);color:#ffe2a3;background:rgba(255,209,102,.10)}.status-pill.degraded{border-color:rgba(255,159,67,.46);color:#ffd2a0;background:rgba(255,159,67,.10)}.status-pill.offline,.status-pill.critical,.status-pill.blocked,.status-pill.revoked{border-color:rgba(255,77,109,.46);color:#ffb3c0;background:rgba(255,77,109,.10)}.dashboard-status-card{position:relative}.dashboard-status-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:var(--radius) 0 0 var(--radius);background:rgba(109,178,255,.28)}.profile-action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px}.profile-action-row form{display:inline}.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:18px;align-items:start}.profile-hero{display:flex;gap:14px;align-items:center;margin-bottom:16px}.profile-large-mark{width:58px;height:58px;border-radius:18px;font-size:1.35rem}.profile-status-row{margin:14px 0}.invite-create-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.invite-create-row label{min-width:160px}.invite-create-row input{width:160px}.archive-toggle-row{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:12px}.invite-card.archived{opacity:.62}.invite-card .btn[disabled]{opacity:.45}.status-badge.archived{border-color:rgba(142,165,189,.35);color:var(--muted)}
@media (max-width:900px){.profile-grid{grid-template-columns:1fr}.overlay-toggle{min-width:120px}.graph-controls{width:100%}.invite-create-row label,.invite-create-row input{width:100%;min-width:0}}

/* geordnete Statuskarten, deutsche Zustände und max. zwei Metric-Felder je Reihe */
.dashboard-status-grid{grid-template-columns:repeat(2,minmax(260px,1fr));align-items:stretch}.dashboard-status-card{overflow:hidden;padding:16px}.dashboard-status-card::before{display:none}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.metric-pill{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:rgba(8,17,31,.58);font-size:.86rem}.metric-pill span{color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-pill strong{font-weight:900;text-align:right;white-space:nowrap}.metric-pill.online,.status-pill.online,.status-pill.active{border-color:rgba(47,255,178,.45);color:#b6ffe7;background:rgba(47,255,178,.09)}.metric-pill.warning,.status-pill.warning,.status-pill.pending,.status-pill.starting,.status-pill.booting,.status-pill.maintenance{border-color:rgba(255,209,102,.50);color:#ffe2a3;background:rgba(255,209,102,.10)}.metric-pill.critical,.status-pill.critical,.status-pill.restarting,.status-pill.shutting_down{border-color:rgba(255,159,67,.52);color:#ffd2a0;background:rgba(255,159,67,.11)}.metric-pill.offline,.status-pill.offline,.status-pill.blocked,.status-pill.revoked{border-color:rgba(255,77,109,.50);color:#ffb3c0;background:rgba(255,77,109,.10)}.metric-pill.prepared,.status-pill.prepared,.metric-pill.unknown,.status-pill.unknown{border-color:rgba(109,178,255,.36);color:#cfe6ff;background:rgba(53,167,255,.075)}.status-reason{font-size:.84rem;margin-top:10px}.dashboard-status-card,.monitoring-item{border-color:rgba(109,178,255,.24)}.system-card-pi{border-color:color-mix(in srgb,var(--series-pi) 38%,rgba(109,178,255,.20));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--series-pi) 13%,transparent)}.system-card-r815{border-color:color-mix(in srgb,var(--series-r815) 38%,rgba(109,178,255,.20));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--series-r815) 13%,transparent)}.system-card-pihole{border-color:color-mix(in srgb,var(--series-pihole) 38%,rgba(109,178,255,.20));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--series-pihole) 13%,transparent)}.system-card-kuma{border-color:color-mix(in srgb,var(--series-kuma) 38%,rgba(109,178,255,.20));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--series-kuma) 13%,transparent)}.system-card-pterodactyl-panel{border-color:color-mix(in srgb,var(--series-pterodactyl-panel) 38%,rgba(109,178,255,.20));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--series-pterodactyl-panel) 13%,transparent)}.status-online{box-shadow:inset 0 0 0 1px rgba(47,255,178,.10)}.status-offline{box-shadow:inset 0 0 0 1px rgba(255,77,109,.14)}.status-warning,.status-maintenance,.status-starting,.status-booting{box-shadow:inset 0 0 0 1px rgba(255,209,102,.12)}.status-critical,.status-restarting,.status-shutting_down{box-shadow:inset 0 0 0 1px rgba(255,159,67,.14)}.monitoring-detail{overflow:visible}.monitoring-metrics{max-width:760px}.monitoring-mini{overflow:visible}@media (max-width:900px){.dashboard-status-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.metric-grid{grid-template-columns:1fr}.dashboard-status-card{padding:14px}}

/* graph/link/status layout corrections */
.dashboard-mini-metrics{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.dashboard-status-card.basic .dashboard-mini-metrics,
.dashboard-status-card:not(.detailed) .dashboard-mini-metrics{
  grid-template-columns:1fr;
}
.monitoring-metrics{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:940px;
}
.server-link-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.link-pill{
  cursor:pointer;
  color:var(--text);
  width:100%;
  font:inherit;
}
.link-pill:hover{
  border-color:rgba(109,178,255,.62);
  background:rgba(53,167,255,.12);
  transform:translateY(-1px);
}
.link-pill[disabled],
.link-pill.disabled{
  opacity:.46;
  cursor:not-allowed;
}
.vpn-admin-stack,
.page-vpn-admin .alert,
.page-vpn-admin .card{
  max-width:1120px;
  width:100%;
}
.page-vpn-admin .alert{
  box-sizing:border-box;
}
.metric-pill{
  min-height:34px;
}
.metric-pill strong{
  max-width:60%;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media (max-width:900px){
  .monitoring-metrics{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
  .server-link-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .monitoring-metrics,.dashboard-mini-metrics{grid-template-columns:1fr}
}

/* targeted correction pass for server cards, VPN widths and stable stat rows */
.page-server .cards-grid{
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  align-items:stretch;
}
.server-detail-card{
  display:grid;
  align-content:start;
  min-height:0;
  overflow:visible;
}
.server-detail-card .card-headline{
  margin-bottom:8px;
}
.server-detail-list{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.server-detail-row{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(92px,.34fr) minmax(0,1fr);
  align-items:center;
  gap:10px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(8,17,31,.58);
  color:var(--text);
  padding:9px 11px;
  font-size:.88rem;
  text-align:left;
}
.server-detail-row span{
  color:var(--muted);
  white-space:nowrap;
}
.server-detail-row strong{
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
  font-weight:850;
  text-align:right;
}
.server-detail-row.online{border-color:rgba(47,255,178,.45);background:rgba(47,255,178,.075)}
.server-detail-row.warning{border-color:rgba(255,209,102,.45);background:rgba(255,209,102,.08)}
.server-detail-row.offline{border-color:rgba(255,77,109,.45);background:rgba(255,77,109,.08)}
.server-detail-row.prepared{border-color:rgba(109,178,255,.28);background:rgba(53,167,255,.055)}
button.server-detail-row{
  cursor:pointer;
  font:inherit;
}
button.server-detail-row:hover{
  border-color:rgba(109,178,255,.62);
  background:rgba(53,167,255,.12);
  transform:translateY(-1px);
}
.page-vpn_admin .alert,
.page-vpn_admin .vpn-admin-stack,
.page-vpn_admin .card,
.page-vpn-admin .alert,
.page-vpn-admin .vpn-admin-stack,
.page-vpn-admin .card{
  max-width:1120px;
  width:100%;
}
.page-vpn_admin .alert,
.page-vpn-admin .alert{
  box-sizing:border-box;
}
@media (max-width:720px){
  .page-server .cards-grid{grid-template-columns:1fr}
  .server-detail-row{grid-template-columns:1fr;gap:4px}
  .server-detail-row strong{text-align:left}
}

/* Backup Tools UI */
.page-tools .alert,
.page-tools .tools-backup-grid,
.page-tools .backup-list-card,
.page-tools .backup-sync-card{
  max-width:1120px;
  width:100%;
}
.tools-backup-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:18px 0;
}
.backup-type-card{
  display:grid;
  align-content:start;
  gap:14px;
  min-width:0;
}
.backup-type-card.sensitive{
  border-color:rgba(255,209,102,.34);
  box-shadow:inset 0 0 0 1px rgba(255,209,102,.08),0 18px 60px rgba(0,0,0,.22);
}
.compact-alert{
  padding:12px 13px;
  border-radius:16px;
  margin:0;
}
.compact-alert p{margin:.35rem 0 0;color:var(--muted)}
.backup-detail-list{
  display:grid;
  gap:8px;
  margin-top:4px;
}
.backup-detail-row{
  display:grid;
  grid-template-columns:minmax(110px,.42fr) minmax(0,1fr);
  gap:10px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(8,17,31,.54);
  padding:9px 11px;
  min-width:0;
}
.backup-detail-row span{color:var(--muted);font-size:.86rem;white-space:nowrap}
.backup-detail-row strong{min-width:0;text-align:right;overflow-wrap:anywhere}
.backup-detail-row.online{border-color:rgba(47,255,178,.38);background:rgba(47,255,178,.065)}
.backup-detail-row.warning{border-color:rgba(255,209,102,.40);background:rgba(255,209,102,.075)}
.backup-detail-row.offline{border-color:rgba(255,77,109,.36);background:rgba(255,77,109,.065)}
.backup-detail-row.prepared{border-color:rgba(109,178,255,.28);background:rgba(53,167,255,.052)}
.backup-list{
  display:grid;
  gap:12px;
}
.empty-state{
  border:1px dashed rgba(109,178,255,.30);
  border-radius:18px;
  padding:18px;
  background:rgba(8,17,31,.45);
}
.empty-state p{color:var(--muted);margin:.35rem 0 0}
.backup-list-item{
  display:grid;
  grid-template-columns:minmax(220px,.85fr) minmax(260px,1.05fr) auto;
  gap:14px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:18px;
  padding:14px;
  background:rgba(255,255,255,.033);
}
.backup-list-item.sensitive{
  border-color:rgba(255,209,102,.32);
  background:linear-gradient(145deg,rgba(255,209,102,.055),rgba(255,255,255,.025));
}
.backup-list-main{
  display:flex;
  gap:10px;
  align-items:center;
  min-width:0;
}
.backup-list-main h4{margin:0 0 4px}
.backup-list-main p{margin:0;color:var(--muted);font-size:.86rem;overflow-wrap:anywhere}
.backup-list-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.backup-list-actions{
  display:flex;
  gap:8px;
  justify-content:flex-end;
  flex-wrap:wrap;
}
@media (max-width:1100px){
  .tools-backup-grid{grid-template-columns:1fr}
  .backup-list-item{grid-template-columns:1fr}
  .backup-list-actions{justify-content:flex-start}
}
@media (max-width:620px){
  .backup-detail-row{grid-template-columns:1fr;gap:4px}
  .backup-detail-row strong{text-align:left}
  .backup-list-meta{grid-template-columns:1fr}
}
.backup-action-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:14px 0 10px;
}
.backup-action-row .btn{
  min-width:160px;
}
@media (max-width:620px){
  .backup-action-row .btn{width:100%;min-width:0}
}
/* readable backup list details; no clipped pill text */
.backup-list-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(210px,1fr));gap:8px;min-width:0}
.backup-list-meta-grid .backup-detail-row{margin:0;min-height:38px}
@media (max-width:720px){.backup-list-meta-grid{grid-template-columns:1fr}}

/* permission based disabled/hidden UI helpers */
.is-hidden-by-permission{display:none!important}
.is-disabled,[aria-disabled="true"]{opacity:.48!important;cursor:not-allowed!important;filter:saturate(.7)!important}
button.is-disabled,button[aria-disabled="true"]{pointer-events:auto!important}


/* Permission/action helpers */
.is-disabled,
[aria-disabled="true"]{
  opacity:.48!important;
  cursor:not-allowed!important;
  filter:saturate(.75);
}
button.is-disabled,
button[disabled]{
  opacity:.48!important;
  cursor:not-allowed!important;
  pointer-events:auto;
}
.permission-hint,
.action-reason{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:.78rem;
}
.action-reason.warn{color:#ffe2a3}
.action-reason.danger{color:#ffd4dc}
.copy-only-address{
  user-select:all;
  cursor:copy;
  border:1px solid rgba(109,178,255,.20);
  border-radius:999px;
  padding:4px 8px;
  background:rgba(255,255,255,.025);
}


/* Plugin status cards */
.plugin-status-section,.inventory-plugin-section{margin-top:18px}.plugin-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.plugin-status-card,.inventory-plugin-card{border:1px solid rgba(109,178,255,.20);border-radius:18px;padding:14px;background:rgba(14,34,58,.48);box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)}.plugin-status-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}.plugin-status-head strong{display:block}.plugin-status-head small{display:block;color:var(--muted);margin-top:3px}.plugin-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.plugin-meta-grid span{border:1px solid rgba(109,178,255,.16);border-radius:12px;padding:8px;background:rgba(255,255,255,.025);color:var(--text);overflow-wrap:anywhere}.plugin-meta-grid b{display:block;color:var(--muted);font-size:.74rem;margin-bottom:4px}.status-badge.active,.status-badge.configured{border-color:rgba(122,255,204,.35);color:#b6ffe7;background:rgba(122,255,204,.10)}.status-badge.prepared{border-color:rgba(109,178,255,.35);color:#d5efff;background:rgba(53,167,255,.12)}.status-badge.missing_config{border-color:rgba(255,209,102,.35);color:#ffe2a3;background:rgba(255,209,102,.10)}.status-badge.disabled{border-color:rgba(160,170,185,.25);color:var(--muted);background:rgba(255,255,255,.04)}.status-badge.error{border-color:rgba(255,77,109,.38);color:#ffd4dc;background:rgba(255,77,109,.10)}@media(max-width:680px){.plugin-meta-grid{grid-template-columns:1fr}}


/* Permission UI */
.permission-admin-section{margin-top:18px}
.permission-ui{display:grid;gap:18px}
.permission-ui-section{
  border:1px solid rgba(109,178,255,.18);
  border-radius:18px;
  padding:14px;
  background:rgba(8,17,31,.28);
}
.permission-ui-section h3{margin:0 0 4px}
.permission-ui-section p{margin:0 0 12px;color:var(--muted)}
.permission-system-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:12px;
}
.permission-system-card{
  border:1px solid rgba(109,178,255,.18);
  border-radius:18px;
  padding:12px;
  background:rgba(14,34,58,.46);
}
.permission-system-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
  margin-bottom:10px;
}
.permission-system-head strong{display:block}
.permission-system-head small{display:block;color:var(--muted);margin-top:3px}
.permission-group{
  border:1px solid rgba(109,178,255,.16);
  border-radius:14px;
  padding:8px 10px;
  background:rgba(255,255,255,.025);
  margin-top:8px;
}
.permission-group summary{
  cursor:pointer;
  list-style-position:inside;
}
.permission-group summary strong{display:inline-block;margin-right:8px}
.permission-group summary small{color:var(--muted)}
.permission-check-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:8px;
  margin-top:10px;
}
.permission-check{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:6px 8px;
  align-items:center;
  border:1px solid rgba(109,178,255,.14);
  border-radius:12px;
  padding:8px;
  background:rgba(0,0,0,.10);
}
.permission-check input{grid-row:1 / span 2}
.permission-check span{font-weight:700}
.permission-check small{grid-column:2;color:var(--muted);font-size:.72rem;overflow-wrap:anywhere}
@media(max-width:680px){
  .permission-system-grid{grid-template-columns:1fr}
  .permission-check-grid{grid-template-columns:1fr}
}


/* Global polish fixes */
.action-reason{display:none!important}
.permission-matrix-final{margin-top:18px}
.permission-matrix-final [data-permission-ui-host]{
  overflow:hidden;
}
.permission-system-grid{
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;
}
.permission-check-grid{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
}
.plugin-status-grid{
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;
}
.plugin-meta-grid{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
}
.plugin-status-card,
.inventory-plugin-card{
  overflow:hidden;
}
.plugin-meta-grid span,
.permission-check small{
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
}
button,
.ghost-btn,
.secondary-btn,
.primary-btn,
.server-link-button{
  font:inherit;
}
button.mini,
.ghost-btn.mini,
.server-address-row button{
  border:1px solid rgba(109,178,255,.28)!important;
  color:#d5efff!important;
  background:rgba(53,167,255,.12)!important;
  border-radius:12px!important;
  padding:7px 10px!important;
  font-weight:700!important;
}
button.mini:hover,
.ghost-btn.mini:hover,
.server-address-row button:hover{
  border-color:rgba(122,255,204,.42)!important;
  background:rgba(122,255,204,.10)!important;
}
.backup-card,
.backup-row,
.backup-entry{
  overflow:hidden;
}
.backup-card *,
.backup-row *,
.backup-entry *{
  overflow-wrap:anywhere;
  word-break:normal;
}
@media(max-width:900px){
  .plugin-status-grid,
  .permission-system-grid{grid-template-columns:1fr!important}
}


/* Admin/VPN permission cleanup */
.permission-matrix-main{
  margin-bottom:18px;
  border-color:rgba(122,255,204,.25)!important;
}
.permission-matrix-final .permission-ui-section{
  background:rgba(8,17,31,.34)!important;
}
.admin-profile-card [class*="server-permission"],
.vpn-profile-card [class*="server-permission"],
.admin-profile-card .server-permissions,
.vpn-profile-card .server-permissions{
  opacity:.88;
}
.admin-profile-card .server-permissions .hint,
.vpn-profile-card .server-permissions .hint{
  display:none!important;
}
.permission-admin-section .permission-system-grid{
  grid-template-columns:repeat(auto-fit,minmax(340px,1fr))!important;
}

/* polling anti-flicker for all current/future control cards */
.page-control button,
.control-card button,
.control-grid button,
[data-control-root] button{
  transition:background-color .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease!important;
  will-change:auto!important;
}
.page-control button.is-disabled,
.control-card button.is-disabled,
.control-grid button.is-disabled,
[data-control-root] button.is-disabled{
  opacity:.58!important;
  filter:none!important;
}
.page-control *,
.control-card *,
.control-grid *,
[data-control-root] *{
  animation-duration:.001s!important;
}
.page-control .action-reason,
.control-card .action-reason,
.control-grid .action-reason,
[data-control-root] .action-reason{
  display:none!important;
}

/* Server/address polish */
.game-address-row code,
.copy-only-address{
  font-weight:900!important;
  color:#ffe6c6!important;
  background:rgba(255,158,66,.11)!important;
  border-color:rgba(255,158,66,.42)!important;
}
.server-address-row code,
.server-link-button{
  min-height:38px;
  display:flex!important;
  align-items:center;
}
.server-address-row button{
  min-height:38px;
}

/* Inventory/Plugin readability */
.plugin-status-grid{
  grid-template-columns:repeat(auto-fit,minmax(360px,1fr))!important;
}
.plugin-status-card{
  min-width:0;
}
.plugin-meta-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.plugin-meta-grid > *,
.plugin-status-card *{
  min-width:0;
  overflow-wrap:anywhere;
}

/* Tools/Backup card layout */
.backup-list,
.backup-list *{
  min-width:0;
}
.backup-entry,
.backup-card,
.backup-row{
  display:grid!important;
  grid-template-columns:minmax(220px,.8fr) minmax(360px,1.2fr) auto!important;
  align-items:center!important;
  gap:12px!important;
}
.backup-entry .backup-meta,
.backup-card .backup-meta,
.backup-row .backup-meta,
.backup-entry [class*="meta"],
.backup-card [class*="meta"],
.backup-row [class*="meta"]{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(130px,1fr))!important;
  gap:8px!important;
}
.backup-entry [class*="field"],
.backup-card [class*="field"],
.backup-row [class*="field"],
.backup-entry .stat-box,
.backup-card .stat-box,
.backup-row .stat-box{
  min-height:44px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
@media(max-width:980px){
  .backup-entry,
  .backup-card,
  .backup-row{
    grid-template-columns:1fr!important;
  }
  .plugin-status-grid{
    grid-template-columns:1fr!important;
  }
}


/* Hard overrides */
.legacy-permission-picker .legacy-permission-options{
  display:none!important;
}
.legacy-permission-picker[open] .legacy-permission-options{
  display:grid!important;
}
.legacy-permission-picker summary{
  opacity:.85;
}
.permission-matrix-main-wide{
  border-color:rgba(122,255,204,.34)!important;
  box-shadow:inset 0 0 0 1px rgba(122,255,204,.06)!important;
}
.permission-matrix-final{
  order:-1;
}
.page-control .control-target-card{
  transform:none!important;
}
.page-control .control-target-card *,
.page-control .control-target-card *::before,
.page-control .control-target-card *::after{
  animation:none!important;
}
.page-control button{
  transition:opacity .12s ease, background-color .12s ease, border-color .12s ease!important;
}
.copy-only-address{
  cursor:pointer;
  user-select:all;
  display:flex!important;
  align-items:center!important;
  min-height:40px!important;
  color:#ffe5c2!important;
  background:rgba(255,158,66,.14)!important;
  border:1px solid rgba(255,158,66,.46)!important;
  font-weight:950!important;
  letter-spacing:.01em;
}
.plugin-status-grid{
  grid-template-columns:repeat(auto-fit,minmax(400px,1fr))!important;
}
.plugin-meta-grid{
  grid-template-columns:repeat(2,minmax(170px,1fr))!important;
}
@media(max-width:900px){
  .plugin-status-grid{grid-template-columns:1fr!important}
}


/* Permission / Legacy cleanup */
.legacy-permission-picker{
  border-color:rgba(109,178,255,.16)!important;
  background:rgba(255,255,255,.025)!important;
}
.legacy-permission-picker > summary{cursor:pointer!important}
.legacy-permission-picker:not([open]) .legacy-permission-options{display:none!important}
.legacy-permission-picker small,.legacy-permission-picker .hint{color:var(--muted)!important}
.permission-matrix-final{margin-bottom:18px!important}
.permission-matrix-final .section-head p,.permission-admin-section p{overflow-wrap:anywhere}
.permission-ui details{background:rgba(8,17,31,.20)!important}
.permission-ui summary{cursor:pointer!important}
.page-control .action-reason{display:none!important}
.page-control .z-stable-button{transform:none!important}

/* Globale Funktions-Bausteine für Buttons/Badges */
.btn,.ghost-btn,.danger-btn,button{--btn-bg:rgba(63,151,255,.16);--btn-border:rgba(108,180,255,.42);min-height:40px;border-radius:14px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text,#f4f8ff);font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;line-height:1.15;cursor:pointer;text-decoration:none}.btn:hover,.ghost-btn:hover,.danger-btn:hover,button:hover{filter:brightness(1.08)}.btn:disabled,.ghost-btn:disabled,.danger-btn:disabled,button:disabled,.is-disabled{opacity:.48;cursor:not-allowed}.btn.safe,.btn.success,.btn.start,.btn.confirm,[data-button-kind="safe"],[data-button-kind="start"],[data-button-kind="confirm"]{--btn-bg:linear-gradient(135deg,rgba(44,232,179,.34),rgba(46,202,132,.22));--btn-border:rgba(77,255,202,.72)}.btn.warning,.btn.restart,.btn.reset,[data-button-kind="warning"],[data-button-kind="restart"],[data-button-kind="reset"]{--btn-bg:linear-gradient(135deg,rgba(255,204,85,.34),rgba(255,148,72,.20));--btn-border:rgba(255,211,112,.76)}.btn.danger,.danger-btn,.btn.stop,.btn.shutdown,.btn.delete,.btn.revoke,[data-button-kind="danger"],[data-button-kind="stop"],[data-button-kind="shutdown"],[data-button-kind="delete"],[data-button-kind="revoke"]{--btn-bg:linear-gradient(135deg,rgba(255,94,118,.32),rgba(255,76,76,.20));--btn-border:rgba(255,122,143,.78)}.btn.neutral,.btn.copy,.btn.refresh,.btn.read,.ghost-btn,[data-button-kind="neutral"],[data-button-kind="copy"],[data-button-kind="refresh"],[data-button-kind="read"]{--btn-bg:rgba(116,176,255,.13);--btn-border:rgba(134,194,255,.42)}.btn.mini,.ghost-btn.mini,.danger-btn.mini{min-height:34px;padding:7px 10px;border-radius:12px;font-size:.86rem}.btn.wide{width:100%}.status-badge,.pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 10px;border-radius:999px;border:1px solid rgba(121,189,255,.34);background:rgba(67,144,255,.12);font-weight:850}.status-badge.status-connected{border-color:rgba(74,255,201,.72);background:rgba(42,220,174,.20)}.status-badge.status-ready{border-color:rgba(255,211,112,.72);background:rgba(255,194,83,.18)}.status-badge.status-normal{border-color:rgba(119,184,255,.56);background:rgba(88,154,255,.16)}.status-badge.status-disconnected{border-color:rgba(180,188,205,.40);background:rgba(150,164,190,.13)}.status-badge.status-expired{border-color:rgba(255,110,132,.75);background:rgba(255,84,112,.18)}.z-check,input[type="checkbox"].z-check,.profile-group-check input,.permission-check,.perm-check{inline-size:20px;block-size:20px;margin:0;display:inline-grid;place-content:center;accent-color:#48e6c0}.brand-copy small:empty{display:none}

.status-unknown{box-shadow:inset 0 0 0 1px rgba(109,178,255,.12)}

/* 31R-I-H3f shared compact stat fields */
.z-stat-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:9px;
  align-items:stretch;
}

.z-stat-pill{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-width:0;
  min-height:40px;
  padding:8px 11px;
  border:1px solid rgba(109,178,255,.24);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(8,17,31,.70),rgba(7,14,26,.56));
  color:#dcecff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}

.z-stat-label{
  min-width:0;
  color:var(--muted);
  font-size:.76rem;
  line-height:1.1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.z-stat-value{
  justify-self:end;
  min-width:0;
  font-size:.96rem;
  line-height:1.15;
  font-weight:900;
  text-align:right;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.z-stat-pill.online{
  border-color:rgba(47,255,178,.42);
  color:#b6ffe7;
  background:linear-gradient(145deg,rgba(47,255,178,.095),rgba(8,17,31,.60));
}

.z-stat-pill.warning,
.z-stat-pill.prepared,
.z-stat-pill.maintenance,
.z-stat-pill.starting,
.z-stat-pill.booting,
.z-stat-pill.waking,
.z-stat-pill.checking{
  border-color:rgba(255,209,102,.46);
  color:#ffe2a3;
  background:linear-gradient(145deg,rgba(255,209,102,.10),rgba(8,17,31,.60));
}

.z-stat-pill.critical,
.z-stat-pill.restarting,
.z-stat-pill.shutting_down{
  border-color:rgba(255,159,67,.50);
  color:#ffd2a0;
  background:linear-gradient(145deg,rgba(255,159,67,.11),rgba(8,17,31,.60));
}

.z-stat-pill.offline,
.z-stat-pill.blocked,
.z-stat-pill.revoked{
  border-color:rgba(255,77,109,.50);
  color:#ffb3c0;
  background:linear-gradient(145deg,rgba(255,77,109,.11),rgba(8,17,31,.60));
}

.z-stat-pill.info,
.z-stat-pill.ready,
.z-stat-pill.unknown{
  border-color:rgba(109,178,255,.34);
  color:#cfe6ff;
  background:linear-gradient(145deg,rgba(53,167,255,.075),rgba(8,17,31,.60));
}

@media (max-width:720px){
  .z-stat-pill{
    grid-template-columns:1fr;
    gap:4px;
  }

  .z-stat-value{
    justify-self:start;
    text-align:left;
  }
}

/* 31R-I-H5n final UI polish */

/* Dashboard Graph: Offline/keine Proxmox-Antwort darf nicht wie durchgehend grün-online wirken. */
.h5n-offline-graph-root svg path,
.h5n-offline-graph-root svg polyline,
svg.h5n-offline-graph-svg path,
svg.h5n-offline-graph-svg polyline {
  transition: stroke 160ms ease, filter 160ms ease;
}

/* /server: Detail-/Collapsible-Felder schlanker wie /monitoring */
.page-server .server-card,
body[data-page="server"] .server-card,
body[data-route="server"] .server-card {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.page-server .server-card__body,
.page-server .server-card-body,
.page-server .collapsible-body,
.page-server .details-body,
body[data-page="server"] .server-card__body,
body[data-route="server"] .server-card__body {
  gap: 8px !important;
}

.page-server .field-row,
.page-server .detail-row,
.page-server .info-row,
.page-server .url-row,
.page-server .server-field,
.page-server .server-detail-row,
.page-server .copy-row,
.page-server .kv-row,
.page-server [class*="field-row"],
.page-server [class*="detail-row"],
.page-server [class*="copy-row"],
body[data-page="server"] .field-row,
body[data-route="server"] .field-row {
  min-height: 34px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  align-items: center !important;
}

.page-server .field-label,
.page-server .detail-label,
.page-server .server-field-label,
.page-server .kv-label,
.page-server [class*="field-label"],
.page-server [class*="detail-label"],
.page-server [class*="kv-label"] {
  line-height: 1.2 !important;
}

.page-server .field-value,
.page-server .detail-value,
.page-server .server-field-value,
.page-server .copy-value,
.page-server .kv-value,
.page-server [class*="field-value"],
.page-server [class*="detail-value"],
.page-server [class*="copy-value"],
.page-server [class*="kv-value"] {
  min-height: 28px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  line-height: 1.22 !important;
}

/* /server: Stat-Felder nicht zu fett/hoch */
.page-server .stat-pill,
.page-server .metric-pill,
.page-server .server-stat,
.page-server .status-field,
.page-server [class*="stat-pill"],
.page-server [class*="metric-pill"],
.page-server [class*="status-field"] {
  min-height: 32px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  line-height: 1.2 !important;
}

/* /monitoring: kleinen Punkt links neben HOST/VM entfernen.
   Dreieck/Glow bleibt erhalten, weil nur Dot-/Meta-Pseudos und Status-Dot-Elemente betroffen sind. */
.page-monitoring .server-card__meta::before,
.page-monitoring .monitoring-card__meta::before,
.page-monitoring .system-card__meta::before,
.page-monitoring .card-meta::before,
.page-monitoring .server-card__type::before,
.page-monitoring .monitoring-card__type::before,
.page-monitoring [class*="meta"]::before,
.page-monitoring [class*="type"]::before {
  content: none !important;
  display: none !important;
}

.page-monitoring .server-card__meta > .status-dot,
.page-monitoring .monitoring-card__meta > .status-dot,
.page-monitoring .system-card__meta > .status-dot,
.page-monitoring .card-meta > .status-dot,
.page-monitoring .server-card__type > .status-dot,
.page-monitoring .monitoring-card__type > .status-dot,
.page-monitoring [class*="meta"] > .status-dot,
.page-monitoring [class*="type"] > .status-dot,
.page-monitoring [class*="meta"] > .dot,
.page-monitoring [class*="type"] > .dot,
body[data-page="monitoring"] [class*="meta"] > .status-dot,
body[data-route="monitoring"] [class*="meta"] > .status-dot {
  display: none !important;
}

/* Falls der Punkt als erstes rein dekoratives Span/Icon im Header sitzt. */
.page-monitoring .server-card__header [aria-hidden="true"].status-dot,
.page-monitoring .monitoring-card__header [aria-hidden="true"].status-dot,
.page-monitoring .system-card__header [aria-hidden="true"].status-dot,
.page-monitoring .server-card__head [aria-hidden="true"].status-dot,
.page-monitoring .monitoring-card__head [aria-hidden="true"].status-dot {
  display: none !important;
}


/* 31R-I-H5p safety: no left series-dot in monitoring eyebrow */
.page-monitoring .series-dot {
  display: none !important;
}

/* 31R-I-P1-D2 status pill only hardening
   Wichtig:
   - Keine allgemeine Karten-/Card-/Detailfeld-Färbung.
   - Nur kleine Status-Bausteine/Pills sollen ihren Status farblich zeigen.
   - Betrifft rechts oben Status-Pill und innere Status-/Metric-Pills. */

.status-pill.online,
.metric-pill.online,
.monitoring-stat-pill.online,
.dashboard-stat-pill.online {
  border-color: rgba(94, 255, 186, 0.72);
  color: #caffec;
  background: rgba(55, 226, 157, 0.13);
  box-shadow: 0 0 0 1px rgba(94, 255, 186, 0.12), 0 0 18px rgba(94, 255, 186, 0.08);
}

.status-pill.offline,
.metric-pill.offline,
.monitoring-stat-pill.offline,
.dashboard-stat-pill.offline {
  border-color: rgba(255, 103, 134, 0.70);
  color: #ffd1dc;
  background: rgba(255, 71, 112, 0.13);
  box-shadow: 0 0 0 1px rgba(255, 103, 134, 0.12), 0 0 18px rgba(255, 103, 134, 0.08);
}

.status-pill.warning,
.metric-pill.warning,
.monitoring-stat-pill.warning,
.dashboard-stat-pill.warning {
  border-color: rgba(255, 213, 105, 0.70);
  color: #fff0bd;
  background: rgba(255, 191, 64, 0.13);
  box-shadow: 0 0 0 1px rgba(255, 213, 105, 0.12), 0 0 18px rgba(255, 213, 105, 0.08);
}

.status-pill.critical,
.metric-pill.critical,
.monitoring-stat-pill.critical,
.dashboard-stat-pill.critical {
  border-color: rgba(255, 74, 104, 0.82);
  color: #ffd0d8;
  background: rgba(255, 58, 95, 0.16);
  box-shadow: 0 0 0 1px rgba(255, 74, 104, 0.16), 0 0 20px rgba(255, 74, 104, 0.10);
}

.status-pill.prepared,
.status-pill.ready,
.status-pill.bereit,
.metric-pill.prepared,
.metric-pill.ready,
.metric-pill.bereit,
.monitoring-stat-pill.prepared,
.monitoring-stat-pill.ready,
.monitoring-stat-pill.bereit,
.dashboard-stat-pill.prepared,
.dashboard-stat-pill.ready,
.dashboard-stat-pill.bereit {
  border-color: rgba(135, 190, 255, 0.46);
  color: #d6e9ff;
  background: rgba(78, 146, 255, 0.10);
  box-shadow: 0 0 0 1px rgba(135, 190, 255, 0.08), 0 0 16px rgba(78, 146, 255, 0.06);
}

.status-pill.maintenance,
.metric-pill.maintenance,
.monitoring-stat-pill.maintenance,
.dashboard-stat-pill.maintenance {
  border-color: rgba(184, 151, 255, 0.62);
  color: #eadfff;
  background: rgba(143, 99, 255, 0.12);
  box-shadow: 0 0 0 1px rgba(184, 151, 255, 0.10), 0 0 16px rgba(143, 99, 255, 0.08);
}