/* RegioDeals 24/7 – Admin Dashboard CSS
   Datei: /admin/dashboard/dashboard.css */

:root{
  --bg:#050914;
  --panel:rgba(12,20,38,.84);
  --panel2:rgba(17,24,39,.90);
  --line:rgba(120,180,255,.18);
  --line2:rgba(255,255,255,.10);
  --text:#eef7ff;
  --muted:rgba(238,247,255,.70);
  --muted2:rgba(238,247,255,.54);
  --green:#35f4c4;
  --red:#ff5b6e;
  --orange:#ffb020;
  --blue:#65d7ff;
  --gold:#ffd166;
  --overlay-alpha:.60;
  --card-alpha:1;
  --header-alpha:.88;
  --radius:22px;
  --shadow:0 20px 60px rgba(0,0,0,.46);
  --sidebar-w:286px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  color:var(--text);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    linear-gradient(0deg, rgb(5 9 20 / var(--overlay-alpha)), rgb(5 9 20 / var(--overlay-alpha))),
    radial-gradient(circle at 20% 10%, rgba(101,215,255,.15), transparent 30%),
    radial-gradient(circle at 80% 0%, rgba(255,209,102,.12), transparent 32%),
    url('/img/start_bg_4k.webp') center bottom / cover no-repeat fixed,
    var(--bg);
  overflow-x:hidden;
}

a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}

.app-shell{display:flex;min-height:100vh}
.sidebar{
  position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);z-index:30;
  padding:18px 14px;overflow:auto;
  background:linear-gradient(180deg,rgba(7,17,31,.96),rgba(7,17,31,.86));
  border-right:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px);
}
.brand{display:flex;align-items:center;gap:12px;padding:10px 10px 18px;border-bottom:1px solid var(--line2);margin-bottom:14px}
.brand img{width:54px;height:54px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.brand-title{font-weight:950;letter-spacing:.3px}.brand-sub{font-size:.85rem;color:var(--muted);margin-top:2px}
.nav-group-title{font-size:.72rem;color:var(--muted2);font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin:18px 10px 8px}
.nav-btn{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid transparent;border-radius:15px;background:transparent;color:var(--muted);cursor:pointer;text-align:left;font-weight:800;margin:3px 0}
.nav-btn:hover,.nav-btn.active{background:rgba(255,255,255,.07);border-color:var(--line);color:var(--text)}
.nav-ico{width:26px;text-align:center;font-size:1.12rem}
.content{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));min-height:100vh;padding:22px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(7,17,31,var(--header-alpha));backdrop-filter:blur(16px);box-shadow:var(--shadow)}
.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-weight:950}
h1{margin:.1em 0 0;font-size:clamp(1.55rem,3vw,2.45rem);line-height:1.05}.top-left p{margin:6px 0 0;color:var(--muted)}
.top-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);font-weight:900;cursor:pointer;min-height:42px}
.btn:hover{background:rgba(255,255,255,.10)}.btn.primary{background:linear-gradient(135deg,#35f4c4,#65d7ff);color:#04131c;border-color:transparent}.btn.danger{background:rgba(255,91,110,.14);border-color:rgba(255,91,110,.35)}.btn:disabled{opacity:.55;cursor:not-allowed}.mobile-menu{display:none}
.status-grid,.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.stat-card,.card,.module-card{background:rgb(17 24 39 / var(--card-alpha));border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.stat-card .label{font-size:.8rem;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.stat-card .value{font-size:1.55rem;font-weight:950;margin-top:6px}.stat-card .sub{font-size:.86rem;color:var(--muted);margin-top:4px}
.section{display:none}.section.active{display:block}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:24px 0 12px}.section-title h2{margin:0;font-size:1.35rem}.section-title p{margin:4px 0 0;color:var(--muted)}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.module-card{min-height:132px}.module-card h3{margin:0 0 8px}.module-card p{color:var(--muted);margin:0 0 12px;line-height:1.45}.module-icon{font-size:2rem;margin-bottom:8px}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.06);color:var(--muted);font-size:.82rem;font-weight:900}
.control-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line2)}.control-row:last-child{border-bottom:none}.control-left{display:flex;flex-direction:column;gap:4px;min-width:240px}.control-title{font-weight:950}.control-sub{font-size:.88rem;color:var(--muted);line-height:1.35}.control-right{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.control-right input[type=range]{width:280px;max-width:100%}.pill{padding:6px 10px;border-radius:999px;border:1px solid var(--line2);background:rgba(0,0,0,.16);font-weight:950;font-size:.85rem;min-width:64px;text-align:center}.toggle{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;font-weight:850}.toggle input{width:18px;height:18px}
input[type=text],input[type=file],input[type=password],input[type=url],select,textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #253446;background:#111827;color:#e5e7eb;font-weight:750}textarea{min-height:100px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.full{grid-column:1/-1}.hint{font-size:.86rem;color:var(--muted);line-height:1.45}.mini-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.progress-wrapper{margin-top:12px;display:none}.progress-track{background:#111827;border-radius:999px;overflow:hidden;height:9px;border:1px solid var(--line2)}.progress-bar{height:9px;width:0%;background:linear-gradient(90deg,var(--green),var(--blue));transition:width .15s linear}.progress-label{font-size:.85rem;margin-top:5px;color:var(--muted)}
.table-like{display:grid;gap:8px}.row{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line2);border-radius:14px;background:rgba(0,0,0,.14)}.row span{color:var(--muted)}
.footer{padding:18px 2px 4px;color:var(--muted2);font-size:.86rem;text-align:center}.drawer-backdrop{display:none}

