/* CraftSMP-Design fuer die Unterseiten (Marktplatz, Arena, Diplomatie ...).
   Wird NACH dem eigenen <style> der Seite geladen und uebersteuert dessen Farbvariablen,
   Schriften und den Kopfbereich - so sehen alle Seiten aus wie das Dashboard.
   Die alten Variablennamen (--gold, --panel, --fg ...) bleiben, bekommen aber Dashboard-Werte. */

:root{
  --sky:#00A1FD; --glow:#E9F7FF; --deep:#004D81;
  --surface:#FFFFFF; --surface2:#F7FCFF; --chip:#E1F2FD; --accent:#0090E6; --ink:#06304F; --muted:#4A6E8A;
  --money:#00609F; --good:#1C8A4E; --good-bg:#E3F6EA; --warn:#B4531F; --warn-bg:#FDEEE3; --bad:#C2372B; --bad-bg:#FCE8E6;
  --font-display:"Unbounded","Arial Black",system-ui,sans-serif;
  --font-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  /* alte Namen -> Dashboard-Werte */
  --bg:#F3FAFF; --panel:var(--surface); --panel2:var(--surface2); --line:#CFE6F7; --edge:#B5D8F0;
  --fg:var(--ink); --dim:var(--muted); --gold:var(--accent); --gold-soft:var(--money);
  --green:var(--good); --red:var(--bad); --blue:var(--accent); --blau:var(--accent); --amber:var(--warn);
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --surface:#0A2440; --surface2:#0C2A4A; --chip:#0F3254; --accent:#3DB9FF; --ink:#E4F3FF; --muted:#93B6D2;
  --money:#7FD0FF; --good:#5FD38F; --good-bg:#0E3326; --warn:#F2A06A; --warn-bg:#3A2213; --bad:#FF7B6E; --bad-bg:#3A1714;
  --bg:#05182A; --line:#16395C; --edge:#1F4A73; color-scheme:dark}}

html,body{background:var(--bg)}
body{color:var(--ink); font-family:var(--font-body)}
h1,h2,h3,h4{font-family:var(--font-display); letter-spacing:0}
code,kbd,.mono{font-family:var(--font-mono)}
a{color:var(--accent)}
input,select,textarea,button{font-family:inherit}

/* Obere Leiste wie im Dashboard */
.cs-topbar{position:sticky; top:0; z-index:50; background:var(--surface); border-bottom:1px solid var(--line)}
.cs-wrap{max-width:1080px; margin:0 auto; padding:10px max(16px,env(safe-area-inset-left,0px)); display:flex; align-items:center; gap:16px}
.cs-brand{display:flex; align-items:center; gap:10px; font-family:var(--font-display); font-weight:700; color:var(--ink); text-decoration:none; flex:none}
.cs-logo{width:34px; height:34px; border-radius:9px; display:grid; place-items:center;
  background:radial-gradient(circle at 50% 45%,var(--glow) 0%,#9AD8FF 45%,var(--sky) 100%);
  color:#004D81; font-family:var(--font-display); font-weight:800; font-size:19px; box-shadow:0 2px 8px rgba(0,77,129,.25)}
.cs-nav{display:flex; gap:4px; margin-left:auto; overflow-x:auto}
.cs-nav a{font-weight:600; font-size:.9375rem; color:var(--muted); text-decoration:none; border-radius:10px; padding:8px 14px; white-space:nowrap}
.cs-nav a:hover{color:var(--ink); background:var(--chip)}
@media (max-width:520px){.cs-brand span:last-child{display:none} .cs-nav a{padding:8px 8px}}

/* Kopfbereich der Seite als leuchtende Dero-Muenze wie der Dashboard-Hero */
body > header{background:radial-gradient(ellipse 75% 120% at 50% 20%,var(--glow) 0%,#9AD8FF 40%,var(--sky) 85%);
  color:#004D81; border:0; box-shadow:none; position:relative}
body > header h1{color:#004D81; font-family:var(--font-display); font-weight:800}
body > header h1 small, body > header p, body > header .sub{color:#004D81; opacity:.8; font-family:var(--font-body)}
body > header a.chip, body > header a.back, body > header span.back, body > header .chip, body > header button.chip{
  background:rgba(255,255,255,.78); color:#004D81; border:1px solid rgba(0,77,129,.18); border-radius:999px;
  padding:6px 14px; font-weight:600; text-decoration:none}
body > header a.chip:hover, body > header a.back:hover, body > header .chip:hover{background:#fff}

/* Hauptknoepfe im Dashboard-Blau mit weisser Schrift */
.btn-gold,.gold,.primary,.pgo,.go,button.pri,.btn.pri,.cta{background:var(--deep)!important; color:#fff!important; border-color:var(--deep)!important}

/* Knoepfe im Kopfbereich (z. B. "Anmelden") wie die Pillen */
body > header button:not(.chip){background:rgba(255,255,255,.78); color:#004D81; border:1px solid rgba(0,77,129,.18);
  border-radius:999px; padding:6px 14px; font-weight:600; cursor:pointer}
/* Die alte Inflationssteuer-Leiste bleibt ohne DIS leer */
#disleiste:empty{display:none}

/* MC-Chat: eigene Kopfzeile .top statt <header> */
body > .top{background:radial-gradient(ellipse 75% 120% at 50% 20%,var(--glow) 0%,#9AD8FF 40%,var(--sky) 85%)!important; border-bottom:0!important; color:#004D81}
body > .top .brandline{font-family:var(--font-display); font-weight:800; color:#004D81}
body > .top .brandline small{font-family:var(--font-body); font-weight:500; color:#004D81; opacity:.8}
body > .top .back{background:rgba(255,255,255,.78); color:#004D81; border:1px solid rgba(0,77,129,.18); border-radius:999px; padding:6px 14px; font-weight:600; text-decoration:none}
body > .top .wer{color:#004D81}