pre { white-space: pre-wrap; word-break:break-word; }
.card { border:1px solid var(--pe-border); padding:1rem; border-radius:16px; margin-bottom:1rem; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; }

/* Dashboard / Serverübersicht */
h2.page-title{
  text-align:center;
  font-size:clamp(1.6rem, 2.2rem, 2.6rem);
  margin:24px 0 16px;
}
.grid.server-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

/* Serverkarten */
.server-card{
  min-height:192px;
  display:flex;
  flex-direction:column;
  padding:18px 20px 20px;   /* einheitlicher Innenabstand */
  border-radius:16px;
  background:#111827;
  position:relative;
  overflow:hidden;
}

/* Überschriftzeile */
.server-card header{
  padding:0 0 10px 0;           /* kein zusätzlicher horizontaler Rand */
  border-bottom:1px solid rgba(255,255,255,.06);
}

/* Servername und ID */
.server-title{
  color:#D2AD6E;
  margin:0;
}
.server-id{
  color:#9aa1ad;
  font-size:.9rem;
  margin:8px 0 16px 0;          /* Abstand nach unten */
}

/* Einstellungen im Header */
details.settings{ margin-top:auto; }
details.settings summary{ cursor:pointer; }
details.settings summary::-webkit-details-marker{ display:none; }

/* Gold-Buttons im Header / allgemein */
.btn-gold{
  background:#D2AD6E !important;
  color:#020617 !important;
  padding:8px 14px;
  border-radius:8px;
  font-weight:700;
  border:0;
  display:inline-flex;
  align-items:center;
}
.settings-menu{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.settings-menu a{
  background:#18222f;
  color:#e5e7eb;
  border:1px solid rgba(255,255,255,.06);
  padding:8px 12px;
  border-radius:9999px;
  text-decoration:none;
}

/* Botmenü Status & Buttons */
.status-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  font-weight:800;
  font-size:22px;
  color:#94b5ff;
}
.status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:34px;
  padding:0 14px;
  border-radius:999px;
  font-size:14px;
  font-weight:700;
  color:#fff;
  line-height:1;
}
.status-online{  background:#22c55e; }
.status-offline{ background:#ef4444; }
.status-paused{  background:#f59e0b; }
.status-starting { background:#f59c0b; color:#fff; }

.actions{
  display:flex;
  justify-content:center;
  gap:22px;
  flex-wrap:wrap;
  margin-top:24px;
}
.actions form button{
  border:0;
  border-radius:12px;
  color:#fff;
  padding:0 20px;
  height:46px;
  font-weight:700;
  font-size:18px;
  cursor:pointer;
  box-shadow:0 2px 0 rgba(0,0,0,.15);
}
.actions form button.start{   background:#22c55e; }
.actions form button.stop{    background:#dc2626; }
.actions form button.restart{ background:#2563eb; }

/* Eventuelle Pico-Deko im main-Container deaktivieren */
main.container > section::before,
main.container > section::after {
  content:none !important;
}

/* SERVER-KARTE BODY */
.server-body{
  padding-top:8px;
  display:flex;
  flex-direction:column;
}

/* NEU: abgerundeter Balken für Servernamen */
.server-name-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 14px;
  border-radius:9999px;
  background:#020617;
  color:#fbbf24;
  font-weight:700;
}

/* Falls alte Header-Bestückung stört */
.server-card header,
.server-header{
  display:block;
}

/* -------------------------------------------------- */
/*  EINZIGE ÄNDERUNG: Button mit P&E-Gold erzwingen    */
/* -------------------------------------------------- */

a.btn-gold,
a[role="button"].btn-gold {
  background:#D2AD6E !important;
  color:#020617 !important;
}

/* Bot-Steuerung: Überschrift zentrieren (NEU) */
.bot-panel__header {
  text-align: center;
}

/* Höhe des Bot-Steuerungs-Headers steuern */
.bot-header-height {
  padding-top: 80px;   /* Abstand nach oben */
  padding-bottom: 10px;/* Abstand nach unten */
}