@media (max-width:1100px){.status-grid,.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){
  .mobile-menu{display:inline-flex}.sidebar{transform:translateX(-105%);transition:transform .22s ease}.sidebar.open{transform:translateX(0)}.content{margin-left:0;width:100%;padding:14px}.drawer-backdrop.show{display:block;position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.48)}.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%;justify-content:flex-start}.status-grid,.grid,.module-grid,.form-grid{grid-template-columns:1fr}.control-row{align-items:flex-start;flex-direction:column}.control-left{min-width:0}.control-right{width:100%;justify-content:flex-start;flex-wrap:wrap}.control-right input[type=range]{width:100%}
}
/* RD24/7 Mobile Fix – Emerald Tabellen/Karten laufen nicht mehr rechts raus */
html,
body{
  max-width:100%;
  overflow-x:hidden;
}

.content,
.panel,
.card,
.stat-card,
.module-card,
.grid,
.grid.two,
.grid.three,
.grid.four{
  min-width:0;
  max-width:100%;
}

.table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.table-wrap table{
  width:100%;
  max-width:100%;
}

@media (max-width:840px){
  table{
    min-width:0;
    width:100%;
  }

  th,
  td{
    white-space:normal;
    word-break:break-word;
    overflow-wrap:anywhere;
  }

  code{
    white-space:normal;
    word-break:break-word;
    overflow-wrap:anywhere;
  }

  .card{
    overflow:hidden;
  }

  .stat-value{
    font-size:clamp(1.05rem, 8vw, 1.45rem);
    word-break:break-word;
  }
}
/* RD24/7 Mobile Fix – Emerald Tabellen/Karten laufen nicht mehr rechts raus */
html,
body{
  max-width:100%;
  overflow-x:hidden;
}

.content,
.panel,
.card,
.stat-card,
.module-card,
.grid,
.grid.two,
.grid.three,
.grid.four{
  min-width:0;
  max-width:100%;
}

.table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.table-wrap table{
  width:100%;
  max-width:100%;
}

@media (max-width:840px){
  table{
    min-width:0;
    width:100%;
  }

  th,
  td{
    white-space:normal;
    word-break:break-word;
    overflow-wrap:anywhere;
  }

  code{
    white-space:normal;
    word-break:break-word;
    overflow-wrap:anywhere;
  }

  .card{
    overflow:hidden;
  }

  .stat-value{
    font-size:clamp(1.05rem, 8vw, 1.45rem);
    word-break:break-word;
  }
}

/* =========================================================
   RD24 Boss-Statistik Upgrade 2026-07-03
   ========================================================= */
