/* Roboterseiten /roboter/ (#2692) – nach reapers Entwurf B, alles unter .rb, Farben folgen html[data-theme] */
body.fxs-roboter-seite {
  --bg:#070b18; --karte:#172350; --karte2:#1d2b5e; --rand:#2e3d70; --text:#e5e7eb; --leise:#94a3b8;
  --titel:#f8fafc; --akzent:#818cf8; --gold:#f5b942; --gruen:#22c55e; --rot:#f87171; --warn:#fcd34d;
  --schatten:0 8px 24px rgba(0,0,0,.45); --knopftext:#0b1024;
  background:var(--bg) !important;
}
html[data-theme="light"] body.fxs-roboter-seite {
  /* Farbsatz des fxmag-Themes: weiß, Gold für Text #a16207 */
  --bg:#ffffff; --karte:#fafafa; --karte2:#f5f5f5; --rand:#e5e5e5; --text:#333333; --leise:#666666;
  --titel:#1a1a1a; --akzent:#4f46e5; --gold:#a16207; --gruen:#15803d; --rot:#b91c1c; --warn:#92400e;
  --schatten:0 2px 12px rgba(0,0,0,.07); --knopftext:#ffffff;
}
body.fxs-roboter-seite #content, body.fxs-roboter-seite #main, body.fxs-roboter-seite .site-content,
body.fxs-roboter-seite .site-main, body.fxs-roboter-seite .container { background:transparent !important; }
.rb, .rb * { box-sizing:border-box; }
.rb { max-width:1160px; margin:0 auto; padding:18px; color:var(--text); font-family:'Merriweather',Georgia,serif; font-size:16px; line-height:1.55; }
.rb h1, .rb h2, .rb h3 { font-family:'Playfair Display',Georgia,serif; color:var(--titel); line-height:1.15; margin:0 0 .4em; }
.rb h1 { font-size:clamp(28px,4vw,42px); }
.rb h2 { font-size:clamp(22px,3vw,30px); }
.rb h3 { font-size:20px; }
.rb a { color:var(--akzent); }
.rb p { margin:0 0 10px; }
.rb .karte { background:var(--karte); border:1px solid var(--rand); border-radius:14px; padding:18px; box-shadow:var(--schatten); }
.rb .grid { display:grid; gap:16px; }
.rb .grid > * { min-width:0; }
.rb .g2 { grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); }
.rb .haupt { grid-template-columns:2fr 1fr; }
@media (max-width:800px) { .rb .haupt { grid-template-columns:1fr; } }
.rb .kpi b { display:block; font-family:'Playfair Display',Georgia,serif; font-size:clamp(22px,3vw,30px); color:var(--titel); }
.rb .kpi span { font-size:13px; color:var(--leise); }
.rb .leise { color:var(--leise); font-size:14px; }
.rb .plus { color:var(--gruen) !important; } .rb .minus { color:var(--rot) !important; }
.rb .live { display:inline-flex; align-items:center; gap:6px; font-family:system-ui,sans-serif; font-size:12px; font-weight:700; letter-spacing:.06em; color:var(--gruen); text-transform:uppercase; }
.rb .live::before { content:""; width:9px; height:9px; border-radius:50%; background:var(--gruen); animation:rbpuls 1.8s infinite; }
.rb .live.alt { color:var(--warn); } .rb .live.alt::before { background:var(--warn); animation:none; }
@keyframes rbpuls { 0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)} 70%{box-shadow:0 0 0 9px rgba(34,197,94,0)} 100%{box-shadow:0 0 0 0 rgba(34,197,94,0)} }
.rb .bald { font-family:system-ui,sans-serif; font-size:12px; font-weight:700; color:var(--warn); text-transform:uppercase; letter-spacing:.06em; }
.rb table { width:100%; border-collapse:collapse; font-family:system-ui,sans-serif; font-size:14px; margin:0; background:transparent; color:var(--text); }
.rb th { text-align:left; color:var(--leise); background:transparent; font-weight:600; font-size:12px; text-transform:uppercase; letter-spacing:.04em; padding:8px; border:0; border-bottom:1px solid var(--rand); }
.rb td { padding:9px 8px; border:0; border-bottom:1px solid var(--rand); background:transparent; color:var(--text); vertical-align:middle; }
.rb td b { color:var(--titel); }
.rb td.z, .rb th.z { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.rb .knopf { display:inline-block; padding:10px 18px; border-radius:10px; background:var(--akzent); color:var(--knopftext) !important; text-decoration:none; font-family:system-ui,sans-serif; font-weight:600; font-size:14px; white-space:nowrap; }
.rb .knopf.zweit { background:transparent; color:var(--akzent) !important; border:1px solid var(--akzent); }
.rb .schalter { cursor:pointer; border:1px solid var(--rand); background:var(--karte2); color:var(--text); border-radius:999px; padding:6px 14px; font:13px system-ui,sans-serif; }
.rb .schalter.an { border-color:var(--akzent); font-weight:700; }
.rb .broker { display:flex; flex-wrap:wrap; gap:12px; }
.rb .broker a { flex:1 1 220px; text-decoration:none; color:var(--text); background:var(--karte2); border:1px solid var(--rand); border-radius:12px; padding:14px; }
.rb .broker a b { display:block; color:var(--titel); font-family:'Playfair Display',Georgia,serif; font-size:18px; }
.rb .bericht { display:grid; grid-template-columns:1fr 1fr; gap:0 24px; font-family:system-ui,sans-serif; font-size:14px; }
.rb .bericht div { display:flex; justify-content:space-between; gap:10px; padding:7px 0; border-bottom:1px dotted var(--rand); }
.rb .bericht div span:last-child { font-weight:600; color:var(--titel); font-variant-numeric:tabular-nums; text-align:right; }
.rb .monate { display:grid; grid-template-columns:repeat(auto-fill,minmax(78px,1fr)); gap:6px; font-family:system-ui,sans-serif; }
.rb .monate div { border-radius:8px; padding:8px 6px; text-align:center; font-size:13px; }
.rb .monate div b { display:block; font-size:15px; color:var(--titel); }
.rb .leer { min-height:120px; display:flex; align-items:center; justify-content:center; text-align:center; border:1px dashed var(--rand); border-radius:10px; padding:12px; }
.rb details summary { cursor:pointer; font-family:'Playfair Display',Georgia,serif; font-size:20px; color:var(--titel); }
.rb .risiko { margin-top:30px; border-left:4px solid var(--warn); background:var(--karte2); padding:14px 16px; border-radius:8px; font-size:14px; color:var(--text); }
.rb .risiko b { color:var(--titel); }
.rb .tabelle { overflow-x:auto; }
.rb .kt { min-height:20px; font-size:13px; margin:4px 0 8px; }
@media (max-width:640px) { .rb .bericht { grid-template-columns:1fr; } .rb { padding:12px; } }