.rd24-stats-boss{
  overflow:hidden;
}
.rd24-boss-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.rd24-boss-head h3{
  margin:0 0 4px;
  font-size:1.22rem;
}
.rd24-range-mini{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.rd24-live-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.rd24-live-card,
.rd24-insight-card{
  border:1px solid rgba(120,180,255,.18);
  border-radius:18px;
  background:rgba(5,9,20,.30);
  padding:14px;
  min-width:0;
}
.rd24-live-card span{
  display:block;
  color:var(--muted);
  font-size:.82rem;
  font-weight:950;
}
.rd24-live-card strong{
  display:block;
  margin-top:5px;
  font-size:clamp(1.25rem,2.3vw,2rem);
  line-height:1.05;
  color:var(--green);
}
.rd24-live-card em{
  display:block;
  margin-top:6px;
  color:var(--muted2);
  font-style:normal;
  font-size:.82rem;
  line-height:1.35;
}
.rd24-insight-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
.rd24-insight-card h4{
  margin:0 0 8px;
  font-size:.95rem;
}
.rd24-mini-list{
  display:grid;
  gap:7px;
}
.rd24-mini-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid rgba(255,255,255,.07);
  padding-bottom:7px;
}
.rd24-mini-row:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.rd24-mini-row b{
  color:var(--text);
  text-align:right;
}
.rd24-mini-row span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rd24-trend-up{color:var(--green)!important;}
.rd24-trend-down{color:var(--red)!important;}
.rd24-trend-flat{color:var(--gold)!important;}
@media(max-width:1100px){
  .rd24-live-grid,
  .rd24-insight-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .rd24-boss-head{
    display:block;
  }
  .rd24-range-mini{
    justify-content:flex-start;
    margin-top:12px;
  }
  .rd24-range-mini .btn{
    flex:1 1 calc(50% - 8px);
  }
  .rd24-live-grid,
  .rd24-insight-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   RD24/7 Live-Weltkarte + Bot/Mensch-Erkennung
   ========================================================= */
.rd24-world-card{overflow:hidden;}
.rd24-world-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;}
.rd24-world-head h3{margin:0 0 4px;font-size:1.22rem;}
.rd24-world-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.rd24-world-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:14px;align-items:stretch;}
.rd24-map-wrap{min-width:0;border:1px solid rgba(120,180,255,.18);border-radius:20px;background:rgba(5,9,20,.26);padding:10px;overflow:hidden;}
.rd24-world-svg{width:100%;height:auto;display:block;min-height:310px;}
.rd24-map-pin{filter:drop-shadow(0 0 10px rgba(53,244,196,.38));}
.rd24-map-pulse{animation:rd24Pulse 1.8s ease-out infinite;transform-origin:center;}
.rd24-map-label{font-size:13px;font-weight:900;fill:#eef7ff;paint-order:stroke;stroke:rgba(5,9,20,.9);stroke-width:4px;stroke-linejoin:round;}
.rd24-map-count{font-size:12px;font-weight:950;fill:#04131c;}
.rd24-world-side{display:grid;gap:12px;align-content:start;}
.rd24-world-mini{border:1px solid rgba(120,180,255,.18);border-radius:18px;background:rgba(5,9,20,.30);padding:14px;min-width:0;}
.rd24-world-mini-label{font-weight:950;margin-bottom:8px;}
.rd24-heat-row{display:grid;grid-template-columns:minmax(92px,1fr) minmax(90px,1.2fr) auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07);}
.rd24-heat-row:last-child{border-bottom:0;}
.rd24-heat-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rd24-heat-track{height:10px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden;border:1px solid rgba(255,255,255,.08);}
.rd24-heat-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--blue));min-width:3px;}
.rd24-bot-bars{display:grid;gap:8px;}
.rd24-bot-row{display:grid;grid-template-columns:76px 1fr auto;gap:8px;align-items:center;}
.rd24-bot-track{height:10px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden;}
.rd24-bot-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--gold));min-width:3px;}
.rd24-bot-bar.bot{background:linear-gradient(90deg,var(--orange),var(--red));}
@keyframes rd24Pulse{0%{opacity:.72;transform:scale(1)}70%{opacity:0;transform:scale(2.5)}100%{opacity:0;transform:scale(2.5)}}
@media(max-width:1100px){.rd24-world-layout{grid-template-columns:1fr}.rd24-world-side{grid-template-columns:repeat(2,minmax(0,1fr));}.rd24-world-svg{min-height:260px;}}
@media(max-width:720px){.rd24-world-head{display:block}.rd24-world-badges{justify-content:flex-start;margin-top:12px}.rd24-world-side{grid-template-columns:1fr}.rd24-world-svg{min-height:220px}.rd24-heat-row{grid-template-columns:1fr}.rd24-bot-row{grid-template-columns:72px 1fr auto}}