:root{--bg:#02040a;--panel:#091225;--panel2:#101b33;--line:#27395f;--gold:#f0c44d;--gold2:#ffe7a0;--text:#f8faff;--muted:#8e9ab7;--green:#39df91;--red:#ff6379}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:radial-gradient(circle at 15% 0,#1d3478 0,transparent 27%),radial-gradient(circle at 90% 0,#67255d55 0,transparent 24%),linear-gradient(#050811,#020307 80%);color:var(--text);min-height:100vh}
a{text-decoration:none;color:inherit}.btn{border:1px solid var(--line);background:#111a30;color:#fff;border-radius:12px;padding:10px 14px;font-weight:900;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-2px);border-color:#d4aa32}.btn.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;border:0}.btn.red{background:#35131f;border-color:#733048}.input{padding:11px 12px;border-radius:11px;border:1px solid #33466f;background:#070c18;color:#fff}
.top{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;border-bottom:1px solid #223354;background:#050811e6;backdrop-filter:blur(14px);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:11px;font-weight:1000}.brand img{width:52px;height:52px;border-radius:50%;box-shadow:0 0 30px #f0c44d55}.brand small{display:block;color:var(--gold2);letter-spacing:2px;font-size:10px}
.wrap{max-width:1420px;margin:auto;padding:22px}.card{background:linear-gradient(180deg,#0d162b,#08101f);border:1px solid #2b3e63;border-radius:18px;padding:17px;box-shadow:0 16px 45px #0004}.grid{display:grid;gap:14px}.kpis{grid-template-columns:repeat(5,1fr)}.kpi small{color:var(--muted)}.kpi strong{display:block;font-size:28px;margin-top:4px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.table{width:100%;border-collapse:collapse;min-width:820px}.table th,.table td{padding:12px;border-bottom:1px solid #263859;text-align:left}.table th{color:var(--muted);font-size:11px;background:#0e182d}.table tr:hover td{background:#101a30}.muted{color:var(--muted)}.gold{color:var(--gold2)}.green{color:var(--green)}.red{color:var(--red)}.balance{font-size:24px;font-weight:1000;color:var(--gold2)}.chip{display:inline-flex;padding:6px 9px;border-radius:999px;border:1px solid #33466f;background:#0d162a;font-size:11px}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:linear-gradient(180deg,#070b15,#03050a);border-right:1px solid #223354;padding:15px;z-index:80;overflow:auto}.with-sidebar{margin-left:280px}.sidebar a,.sidebar button.menuitem{width:100%;display:flex;gap:10px;align-items:center;padding:11px 12px;margin:4px 0;border-radius:11px;border:1px solid transparent;background:transparent;color:#eef2ff;font-weight:850;text-align:left;cursor:pointer}.sidebar a:hover,.sidebar a.active,.sidebar button.menuitem:hover{background:#111a30;border-color:#2b3e63}.sidegroup{margin:17px 8px 6px;color:#647392;font-size:10px;font-weight:1000;letter-spacing:1.5px}
.hero{padding:36px;border:1px solid #344a73;border-radius:26px;background:radial-gradient(circle at 78% 25%,#f0c44d2b,transparent 24%),linear-gradient(135deg,#13204a,#080d1a);box-shadow:0 30px 100px #0008;position:relative;overflow:hidden}.hero:after{content:'RED P&M';position:absolute;right:24px;top:8px;font-size:90px;font-weight:1000;color:#ffffff05}.hero h1{font-size:clamp(42px,6vw,72px);line-height:.94;margin:8px 0}.hero p{max-width:760px;color:#c9d1e6;font-size:17px}
.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sector{padding:19px;border-radius:18px;border:1px solid #2b3e63;background:linear-gradient(180deg,#0e172c,#09101e);transition:.18s}.sector:hover{transform:translateY(-5px);border-color:#d1aa36}.sector .icon{font-size:31px}.sector h3{margin:9px 0 4px}.action-load,.action-unload{width:46px;height:46px;border:0;border-radius:14px;font-size:20px;font-weight:1000;cursor:pointer}.action-load{background:linear-gradient(135deg,#2bd984,#7cf2b0);color:#082616}.action-unload{background:linear-gradient(135deg,#ff5e74,#ff9cac);color:#2b0710}.action-more{width:46px;height:46px;border-radius:14px;border:1px solid #33466f;background:#101a30;color:#fff;font-size:21px}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.game{border:1px solid #2b3e63;border-radius:22px;overflow:hidden;background:#0b1427;transition:.2s}.game:hover{transform:translateY(-7px);border-color:#d1aa36}.art{height:250px;display:grid;place-items:center;font-size:82px}.art.lion{background:radial-gradient(circle,#76571c,#2d173d 45%,#0c142a 80%)}.art.roulette{background:radial-gradient(circle,#8c1e35,#171717 45%,#0c142a 80%)}.art.blackjack{background:radial-gradient(circle,#1b724d,#0f3e2e 45%,#0c142a 80%)}.game .body{padding:15px}
@media(max-width:1050px){.kpis{grid-template-columns:repeat(3,1fr)}.sector-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{position:static;width:auto;height:auto}.with-sidebar{margin-left:0}.kpis{grid-template-columns:repeat(2,1fr)}.sector-grid{grid-template-columns:1fr}.two{grid-template-columns:1fr}.games{grid-template-columns:1fr}}

.stat-ring{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#f0c44d 0 72%,#1d2b47 72% 100%);margin:auto;position:relative}
.stat-ring:after{content:'';position:absolute;width:84px;height:84px;border-radius:50%;background:#0b1427}
.stat-ring b{position:relative;z-index:2;font-size:22px}
.note{padding:12px;border:1px solid #2b3e63;border-radius:12px;background:#0b1427;margin:8px 0}
.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#39df91;margin-right:6px}
.theme-toggle{min-width:44px}
body.light{background:#eef2f7;color:#111827}
body.light .card,body.light .sidebar,body.light .top,body.light .hero{background:#fff;color:#111827}
body.light .sidebar{border-right-color:#d7dee9}
body.light .muted{color:#667085}
body.light .table th{background:#f3f6fa;color:#667085}
body.light .table tr:hover td{background:#f6f8fb}

.support-fab{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border:0;border-radius:50%;background:linear-gradient(135deg,#f0c44d,#ffe7a0);font-size:26px;box-shadow:0 16px 45px #0009;cursor:pointer;z-index:150}.support-panel{position:fixed;right:20px;bottom:88px;width:min(340px,calc(100vw - 30px));padding:16px;border-radius:18px;background:#08101f;border:1px solid #334b75;box-shadow:0 28px 90px #000c;display:none;z-index:149}.support-panel.show{display:block}.portal-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.glow-number{font-size:32px;font-weight:1000;text-shadow:0 0 25px #f0c44d44}.pillnav{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.pillnav a,.pillnav button{white-space:nowrap;padding:9px 13px;border-radius:999px;border:1px solid #31466f;background:#0b1427;color:#eaf0ff;font-weight:850}.featured-strip{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.featured-big{min-height:280px;padding:26px;border-radius:24px;background:radial-gradient(circle at 75% 30%,#f0c44d3d,transparent 24%),linear-gradient(135deg,#172b66,#381948);border:1px solid #405783;position:relative;overflow:hidden}.featured-big:after{content:'P&M';position:absolute;right:-8px;bottom:-25px;font-size:150px;font-weight:1000;color:#fff08}.featured-side{min-height:280px;padding:22px;border-radius:24px;border:1px solid #31466f;background:linear-gradient(160deg,#111c36,#0a1020)}@media(max-width:900px){.featured-strip{grid-template-columns:1fr}.featured-side{min-height:160px}}

/* ===== RED P&M 4.0 PROFESSIONAL VISUAL LAYER ===== */
:root{--pm-neon:#2f7cff;--pm-violet:#8b5cf6;--pm-gold:#f4c95d;--pm-ink:#030712;--pm-card:#0a1326;--pm-line:#263654}
body.pm-pro{background:radial-gradient(circle at 20% -10%,#153b86 0,transparent 31%),radial-gradient(circle at 85% 0,#4b1f68 0,transparent 28%),linear-gradient(180deg,#030711,#02040a 72%)}
.pm-header{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;background:#050813df;border-bottom:1px solid #1d2c49;backdrop-filter:blur(18px)}
.pm-brand{display:flex;align-items:center;gap:12px;font-weight:1000;letter-spacing:.3px}.pm-brand img{width:50px;height:50px;border-radius:50%;box-shadow:0 0 32px #f4c95d42}.pm-brand small{display:block;color:#9dabca;font-size:10px;letter-spacing:2px}
.pm-lobby{max-width:1500px;margin:auto;padding:18px 20px 90px}.pm-hero{min-height:370px;display:grid;grid-template-columns:1.2fr .8fr;gap:18px;border:1px solid #31466f;border-radius:30px;padding:30px;overflow:hidden;position:relative;background:radial-gradient(circle at 80% 30%,#f4c95d26,transparent 20%),radial-gradient(circle at 65% 70%,#3357d036,transparent 30%),linear-gradient(135deg,#111e45 0,#0b1024 45%,#070a13 100%);box-shadow:0 36px 100px #000a}
.pm-hero:after{content:'RED P&M';position:absolute;right:-18px;bottom:-26px;font-size:112px;font-weight:1000;color:#ffffff05}.pm-hero h1{font-size:clamp(46px,6vw,82px);line-height:.88;margin:10px 0 14px}.pm-hero p{max-width:680px;color:#c6d0e7;font-size:17px;line-height:1.55}.pm-hero-art{display:grid;place-items:center;position:relative}.pm-hero-art img{width:min(100%,520px);filter:drop-shadow(0 24px 50px #000b);transform:rotate(-2deg)}
.pm-searchbar{display:flex;gap:10px;align-items:center;margin:18px 0}.pm-searchbar input{flex:1;padding:15px 17px;border-radius:15px;border:1px solid #31466f;background:#050b17;color:#fff;font-size:15px}.pm-searchbar input:focus{outline:none;border-color:#e0b33d;box-shadow:0 0 0 4px #e0b33d16}.pm-catbar{display:flex;gap:9px;overflow:auto;padding:2px 0 12px;scrollbar-width:none}.pm-catbar::-webkit-scrollbar{display:none}.pm-cat{white-space:nowrap;padding:10px 14px;border-radius:999px;border:1px solid #2d3f64;background:#091327;color:#dce5f8;font-weight:850;cursor:pointer}.pm-cat.active,.pm-cat:hover{background:linear-gradient(135deg,#f3ca5d,#ffe8a1);color:#171205;border-color:transparent}
.pm-section{margin-top:22px}.pm-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.pm-section-head h2{margin:0;font-size:26px}.pm-section-head p{margin:4px 0 0;color:#8f9ab6}.pm-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.pm-game-card{position:relative;overflow:hidden;border:1px solid #2a3c60;border-radius:20px;background:#081122;transition:.22s;box-shadow:0 14px 40px #0003}.pm-game-card:hover{transform:translateY(-7px);border-color:#dbac35;box-shadow:0 28px 80px #000a}.pm-game-cover{height:225px;position:relative;overflow:hidden;background:#030711}.pm-game-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s}.pm-game-card:hover .pm-game-cover img{transform:scale(1.045)}.pm-game-cover:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#071020)}.pm-game-badges{position:absolute;left:10px;top:10px;display:flex;gap:7px;z-index:3}.pm-badge{font-size:10px;font-weight:1000;letter-spacing:.5px;padding:6px 8px;border-radius:999px;background:#071020df;border:1px solid #ffffff1a}.pm-badge.hot{background:#b91c1cdb}.pm-badge.new{background:#1d4ed8db}.pm-game-body{padding:14px}.pm-game-title{font-size:18px;font-weight:950;margin:2px 0}.pm-game-meta{color:#8f9ab6;font-size:12px;margin-bottom:11px}.pm-game-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.pm-play{flex:1;border:0;border-radius:11px;padding:10px 13px;background:linear-gradient(135deg,#f1c453,#ffe8a2);color:#161104;font-weight:1000;text-align:center}.pm-fav{width:42px;height:42px;border-radius:11px;border:1px solid #304468;background:#0c172c;color:#fff;cursor:pointer}
.pm-live-row{display:grid;grid-template-columns:1.4fr 1fr;gap:15px}.pm-live-card{min-height:250px;border-radius:22px;border:1px solid #2b3d61;padding:22px;overflow:hidden;position:relative;background:linear-gradient(135deg,#27144f,#0d1a3a 55%,#07101f)}.pm-live-card img{position:absolute;right:0;bottom:0;width:55%;height:100%;object-fit:cover;opacity:.75;mask-image:linear-gradient(to left,#000 55%,transparent)}.pm-live-card .copy{position:relative;z-index:2;max-width:50%}.pm-floating-support{position:fixed;right:20px;bottom:20px;z-index:80;width:58px;height:58px;border:0;border-radius:50%;background:linear-gradient(135deg,#2f7cff,#8357ff);box-shadow:0 15px 50px #356bff66;color:#fff;font-size:24px}

.pm-agent-shell{display:grid;grid-template-columns:276px 1fr;min-height:100vh}.pm-agent-side{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#07101f,#03060d);border-right:1px solid #20304f;padding:16px 12px;overflow:auto}.pm-agent-main{min-width:0}.pm-agent-top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #20304f;background:#050913df;backdrop-filter:blur(16px);position:sticky;top:0;z-index:50}.pm-navgroup{margin:20px 9px 8px;font-size:10px;letter-spacing:1.7px;color:#5f7194;font-weight:1000}.pm-agent-side a,.pm-agent-side button{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;margin:4px 0;border-radius:11px;border:1px solid transparent;background:transparent;color:#e9efff;font-weight:850;text-align:left}.pm-agent-side a:hover,.pm-agent-side a.active,.pm-agent-side button:hover{background:#111a30;border-color:#2a3d62}.pm-agent-wrap{max-width:1450px;margin:auto;padding:22px}.pm-agent-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;border-radius:25px;padding:26px;border:1px solid #31456d;background:radial-gradient(circle at 85% 20%,#f4c95d22,transparent 21%),linear-gradient(135deg,#122451,#091225 60%,#070b14)}.pm-agent-hero h1{font-size:clamp(38px,5vw,66px);line-height:.92;margin:8px 0}.pm-agent-status{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pm-status-card{padding:16px;border-radius:16px;border:1px solid #304369;background:#091326}.pm-status-card strong{display:block;font-size:23px;margin-top:4px}.pm-kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:14px}.pm-kpi{padding:16px;border-radius:17px;border:1px solid #273a5e;background:linear-gradient(180deg,#0d172b,#08101f);position:relative;overflow:hidden}.pm-kpi:after{content:'';position:absolute;width:92px;height:92px;border-radius:50%;right:-25px;bottom:-42px;background:#f4c95d10}.pm-kpi small{color:#8f9ab6}.pm-kpi strong{display:block;font-size:27px;margin-top:5px}.pm-quick{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pm-quick-btn{display:flex;align-items:center;gap:14px;padding:18px;border-radius:18px;border:1px solid #2b3e63;background:#0a1427}.pm-quick-btn .ico{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:22px;font-weight:1000}.pm-quick-btn.load .ico{background:linear-gradient(135deg,#2bd984,#7cf2b0);color:#082616}.pm-quick-btn.unload .ico{background:linear-gradient(135deg,#ff5e74,#ff9cac);color:#2b0710}.pm-panel-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;margin-top:14px}.pm-panel-card{border:1px solid #273a5e;border-radius:18px;background:#091326;padding:16px}.pm-mini-list{display:grid;gap:9px}.pm-mini-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px;border-radius:12px;border:1px solid #26395c;background:#08101e}.pm-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#32de8a;margin-right:6px}.pm-spark{height:120px;display:flex;align-items:end;gap:7px;padding-top:10px}.pm-spark i{flex:1;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#5c8dff,#1d3e8d)}
@media(max-width:1100px){.pm-game-grid{grid-template-columns:repeat(3,1fr)}.pm-kpi-grid{grid-template-columns:repeat(3,1fr)}.pm-agent-hero{grid-template-columns:1fr}.pm-panel-grid{grid-template-columns:1fr}}
@media(max-width:820px){.pm-hero{grid-template-columns:1fr;min-height:auto;padding:22px}.pm-hero-art{display:none}.pm-game-grid{grid-template-columns:repeat(2,1fr)}.pm-live-row{grid-template-columns:1fr}.pm-live-card .copy{max-width:70%}.pm-agent-shell{grid-template-columns:1fr}.pm-agent-side{position:static;height:auto}.pm-kpi-grid{grid-template-columns:repeat(2,1fr)}.pm-quick{grid-template-columns:1fr}.pm-agent-wrap{padding:14px}.pm-agent-top{padding:0 14px}.pm-game-cover{height:190px}}
@media(max-width:520px){.pm-game-grid{grid-template-columns:1fr 1fr;gap:10px}.pm-game-cover{height:150px}.pm-game-body{padding:10px}.pm-game-title{font-size:15px}.pm-game-meta{font-size:10px}.pm-play{padding:9px}.pm-header{padding:10px 12px}.pm-header .balance{font-size:18px}.pm-lobby{padding:12px 12px 80px}.pm-hero h1{font-size:43px}.pm-kpi-grid{grid-template-columns:1fr 1fr}.pm-agent-hero h1{font-size:42px}.pm-status-card{padding:12px}}
/* ===== MODALES RED P&M ===== */

.modal-bg{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(7px);
  z-index:1000;
}

.modal-bg.show{
  display:flex;
}

.modal{
  width:min(480px,100%);
  max-height:90vh;
  overflow:auto;
  padding:22px;
  border-radius:20px;
  border:1px solid #33466f;
  background:linear-gradient(180deg,#0d162b,#08101f);
  box-shadow:0 30px 100px rgba(0,0,0,.8);
}

.modal label{
  display:block;
  margin-top:12px;
  color:#c9d1e6;
  font-weight:800;
}

.modal .input{
  font-size:16px;
}
/* ===== RED P&M 8.1 — PROFESSIONAL NETWORK UX ===== */
:root{--pm-bg:#050817;--pm-bg2:#081022;--pm-panel:#0d1730;--pm-panel2:#111d3b;--pm-line:#23375d;--pm-text:#f6f8ff;--pm-muted:#8fa0c3;--pm-blue:#4586ff;--pm-cyan:#28d7ff;--pm-green:#39dfa0;--pm-red:#ff667d;--pm-gold:#f3c75f;--pm-violet:#9a6cff;--pm-radius:18px;--pm-sidebar:276px;--pm-sidebar-mini:82px}
body{background:radial-gradient(circle at 10% -10%,#183b8c55 0,transparent 31%),radial-gradient(circle at 90% 0,#632a8240 0,transparent 26%),linear-gradient(180deg,#060a18,#03050c 75%);letter-spacing:.01em}
.sidebar{width:var(--pm-sidebar);padding:18px 13px;background:linear-gradient(180deg,#071022f5,#040712f5);border-right:1px solid #1d3156;box-shadow:20px 0 60px #0004;transition:width .22s ease,transform .22s ease;padding .22s ease;z-index:100}
.with-sidebar{margin-left:var(--pm-sidebar);transition:margin-left .22s ease}.wrap{max-width:1580px;padding:28px 30px}.brand{padding:5px 8px 14px}.brand img{width:48px;height:48px}.sidebar a,.sidebar button.menuitem{min-height:46px;border-radius:13px;color:#dce6ff}.sidebar a:hover,.sidebar a.active,.sidebar button.menuitem:hover{background:linear-gradient(90deg,#172b55,#101d38);border-color:#31548f;box-shadow:inset 3px 0 0 var(--pm-blue)}
.pm-sidebar-toggle{position:fixed;left:calc(var(--pm-sidebar) + 12px);top:16px;z-index:120;width:44px;height:44px;border:1px solid #2b4677;border-radius:13px;background:#0b1730e8;color:#fff;font-size:21px;cursor:pointer;box-shadow:0 14px 40px #0007;backdrop-filter:blur(14px);transition:left .22s ease,transform .2s}.pm-sidebar-toggle:hover{transform:translateY(-2px)}
.pm-sidebar-shade{display:none}.pm-sidebar-collapsed .sidebar{width:var(--pm-sidebar-mini);padding-left:9px;padding-right:9px}.pm-sidebar-collapsed .with-sidebar{margin-left:var(--pm-sidebar-mini)}.pm-sidebar-collapsed .pm-sidebar-toggle{left:calc(var(--pm-sidebar-mini) + 12px)}.pm-sidebar-collapsed .sidebar .brand div,.pm-sidebar-collapsed .sidebar .sidegroup{display:none}.pm-sidebar-collapsed .sidebar .brand{justify-content:center}.pm-sidebar-collapsed .sidebar a,.pm-sidebar-collapsed .sidebar button.menuitem{font-size:0;justify-content:center;padding:11px 6px}.pm-sidebar-collapsed .sidebar a::first-letter,.pm-sidebar-collapsed .sidebar button.menuitem::first-letter{font-size:20px}
.card{border-color:#233b66;background:linear-gradient(180deg,#0e1933e8,#091225e8);box-shadow:0 18px 55px #0003}.btn{border-color:#2a4675;background:#101e3d;border-radius:12px}.btn:hover{border-color:#4e79bc}.btn.primary{background:linear-gradient(135deg,#3378ff,#6d63ff);color:#fff;box-shadow:0 8px 24px #346fff38}.input{border-color:#29466f;background:#071123;border-radius:12px}.table th{background:#0c1832;color:#8fa3c8}.table td{border-bottom-color:#20365c}.table tr:hover td{background:#10203f}.kpi strong{letter-spacing:-.03em}.gold{color:var(--pm-gold)}.green{color:var(--pm-green)}.red{color:var(--pm-red)}
.pm-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px;padding-left:56px}.pm-page-head h1{font-size:34px;margin:4px 0 0}.pm-page-head p{margin:7px 0 0;color:var(--pm-muted)}.pm-eyebrow{font-size:11px;font-weight:950;letter-spacing:1.7px;color:#6fa5ff}.pm-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pm-kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:16px}.pm-kpi{position:relative;overflow:hidden;padding:17px 18px}.pm-kpi::after{content:'';position:absolute;width:110px;height:110px;border-radius:50%;right:-42px;bottom:-70px;background:#4f8aff14}.pm-kpi small{color:var(--pm-muted);font-weight:800}.pm-kpi strong{display:block;font-size:28px;margin-top:6px}.pm-kpi .mini{font-size:11px;color:#7081a5;margin-top:4px}.pm-tabs{display:flex;gap:8px;align-items:center;overflow:auto;padding:4px 0 12px}.pm-tab{white-space:nowrap;border:1px solid #294469;background:#09152c;color:#b9c8e7;padding:9px 13px;border-radius:999px;font-weight:850;cursor:pointer}.pm-tab.active{background:linear-gradient(135deg,#286fff,#735fff);color:#fff;border-color:transparent}.pm-filter-card{padding:15px 16px;margin-bottom:14px}.pm-filter-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr auto;gap:10px;align-items:end}.pm-field label{display:block;color:#8fa0c3;font-size:11px;font-weight:900;margin:0 0 6px}.pm-field .input{width:100%}.pm-table-wrap{overflow:auto;border:1px solid #21385f;border-radius:15px}.pm-table{width:100%;border-collapse:collapse;min-width:880px}.pm-table th,.pm-table td{padding:13px 14px;border-bottom:1px solid #20365b;text-align:left}.pm-table th{font-size:10px;letter-spacing:.8px;color:#8395bb;background:#09152c;text-transform:uppercase;position:sticky;top:0}.pm-table tbody tr:hover{background:#10203d}.pm-user{display:flex;align-items:center;gap:10px}.pm-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#274a88,#654c9d);font-weight:950}.pm-role{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:950;border:1px solid #31517e;background:#0d1b36}.pm-role.ADMIN{color:#81aaff}.pm-role.AGENT{color:#bf8cff}.pm-role.PLAYER{color:#5ce6ad}.pm-role.SUPERADMIN{color:#ffd46f}.pm-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900}.pm-status.ACTIVE{background:#10392c;color:#65edb5}.pm-status.BLOCKED{background:#421925;color:#ff8fa0}.pm-wallet-actions{display:flex;gap:7px;flex-wrap:wrap}.pm-load,.pm-unload{border:0;border-radius:11px;padding:9px 11px;font-weight:950;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.pm-load{background:#123b30;color:#65efb7;border:1px solid #24664f}.pm-unload{background:#431b27;color:#ff91a3;border:1px solid #713044}.pm-menu-wrap{position:relative}.pm-more{width:39px;height:39px;border-radius:11px;border:1px solid #2b4774;background:#0b1831;color:#fff;font-size:20px;cursor:pointer}.pm-actions{display:none;position:absolute;right:0;top:44px;z-index:80;min-width:220px;background:#0a1429;border:1px solid #2a4775;border-radius:14px;padding:7px;box-shadow:0 22px 70px #000b}.pm-actions.show{display:block}.pm-actions button,.pm-actions a{display:flex;width:100%;gap:9px;align-items:center;padding:10px;border:0;background:transparent;color:#e8efff;border-radius:9px;text-align:left;font-weight:750;cursor:pointer}.pm-actions button:hover,.pm-actions a:hover{background:#142747}.pm-breadcrumb{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:#8495b7;font-size:12px;margin-bottom:12px}.pm-breadcrumb button{border:0;background:transparent;color:#83aaff;cursor:pointer;font-weight:850}.pm-empty{padding:50px 20px;text-align:center;color:#8291af}.pm-modal-back{position:fixed;inset:0;background:#02040bd9;display:none;align-items:center;justify-content:center;z-index:1000;padding:18px;backdrop-filter:blur(8px)}.pm-modal-back.show{display:flex}.pm-modal{width:min(520px,100%);max-height:90vh;overflow:auto;border:1px solid #315080;border-radius:20px;padding:20px;background:linear-gradient(180deg,#0e1a35,#081225);box-shadow:0 36px 120px #000c}.pm-modal h2{margin:0}.pm-form{display:grid;gap:11px;margin-top:15px}.pm-form label{color:#9aabd0;font-size:12px;font-weight:850}.pm-check{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #243d68;border-radius:12px;padding:11px;background:#09162e}.pm-drawer{position:fixed;right:0;top:0;bottom:0;width:min(520px,95vw);background:#071123;border-left:1px solid #2c4c7e;z-index:1100;transform:translateX(105%);transition:.25s;padding:20px;overflow:auto;box-shadow:-30px 0 100px #000b}.pm-drawer.show{transform:none}.pm-drawer-shade{position:fixed;inset:0;background:#02040bcc;z-index:1090;display:none}.pm-drawer-shade.show{display:block}.pm-toast-box{position:fixed;right:20px;top:20px;z-index:2000;display:grid;gap:8px}.pm-toast{transform:translateX(120%);transition:.22s;padding:12px 14px;border-radius:12px;background:#10213f;border:1px solid #2f5389;box-shadow:0 18px 50px #0008;font-weight:850}.pm-toast.show{transform:none}.pm-toast.error{border-color:#743044;background:#381824}.pm-toast.success{border-color:#28684f;background:#10372a}.pm-net-pos{color:#55eaaa}.pm-net-neg{color:#ff788d}.pm-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pm-report-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.pm-chart-placeholder{min-height:210px;border:1px dashed #2b4774;border-radius:14px;display:flex;align-items:flex-end;gap:8px;padding:20px}.pm-chart-placeholder i{flex:1;min-height:12px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#4e86ff,#244997)}
@media(max-width:1150px){.pm-kpis{grid-template-columns:repeat(3,1fr)}.pm-filter-grid{grid-template-columns:1fr 1fr}.pm-summary-row{grid-template-columns:repeat(2,1fr)}.pm-report-layout{grid-template-columns:1fr}}
@media(max-width:850px){.sidebar{position:fixed;width:min(300px,86vw);transform:translateX(-105%);z-index:130}.with-sidebar{margin-left:0!important}.pm-sidebar-toggle{left:12px;top:12px}.pm-sidebar-shade{position:fixed;inset:0;background:#01030aa8;z-index:125}.pm-sidebar-open .sidebar{transform:none}.pm-sidebar-open .pm-sidebar-shade{display:block}.wrap{padding:72px 14px 24px}.pm-page-head{padding-left:0;align-items:flex-start;flex-direction:column}.pm-kpis{grid-template-columns:repeat(2,1fr)}.pm-filter-grid{grid-template-columns:1fr}.pm-toolbar{width:100%}.pm-toolbar .btn{flex:1}.pm-table-wrap{border-radius:13px}.pm-wallet-actions{min-width:170px}.pm-actions{position:fixed;left:14px;right:14px;top:auto;bottom:14px;min-width:0}.pm-modal{padding:17px}.pm-summary-row{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.pm-kpis{grid-template-columns:1fr 1fr;gap:9px}.pm-kpi{padding:14px}.pm-kpi strong{font-size:23px}.pm-summary-row{grid-template-columns:1fr}.pm-page-head h1{font-size:29px}.pm-table{min-width:760px}.btn{padding:10px 11px}.pm-load,.pm-unload{padding:9px}.pm-modal-back{padding:10px}.pm-drawer{width:100vw}.pm-toast-box{left:10px;right:10px;top:10px}}


/* =========================================================
   VEGAS GOLDEN 10.0 · by RED P&M
   Premium black / metallic gold redesign
   ========================================================= */
:root{
  --bg:#050403;
  --panel:#0b0906;
  --panel2:#12100b;
  --line:#3b2c13;
  --gold:#d9a62e;
  --gold2:#ffe29a;
  --text:#fffaf0;
  --muted:#b8aa8a;
  --green:#61e493;
  --red:#ff6e6e;
  --pm-neon:#d9a62e;
  --pm-violet:#a8791f;
  --pm-gold:#e0b23c;
  --pm-ink:#050403;
  --pm-card:#0c0a07;
  --pm-line:#3c2d16;
}
body,body.pm-pro{
  background:
    radial-gradient(circle at 10% 0,#6d460f3a 0,transparent 28%),
    radial-gradient(circle at 88% 4%,#b87c1724 0,transparent 24%),
    linear-gradient(180deg,#060503 0,#030303 72%,#000 100%);
  color:var(--text);
}
body:before{
  content:'';
  position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:
    linear-gradient(115deg,transparent 0 49.7%,#d9a62e08 50%,transparent 50.3%),
    radial-gradient(circle at 50% 110%,#c98c1714 0,transparent 40%);
  background-size:110px 110px,100% 100%;
}
a{color:inherit}
.card,.sector,.game,.featured-side,.pm-kpi,.pm-filter-card,.pm-live-card,.note{
  background:linear-gradient(180deg,#12100c,#090806 78%);
  border-color:#4b3717;
  box-shadow:0 18px 55px #0009,inset 0 1px 0 #ffdf8a0b;
}
.card:hover,.sector:hover,.game:hover{border-color:#b88928}
.btn{
  border-color:#59431f;
  background:linear-gradient(180deg,#17130d,#0b0906);
  color:#fff7e4;
  box-shadow:inset 0 1px 0 #fff2c412;
}
.btn:hover{border-color:#d8a839;box-shadow:0 0 0 3px #d8a83913}
.btn.primary,.pm-play,.action-load{
  background:linear-gradient(135deg,#8b5f13 0,#e0b13b 48%,#ffe19a 100%);
  color:#171006;
  box-shadow:0 10px 30px #c9942238,inset 0 1px 0 #fff8d7;
}
.input{
  border-color:#4b3819;
  background:#080705;
  color:#fff8e9;
}
.input:focus{outline:none;border-color:#d3a237;box-shadow:0 0 0 4px #d3a23712}
.sidebar{
  width:286px;
  background:
    radial-gradient(circle at 50% -3%,#b77c1721 0,transparent 28%),
    linear-gradient(180deg,#090704,#040403 76%,#020202);
  border-right-color:#3c2d16;
  box-shadow:18px 0 55px #0008;
}
.with-sidebar{margin-left:286px}
.sidebar .brand{
  padding:8px 7px 16px;
  border-bottom:1px solid #3b2b14;
  margin-bottom:6px;
}
.sidebar .brand img,.pm-brand img,.brand img{
  box-shadow:0 0 0 1px #d4a438,0 0 32px #d4a43855;
  background:#060503;
}
.sidebar a,.sidebar button.menuitem{
  border-radius:13px;
  color:#eee5d3;
}
.sidebar a:hover,.sidebar a.active,.sidebar button.menuitem:hover{
  background:linear-gradient(90deg,#30210e,#151007);
  border-color:#795820;
  color:#fff2c2;
}
.sidebar a.active{
  box-shadow:inset 3px 0 0 #e2b23b,0 8px 30px #0004;
}
.sidegroup{color:#997a3b}
.top,.pm-header{
  background:#070604e8;
  border-bottom-color:#3d2d16;
  box-shadow:0 10px 40px #0008;
}
.pm-brand,.brand{font-family:Georgia,'Times New Roman',serif;letter-spacing:.5px}
.pm-brand>div,.brand>div{line-height:1.05}
.pm-brand>div>span,.brand>div>span,.vg-wordmark>span{
  display:block;
  color:#f4cb66;
  font-weight:900;
  font-size:22px;
  letter-spacing:.8px;
  text-shadow:0 0 18px #d9a62e45;
}
.pm-brand small,.brand small,.vg-wordmark small{
  color:#d3ab54!important;
  letter-spacing:2px!important;
  font-family:Inter,system-ui,sans-serif;
  font-size:9px!important;
  margin-top:4px;
}
.hero,.pm-hero,.featured-big{
  border-color:#6a4e1c;
  background:
    radial-gradient(circle at 82% 28%,#d9a62e45,transparent 18%),
    radial-gradient(circle at 72% 60%,#8d5b1728,transparent 28%),
    linear-gradient(135deg,#1c1308 0,#0c0906 48%,#050403 100%);
  box-shadow:0 30px 100px #000c,inset 0 1px 0 #ffe5a21a;
}
.hero:after,.pm-hero:after{content:'VEGAS GOLDEN';color:#f2c96008}
.hero h1,.pm-hero h1{
  font-family:Georgia,'Times New Roman',serif;
  color:#f8d477;
  text-shadow:0 2px 0 #68450c,0 0 35px #e1ad3540;
  letter-spacing:-1.5px;
}
.pm-cat{
  border-color:#4a3619;background:#0b0906;color:#e9dfcd
}
.pm-cat.active,.pm-cat:hover{
  background:linear-gradient(135deg,#976815,#e2b23d 55%,#ffe4a0);
  color:#160f05;
}
.pm-game-card{
  background:linear-gradient(180deg,#100d09,#070604);
  border-color:#4b3617;
  box-shadow:0 18px 55px #0008;
}
.pm-game-card:hover{
  transform:translateY(-7px);
  border-color:#d5a238;
  box-shadow:0 22px 65px #000b,0 0 0 1px #d5a23822;
}
.pm-game-title{color:#ffe4a0}
.pm-game-meta,.muted{color:#ad9f84}
.pm-badge{background:#171109;border-color:#6f501d;color:#f3d486}
.pm-badge.hot{background:#4a240e;border-color:#c57521;color:#ffd3a1}
.pm-badge.new{background:#304019;border-color:#839d31;color:#e9ffaf}
.pm-kpi strong,.balance,.glow-number{color:#f6cc64}
.pm-net-pos,.green{color:#62e99c!important}
.pm-net-neg,.red{color:#ff7373!important}
.table th,.pm-table th{background:#120f09!important;color:#c5ad7c!important}
.table td,.pm-table td{border-bottom-color:#30230f!important}
.table tr:hover td,.pm-table tr:hover td{background:#151008!important}
.chip,.pm-chip{
  border-color:#59421d;
  background:#100d08;
  color:#efd79e;
}
.support-fab,.pm-floating-support{
  background:linear-gradient(135deg,#9d6f17,#f0c958,#ffe7a0);
  color:#130d04;
}
.support-panel{background:#0b0906;border-color:#5c431d}
.pm-page-head h1,.wrap h1{
  font-family:Georgia,'Times New Roman',serif;
  color:#f4cf72;
  letter-spacing:-.5px;
}
.pm-eyebrow{
  color:#c9972e!important;
  letter-spacing:2.4px;
  font-weight:1000;
}
.pm-summary-row{gap:12px}
.pm-summary-row .pm-kpi{min-height:118px}
.pm-table-wrap{border-radius:16px;overflow:auto}
.pm-toolbar{gap:10px}
.pm-tabs .pm-tab,.pm-tab{
  border-color:#55401d!important;
  background:#0d0b07!important;
  color:#e9ddc4!important;
}
.pm-tabs .pm-tab.active,.pm-tab.active{
  background:linear-gradient(135deg,#8b5f13,#e1b13a,#ffe5a0)!important;
  color:#171006!important;
  border-color:transparent!important;
}
.pm-hero-art img{filter:drop-shadow(0 30px 55px #000d) sepia(.05) saturate(1.15)}
.pm-section-head h2{font-family:Georgia,'Times New Roman',serif;color:#f2cf77}
.pm-live-card{border-color:#60471d!important}
.pm-searchbar input{background:#080604!important;border-color:#493718!important}
.pm-searchbar input:focus{border-color:#d5a338!important;box-shadow:0 0 0 4px #d5a33816!important}
.action-more{border-color:#5a431f;background:#120e08;color:#f9df9b}
.action-unload{background:linear-gradient(135deg,#5d1717,#d65555,#ff8a8a)}
.stat-ring{background:conic-gradient(#d9a62e 0 72%,#271d0e 72% 100%)}
.stat-ring:after{background:#0b0906}
body.light{background:#f4efe6;color:#241b0d}
body.light .card,body.light .sidebar,body.light .top,body.light .hero{background:#fffaf1;color:#241b0d}
body.light .sidebar{border-right-color:#d9c8a7}
body.light .table th{background:#f0e4cd!important;color:#6e5a32!important}

.vg-brandline{
  display:flex;align-items:center;gap:12px;
}
.vg-wordmark{font-family:Georgia,'Times New Roman',serif}
.vg-wordmark .vg-main{
  display:block;color:#f6cf6e;font-size:23px;font-weight:900;letter-spacing:.6px;
  text-shadow:0 0 22px #e2b03c4d;
}
.vg-wordmark .vg-by{
  display:block;color:#c89a3b;font-family:Inter,system-ui,sans-serif;
  text-transform:uppercase;font-size:9px;letter-spacing:2.1px;margin-top:4px;
}
.vg-luxury-line{
  height:1px;background:linear-gradient(90deg,transparent,#d9a62e,#ffe6a0,#d9a62e,transparent);
  opacity:.7;margin:8px 0;
}
.vg-casino-orbs:before{
  content:'♠  ♦  ♣  ♥';
  position:absolute;right:26px;top:24px;color:#e2b13b12;
  font-size:48px;letter-spacing:15px;pointer-events:none;
}
@media(max-width:850px){
  .sidebar{width:auto}.with-sidebar{margin-left:0}
  .pm-header{padding:10px 12px}
  .vg-wordmark .vg-main{font-size:18px}
  .pm-hero{padding:22px;min-height:auto}
}

/* VEGAS GOLDEN 10.1 RESPONSIVE PREMIUM */
:root{--vg-side:248px;--vg-touch:44px}
.sidebar{width:var(--vg-side)!important;padding:16px 12px!important}
.with-sidebar{margin-left:var(--vg-side)!important}
.sidebar .brand{display:flex;align-items:center;gap:10px;padding:5px 6px 16px!important}
.sidebar .brand img{width:46px!important;height:46px!important}
.sidebar a,.sidebar button.menuitem{min-height:46px;display:flex!important;align-items:center;gap:9px;padding:10px 12px!important;font-size:13px!important;margin:3px 0!important}
.wrap{max-width:1500px!important;padding:24px 28px 42px!important}
.pm-page-head h1{font-size:clamp(30px,3vw,48px)!important;line-height:1!important}
.pm-summary-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:12px!important}
.pm-kpi{border-radius:18px!important;padding:17px 18px!important}
.pm-kpi strong{font-size:clamp(24px,2.2vw,38px)!important}
.pm-filter-grid{gap:10px!important}
.pm-filter-grid .input,.pm-filter-grid .btn,.btn{min-height:42px}
.pm-table{min-width:780px}.pm-table th{position:sticky;top:0;z-index:2}
.pm-toolbar,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pm-tabs{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.pm-tabs::-webkit-scrollbar{display:none}.pm-tab{white-space:nowrap;min-height:42px}
.vg-mobile-topbar,.vg-mobile-bottom{display:none}
@media(max-width:1050px){.wrap{padding:20px 18px 34px!important}.pm-filter-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:820px){
 body{padding-bottom:76px!important}
 .sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(84vw,310px)!important;z-index:1200!important;transform:translateX(-105%);transition:.22s;box-shadow:28px 0 80px #000d!important}
 body.vg-menu-open .sidebar{transform:translateX(0)}
 body.vg-menu-open:after{content:'';position:fixed;inset:0;background:#000a;z-index:1190;backdrop-filter:blur(2px)}
 .with-sidebar{margin-left:0!important}.wrap{padding:82px 12px 92px!important;max-width:none!important}
 .vg-mobile-topbar{display:flex;position:fixed;top:0;left:0;right:0;height:66px;z-index:1100;align-items:center;justify-content:space-between;padding:8px 12px;background:#060503ed;border-bottom:1px solid #4d3818;backdrop-filter:blur(14px);box-shadow:0 12px 38px #0008}
 .vg-mini-brand{display:flex;align-items:center;gap:9px}.vg-mini-brand img{width:39px;height:39px;border-radius:50%;border:1px solid #d8a536}.vg-mini-brand b{font-family:Georgia,serif;color:#f4ce6b;font-size:17px}.vg-mini-brand small{display:block;color:#a98b52;font-size:8px;letter-spacing:1.5px}
 .vg-menu-btn{width:44px;height:44px;border-radius:13px;border:1px solid #62491e;background:#100c07;color:#f1c75f;font-size:21px}
 .vg-mobile-bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:1090;background:#060503f2;border-top:1px solid #4b3617;padding:7px 6px calc(7px + env(safe-area-inset-bottom));backdrop-filter:blur(15px)}
 .vg-mobile-bottom a{min-height:51px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#a99b80;text-decoration:none;font-size:9px;border-radius:11px}.vg-mobile-bottom a span{font-size:19px}.vg-mobile-bottom a:hover{color:#f0c65e;background:#211707}
 .pm-page-head{align-items:flex-start!important}.pm-page-head>.btn{display:none}.pm-page-head h1{font-size:31px!important}.pm-page-head p{font-size:13px}
 .pm-summary-row{grid-template-columns:1fr 1fr!important;gap:8px!important}.pm-kpi{min-height:100px!important;padding:14px!important}.pm-kpi strong{font-size:24px!important}
 .pm-filter-grid{grid-template-columns:1fr!important}.pm-filter-grid .btn{width:100%}.card{padding:13px!important}
 .pm-table-wrap{border:1px solid #382913}.pm-table{font-size:12px}.pm-table td,.pm-table th{padding:10px!important}
 .history-tabs{position:sticky;top:66px;z-index:20;background:#060503e8;padding:8px 0!important;backdrop-filter:blur(10px)}
 .support-fab,.pm-floating-support{bottom:82px!important}
 .pm-lobby{padding-top:72px!important;padding-bottom:82px!important}.pm-hero{grid-template-columns:1fr!important;padding:20px!important;min-height:360px!important}.pm-hero h1{font-size:38px!important}.pm-hero-art{position:absolute!important;right:-30px!important;bottom:0!important;opacity:.35!important;width:55%!important}.pm-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.pm-searchbar{grid-template-columns:1fr!important}
}
@media(max-width:520px){.pm-page-head h1{font-size:28px!important}.pm-kpi{min-height:92px!important}.pm-kpi strong{font-size:21px!important}}

/* ==========================================================
   VEGAS GOLDEN 10.2 — SIGNATURE ADMIN
   Less outlines, stronger brand hierarchy, wider workspace
   ========================================================== */
:root{--vg-side:224px}
.sidebar{
 width:var(--vg-side)!important;
 background:linear-gradient(180deg,#070604 0,#030302 72%,#010101 100%)!important;
 border-right:1px solid #2c2111!important;
 padding:18px 11px!important
}
.with-sidebar{margin-left:var(--vg-side)!important}
.sidebar .brand{
 min-height:78px;margin:0 0 16px!important;padding:6px 7px 18px!important;
 border-bottom:1px solid #2e2312!important
}
.sidebar .brand img{width:52px!important;height:52px!important;border:1px solid #d4a239!important;box-shadow:0 0 26px #d4a23938!important}
.sidebar .vg-wordmark .vg-main{font-size:18px!important;letter-spacing:.5px!important}
.sidebar .vg-wordmark .vg-by{font-size:8px!important;color:#8e7444!important}
.sidebar a,.sidebar button.menuitem{
 border:1px solid transparent!important;background:transparent!important;color:#bdb3a0!important;
 border-radius:12px!important;font-weight:700!important
}
.sidebar a:hover,.sidebar a.active,.sidebar button.menuitem:hover{
 color:#ffe39a!important;background:linear-gradient(90deg,#241a0b,#0c0905)!important;
 border-color:#4a3517!important;box-shadow:none!important
}
.sidebar a.active{box-shadow:inset 3px 0 0 #e0ad35!important}
.sidegroup{font-size:9px!important;letter-spacing:2.3px!important;color:#6f6045!important;padding-left:10px!important}
.wrap{max-width:none!important;padding:30px 34px 48px!important}
.pm-page-head{
 padding:0 0 20px!important;border-bottom:1px solid #241c0f;margin-bottom:22px!important
}
.pm-page-head h1{font-size:46px!important;color:#f5d276!important}
.pm-page-head p{color:#8f856f!important}
.pm-summary-row{gap:14px!important}
.pm-kpi{
 background:linear-gradient(145deg,#100d08,#080705)!important;
 border:1px solid #322511!important;
 box-shadow:0 16px 45px #0008!important;
 position:relative;overflow:hidden
}
.pm-kpi:after{
 content:'';position:absolute;left:0;top:0;width:100%;height:2px;
 background:linear-gradient(90deg,transparent,#c9952e88,transparent)
}
.pm-kpi small{color:#8f8165!important;text-transform:uppercase;letter-spacing:.9px}
.pm-kpi strong{color:#f3ce70!important}
.card{
 border:1px solid #2d2212!important;
 box-shadow:0 18px 52px #0008!important;
 background:linear-gradient(180deg,#0d0b08,#070604)!important
}
.pm-filter-card{padding:14px!important}
.input{
 border:1px solid #342813!important;background:#060504!important;border-radius:11px!important
}
.btn{border-radius:11px!important}
.pm-table-wrap{border:1px solid #2c2111!important;background:#060504!important}
.pm-table th{
 background:#0b0906!important;color:#887654!important;
 text-transform:uppercase;font-size:9px!important;letter-spacing:1.1px
}
.pm-table td{border-bottom:1px solid #21190d!important}
.pm-table tr:hover td{background:#100c06!important}
.action-load,.action-unload{box-shadow:none!important}
.action-load{background:#193d27!important;color:#7cf0a7!important;border:1px solid #2e7045!important}
.action-unload{background:#481d1d!important;color:#ff9797!important;border:1px solid #7e3434!important}
.action-more{background:#0c0a07!important;border:1px solid #3a2c16!important}
.pm-page-head .btn.primary,.btn.primary{
 background:linear-gradient(135deg,#8c6013,#d9a932 55%,#f7d982)!important;
 color:#171006!important
}
.vg-admin-banner{
 display:flex;align-items:center;justify-content:space-between;gap:20px;
 min-height:126px;padding:20px 24px;margin-bottom:18px;border-radius:20px;
 border:1px solid #4b3515;
 background:
  radial-gradient(circle at 86% 50%,#d6a12c2b 0,transparent 19%),
  linear-gradient(120deg,#171006,#0b0805 56%,#080604);
 box-shadow:0 22px 65px #000a;overflow:hidden;position:relative
}
.vg-admin-banner:after{
 content:'♠  ♦  ♣  ♥';position:absolute;right:25px;bottom:-8px;
 font-size:48px;letter-spacing:13px;color:#f1c55c0c
}
.vg-admin-banner .copy{position:relative;z-index:2}
.vg-admin-banner .kicker{font-size:9px;letter-spacing:2.5px;color:#b68b32;font-weight:900}
.vg-admin-banner h2{font-family:Georgia,serif;color:#f4ce6c;font-size:31px;margin:4px 0}
.vg-admin-banner p{margin:0;color:#9d9077;font-size:12px}
.vg-admin-lion{
 width:88px;height:88px;border-radius:50%;object-fit:cover;border:1px solid #c8942d;
 box-shadow:0 0 0 7px #d4a3330b,0 0 40px #d4a3332b;position:relative;z-index:2
}
@media(max-width:820px){
 .wrap{padding:80px 11px 90px!important}
 .vg-admin-banner{min-height:112px;padding:16px;margin-bottom:12px}
 .vg-admin-banner h2{font-size:23px}.vg-admin-banner p{font-size:11px;max-width:230px}
 .vg-admin-lion{width:66px;height:66px}
 .pm-page-head{padding-bottom:12px!important;margin-bottom:13px!important}
 .pm-page-head h1{font-size:30px!important}
}

/* VEGAS GOLDEN 11.0 CONSOLIDATED */
body.vg-sidebar-collapsed .sidebar{transform:translateX(-110%)!important}
body.vg-sidebar-collapsed .with-sidebar{margin-left:0!important}
.vg-desktop-menu-btn{position:fixed;left:242px;top:18px;z-index:1300;width:44px;height:44px;border-radius:13px;border:1px solid #60471d;background:#0d0a06;color:#efc55e;font-size:20px;box-shadow:0 10px 30px #0008;transition:left .2s}
body.vg-sidebar-collapsed .vg-desktop-menu-btn{left:16px}
body.vg-sidebar-collapsed .wrap{max-width:none!important;padding-left:76px!important}
.sidebar .brand .vg-main{font-family:Georgia,serif!important;color:#f4ce6b!important;font-size:18px!important;font-weight:900!important}
.sidebar .brand .vg-by{display:block!important;color:#8f7442!important;font-size:8px!important;letter-spacing:1.6px!important;margin-top:4px!important}
.vg-role-pill{display:inline-flex;border:1px solid #4d3919;background:#0b0906;color:#d7b35e;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900;letter-spacing:.8px}
@media(min-width:821px){.vg-mobile-topbar,.vg-mobile-bottom{display:none!important}}
@media(max-width:820px){.vg-desktop-menu-btn{display:none!important}body.vg-sidebar-collapsed .wrap{padding-left:11px!important}body.vg-menu-open .sidebar{transform:translateX(0)!important}}

/* VEGAS GOLDEN 11.1 STABILITY + SIDEBAR FIX */
.pm-sidebar-toggle{display:none!important}
@media(min-width:821px){
  .vg-desktop-menu-btn{
    position:fixed!important;top:14px!important;left:238px!important;right:auto!important;
    margin:0!important;transform:none!important;z-index:2000!important;
    width:44px!important;height:44px!important
  }
  body.vg-sidebar-collapsed .vg-desktop-menu-btn{left:14px!important}
}
@media(max-width:820px){
  .vg-desktop-menu-btn{display:none!important}
  .vg-mobile-topbar{display:flex!important}
}

/* VEGAS GOLDEN 12.0 AGENT CONTROL CENTER */
.pm-agent-shell{background:#050403!important}.pm-agent-side{background:linear-gradient(180deg,#080604,#020202)!important;border-right:1px solid #332611!important}
.pm-agent-top{background:#080604e8!important;border-bottom:1px solid #332611!important}.pm-agent-main{background:radial-gradient(circle at 80% 0,#9c6c1617,transparent 30%),#050403!important}
.pm-agent-hero{background:linear-gradient(135deg,#181006,#0b0805 55%,#050403)!important;border:1px solid #503817!important;box-shadow:0 24px 70px #000b!important}
.pm-agent-hero h1{font-family:Georgia,serif!important;color:#f2ce70!important;font-size:clamp(34px,4vw,62px)!important}
.pm-agent-status,.pm-status-card,.pm-panel-card,.pm-quick-btn{background:#0c0906!important;border-color:#382912!important}
.pm-spark i{background:linear-gradient(#f0c75e,#7b5311)!important}.pm-agent-side a.active,.pm-agent-side a:hover{background:#211708!important;color:#f2cb68!important}

/* VEGAS GOLDEN 14.0 EXECUTIVE MANAGEMENT */
:root{--exec-side:210px}.sidebar{width:var(--exec-side)!important;padding:16px 9px!important;background:linear-gradient(180deg,#080705,#030302)!important;border-right:1px solid #262116!important}.with-sidebar{margin-left:var(--exec-side)!important}.sidebar .brand{padding:3px 5px 13px!important;margin-bottom:10px!important;min-height:62px!important}.sidebar .brand img{width:43px!important;height:43px!important}.sidebar a{min-height:39px!important;padding:8px 9px!important;margin:1px 0!important;border-radius:9px!important;font-size:11px!important}.sidegroup{font-size:7px!important;letter-spacing:2px!important;margin:11px 0 4px!important}
.wrap{max-width:1580px!important;padding:20px 24px 36px!important}.vg-admin-banner{min-height:86px!important;padding:13px 17px!important;margin-bottom:11px!important;border-radius:14px!important;background:linear-gradient(120deg,#100c06,#080705 72%)!important}.vg-admin-banner h2{font-size:23px!important;margin:0!important}.vg-admin-lion{width:56px!important;height:56px!important}.pm-page-head{margin-bottom:10px!important;padding-bottom:8px!important}.pm-page-head h1{font-size:31px!important}.pm-summary-row{gap:7px!important;margin-bottom:10px!important}.pm-kpi{min-height:78px!important;padding:10px 12px!important;border-radius:12px!important;background:#0b0907!important}.pm-kpi strong{font-size:23px!important}.pm-kpi small{font-size:8px!important}
.card{border-radius:13px!important;background:#0b0907!important}.pm-filter-card{padding:9px!important}.pm-filters{display:grid!important;grid-template-columns:minmax(190px,1.5fr) repeat(3,minmax(130px,.75fr)) auto!important;gap:7px!important;align-items:end!important}.input,.btn{min-height:36px!important;border-radius:8px!important;font-size:10px!important}
.pm-table-wrap{max-height:calc(100vh - 285px)!important;min-height:270px!important;overflow:auto!important;border-radius:11px!important}.pm-table{min-width:850px!important}.pm-table thead{position:sticky!important;top:0!important;z-index:20!important}.pm-table th{background:#0c0a07!important;font-size:7px!important;padding:8px 9px!important}.pm-table td{padding:8px 9px!important;font-size:10px!important}
.vg-desktop-menu-btn{left:224px!important;top:12px!important;width:38px!important;height:38px!important}.exec-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0}.exec-action{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #292316;border-radius:11px;background:#090806;color:#ddd2b7;text-decoration:none;font-size:10px;font-weight:800}.exec-action:hover{border-color:#60491e;background:#100d07}.exec-action span{font-size:17px}
.pm-agent-hero{min-height:250px!important;padding:22px!important;background:linear-gradient(130deg,#151006,#090704 65%)!important}.pm-quick-btn.load,.pm-quick-btn.unload{background:#0b0906!important}.pm-quick-btn.load{border-color:#31533a!important}.pm-quick-btn.unload{border-color:#573333!important}
@media(max-width:1050px){.pm-filters{grid-template-columns:1fr 1fr!important}.exec-actions{grid-template-columns:1fr 1fr!important}}@media(max-width:820px){.wrap{padding:70px 9px 84px!important}.pm-filters{grid-template-columns:1fr!important}.pm-table-wrap{max-height:58vh!important}}


/* =========================================================
   VEGAS GOLDEN 15.0 · ADMIN READABILITY + LOBBY REFRESH
   ========================================================= */

/* ADMIN / PANEL — legibilidad y jerarquía */
.sidebar{
  width:304px !important;
  padding:20px 15px !important;
}
.with-sidebar{margin-left:304px !important}
.sidebar .brand{padding:9px 8px 19px !important;margin-bottom:10px !important}
.sidebar .brand img{width:54px !important;height:54px !important}
.sidebar .vg-main{font-size:23px !important}
.sidebar .vg-by{font-size:10px !important;letter-spacing:1.5px !important}
.sidegroup{
  margin:22px 10px 9px !important;
  font-size:11px !important;
  letter-spacing:1.8px !important;
  font-weight:1000 !important;
  color:#c3a158 !important;
}
.sidebar a,.sidebar button.menuitem{
  min-height:52px !important;
  padding:13px 14px !important;
  margin:5px 0 !important;
  font-size:15px !important;
  line-height:1.25 !important;
  font-weight:850 !important;
  letter-spacing:.05px !important;
}
.sidebar a.active{
  background:linear-gradient(90deg,#3a290f,#171107) !important;
  border-color:#9a7128 !important;
  box-shadow:inset 4px 0 0 #f0c75c,0 10px 30px #0006 !important;
}
.wrap{max-width:1640px !important;padding:30px 34px !important}
.pm-page-head h1,.wrap h1{font-size:38px !important;line-height:1.05 !important}
.pm-page-head p{font-size:15px !important;line-height:1.55 !important}
.pm-eyebrow,.kicker{font-size:12px !important;letter-spacing:2.1px !important}
.vg-admin-banner h2{font-size:42px !important}
.vg-admin-banner p{font-size:16px !important}
.card h3,.sector h3{font-size:20px !important}
.card p,.sector p,.note,.muted{font-size:14px !important;line-height:1.5 !important}
.note{padding:14px 15px !important}
.note b{font-size:16px !important}
.note small{font-size:12px !important}
.btn{
  min-height:42px;
  padding:10px 14px !important;
  font-size:14px !important;
  font-weight:850 !important;
}
.input,select.input{
  min-height:44px !important;
  padding:10px 12px !important;
  font-size:14px !important;
}
.kpi small,.pm-kpi small{font-size:13px !important}
.kpi strong,.pm-kpi strong{font-size:30px !important}
.pm-kpi .mini{font-size:12px !important}
.table,.pm-table{font-size:14px !important}
.table th,.pm-table th{
  font-size:11px !important;
  padding:14px 15px !important;
  letter-spacing:.9px !important;
}
.table td,.pm-table td{
  font-size:14px !important;
  padding:14px 15px !important;
  line-height:1.4 !important;
}
.pm-user b{font-size:15px !important}
.pm-role,.pm-status{font-size:11px !important}
.pm-field label{font-size:12px !important}
.pm-breadcrumb{font-size:13px !important}
.pm-breadcrumb button{font-size:13px !important}
.pm-actions button,.pm-actions a{font-size:14px !important;padding:12px !important}
.pm-load,.pm-unload{font-size:13px !important;padding:10px 12px !important}
.action-load,.action-unload{min-width:38px;min-height:38px;font-size:17px}
.sector{padding:19px !important}
.sector .icon{font-size:28px !important}

/* Red de usuarios: lectura clara por rol y jerarquía */
.pm-table-wrap{
  background:linear-gradient(180deg,#0d0b07,#070604);
  box-shadow:0 18px 55px #0007;
}
.pm-table tbody tr{transition:background .18s ease,transform .18s ease}
.pm-table tbody tr:hover{background:#191208 !important}
.pm-user{gap:12px !important}
.pm-avatar{width:42px !important;height:42px !important;font-size:15px !important}
.pm-filter-card{padding:18px !important}
.pm-filter-grid{gap:12px !important}

/* LOBBY 15.0 — más limpio, comercial y legible */
.pm-header{
  min-height:76px !important;
  padding:12px 22px !important;
  backdrop-filter:blur(18px);
}
.pm-header .pm-brand img{width:52px !important;height:52px !important}
.pm-header .vg-main{font-size:23px !important}
.pm-header .vg-by{font-size:10px !important}
.pm-header .balance{
  font-size:22px !important;
  font-weight:1000 !important;
  padding:8px 13px;
  border-radius:12px;
  border:1px solid #60481d;
  background:#0c0905;
}
.pm-lobby{max-width:1580px !important;padding:24px 26px 95px !important}
.pm-hero{
  min-height:390px !important;
  padding:34px 38px !important;
  border-radius:28px !important;
  grid-template-columns:1.15fr .85fr !important;
}
.pm-hero h1{
  font-size:clamp(42px,5vw,72px) !important;
  line-height:.94 !important;
  max-width:850px;
}
.pm-hero p{font-size:17px !important;line-height:1.65 !important;max-width:760px}
.pm-searchbar{
  margin-top:18px !important;
  padding:8px !important;
  border:1px solid #513b18;
  border-radius:17px;
  background:#0b0906cc;
  box-shadow:0 14px 38px #0006;
}
.pm-searchbar input{
  min-height:48px !important;
  font-size:15px !important;
  padding:0 16px !important;
}
.pm-catbar{gap:9px !important;margin-top:15px !important;padding-bottom:4px}
.pm-cat{
  min-height:42px;
  padding:10px 15px !important;
  font-size:13px !important;
  font-weight:900 !important;
}
.pm-section{margin-top:30px !important}
.pm-section-head{margin-bottom:15px !important}
.pm-section-head h2{font-size:30px !important}
.pm-section-head p{font-size:14px !important}
.pm-game-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
}
.pm-game-card{
  border-radius:22px !important;
  overflow:hidden;
}
.pm-game-cover{height:240px !important}
.pm-game-body{padding:16px !important}
.pm-game-title{font-size:20px !important;letter-spacing:.1px}
.pm-game-meta{font-size:13px !important;line-height:1.4;margin-bottom:13px !important}
.pm-play{
  min-height:44px;
  padding:11px 14px !important;
  font-size:14px !important;
  letter-spacing:.4px;
}
.pm-fav{width:44px !important;height:44px !important}
.pm-badge{font-size:11px !important;padding:6px 9px !important}
.pm-live-card{min-height:270px !important;padding:26px !important}
.pm-live-card h2{font-size:36px !important}
.pm-live-card p{font-size:15px !important;line-height:1.55}

/* Responsive */
@media(max-width:1150px){
  .sidebar{width:286px !important}
  .with-sidebar{margin-left:286px !important}
  .pm-game-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:850px){
  .sidebar{width:min(320px,88vw) !important}
  .with-sidebar{margin-left:0 !important}
  .wrap{padding:74px 16px 28px !important}
  .pm-page-head h1,.wrap h1{font-size:32px !important}
  .pm-game-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .pm-hero{grid-template-columns:1fr !important;padding:25px !important;min-height:auto !important}
  .pm-lobby{padding:14px 14px 82px !important}
}
@media(max-width:520px){
  .sidebar a,.sidebar button.menuitem{font-size:15px !important}
  .pm-game-grid{grid-template-columns:1fr 1fr !important;gap:11px !important}
  .pm-game-cover{height:155px !important}
  .pm-game-body{padding:11px !important}
  .pm-game-title{font-size:16px !important}
  .pm-game-meta{font-size:11px !important}
  .pm-section-head h2{font-size:24px !important}
}

/* VEGAS GOLDEN 17.9.0 — PLATFORM MOBILE SUITE */
:root{--vg-safe-top:env(safe-area-inset-top,0px);--vg-safe-bottom:env(safe-area-inset-bottom,0px)}
.vg-branch-launch{display:none}
.vg-branch-shade{display:none;position:fixed;inset:0;background:#02040bd1;backdrop-filter:blur(5px);z-index:1590}
.vg-branch-drawer{position:fixed;left:0;top:0;bottom:0;width:min(360px,92vw);z-index:1600;transform:translateX(-105%);transition:transform .22s ease;background:linear-gradient(180deg,#0a1227,#060b18 72%,#040713);border-right:1px solid #324d82;box-shadow:26px 0 90px #000d;padding:calc(14px + var(--vg-safe-top)) 12px calc(14px + var(--vg-safe-bottom));overflow:auto}
.vg-branch-drawer.show{transform:none}.vg-branch-shade.show{display:block}.vg-branch-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 2px 12px;border-bottom:1px solid #203b68}.vg-branch-head strong{color:#f1ce70;font-size:15px}.vg-branch-close{width:38px;height:38px;border-radius:10px;border:1px solid #345482;background:#0b1730;color:#fff;font-weight:900}.vg-branch-search{width:100%;height:42px;margin:12px 0;border:1px solid #294773;border-radius:11px;background:#09152b;color:#fff;padding:0 12px;outline:none}.vg-branch-search:focus{border-color:#6689e8;box-shadow:0 0 0 3px #527fff20}.vg-branch-root{display:grid;gap:6px}.vg-branch-node{border:1px solid #1d3761;border-radius:12px;background:#081326;overflow:hidden}.vg-branch-row{min-height:48px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:5px;padding:5px 7px}.vg-branch-exp{width:34px;height:34px;border:0;border-radius:9px;background:#111f3b;color:#9eb8e9;font-size:14px;cursor:pointer}.vg-branch-select{min-width:0;border:0;background:transparent;color:#eef4ff;text-align:left;cursor:pointer;padding:4px}.vg-branch-select b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.vg-branch-select small{display:block;color:#7f96bd;font-size:9px;margin-top:2px}.vg-branch-count{font-size:9px;color:#8ca5cc;background:#102242;border-radius:999px;padding:4px 7px}.vg-branch-children{display:none;padding:0 6px 6px 22px}.vg-branch-children.show{display:grid;gap:5px}.vg-branch-loading{padding:22px 10px;text-align:center;color:#89a0c5;font-size:11px}

@media(max-width:850px){
 html,body{min-height:100dvh!important}
 body{overflow-x:hidden!important}
 .with-sidebar{margin-left:0!important;min-height:100dvh!important;width:100%!important}
 .wrap{width:100%!important;max-width:none!important;padding-left:10px!important;padding-right:10px!important;padding-bottom:calc(86px + var(--vg-safe-bottom))!important}
 .vg-mobile-topbar{padding-top:var(--vg-safe-top)!important;height:calc(58px + var(--vg-safe-top))!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
 .vg-mobile-topbar .vg-menu-btn{min-width:42px!important;min-height:42px!important}
 .vg-branch-launch{display:inline-flex!important;position:fixed;right:12px;top:calc(9px + var(--vg-safe-top));z-index:1450;align-items:center;gap:5px;height:40px;border:1px solid #355582;border-radius:11px;background:#0a1730ed;color:#dce8ff;padding:0 10px;font-size:10px;font-weight:900;box-shadow:0 10px 30px #0008}
 .sidebar{height:100dvh!important;padding-top:calc(15px + var(--vg-safe-top))!important;padding-bottom:calc(15px + var(--vg-safe-bottom))!important;overflow:auto!important}
 .pm-page-head,.toolbar{gap:10px!important}
 .pm-page-head h1,.toolbar h1{font-size:clamp(25px,8vw,34px)!important;line-height:1.05!important}
 .pm-toolbar,.toolbar .row{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .pm-toolbar .btn,.toolbar .row .btn{width:100%!important;min-height:43px!important;margin:0!important}
 .card{border-radius:14px!important}
 .pm-kpis,.kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .pm-kpi,.kpi{min-width:0!important;padding:12px!important}
 .pm-kpi strong,.kpi strong{font-size:20px!important;overflow-wrap:anywhere}
 .pm-filter-grid,.pm-filters{grid-template-columns:1fr!important}
 .pm-filter-grid .input,.pm-filters .input,.toolbar .input{width:100%!important;min-height:44px!important}
 .pm-table-wrap,#tableWrap,#playerRows{overflow:visible!important;max-height:none!important}
 .pm-table,.table{min-width:0!important;width:100%!important;border-collapse:separate!important;border-spacing:0 9px!important}
 .pm-table thead,.table thead,.table>tbody>tr:first-child:has(th){display:none!important}
 .pm-table tbody,.table tbody{display:grid!important;gap:9px!important}
 .pm-table tr,.table tr{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important;border:1px solid #27456f!important;border-radius:14px!important;background:linear-gradient(180deg,#0b1830,#071124)!important;padding:10px!important;box-shadow:0 13px 34px #0005!important}
 .pm-table td,.table td{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0!important;border:0!important;padding:6px 7px!important;background:#0a152a99!important;border-radius:9px!important;font-size:11px!important;overflow-wrap:anywhere!important}
 .pm-table td:before,.table td:before{content:attr(data-vg-label);display:block;color:#758caf;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;margin-bottom:3px}
 .pm-table td:first-child,.table td:first-child{grid-column:1/-1!important;background:#0d1b34!important}
 .pm-table td:nth-last-child(-n+3),.table td:nth-last-child(-n+2){grid-column:1/-1!important}
 .pm-wallet-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;min-width:0!important}
 .pm-load,.pm-unload,.action-load,.action-unload{min-height:42px!important;justify-content:center!important}
 .pm-menu-wrap{width:100%!important}.pm-more{width:100%!important;height:40px!important}.pm-actions{left:10px!important;right:10px!important;bottom:calc(10px + var(--vg-safe-bottom))!important}
 .pm-modal-back{padding:calc(8px + var(--vg-safe-top)) 8px calc(8px + var(--vg-safe-bottom))!important;align-items:flex-end!important}
 .pm-modal{width:100%!important;max-width:none!important;max-height:min(88dvh,760px)!important;border-radius:20px 20px 10px 10px!important;padding:16px!important}
 .pm-drawer{width:100vw!important;padding-top:calc(16px + var(--vg-safe-top))!important;padding-bottom:calc(16px + var(--vg-safe-bottom))!important}
 .two,.sector-grid,.pm-report-layout{grid-template-columns:1fr!important}
}
@media(max-width:520px){
 .pm-kpis,.kpis{grid-template-columns:1fr 1fr!important}
 .pm-page-head,.toolbar{align-items:stretch!important}
 .pm-toolbar,.toolbar .row{grid-template-columns:1fr 1fr!important}
 .pm-table tr,.table tr{grid-template-columns:1fr 1fr!important}
 .vg-branch-launch{font-size:0;padding:0;width:42px;justify-content:center}.vg-branch-launch:before{content:'RAMAS';font-size:7px}
}


/* VEGAS GOLDEN 17.9.1 — GOLDEN ADMIN MOBILE · referencia funcional aprobada */
@media(max-width:850px){
  /* Controles superiores: menú izquierda / ramas derecha */
  .vg-mobile-topbar{justify-content:flex-start!important;padding-left:12px!important;padding-right:12px!important;background:#070b18f2!important;border-bottom:1px solid #273653!important}
  .vg-mobile-topbar .vg-menu-btn{order:0!important;position:absolute!important;left:12px!important;top:calc(8px + var(--vg-safe-top))!important;background:#0c1324!important;border-color:#303a57!important;color:#d6deef!important}
  .vg-mobile-topbar .vg-mini-brand{display:none!important}
  .vg-branch-launch{left:auto!important;right:12px!important;top:calc(8px + var(--vg-safe-top))!important;width:auto!important;min-width:86px!important;padding:0 11px!important;font-size:9px!important;border-color:#6f5620!important;background:#171409f2!important;color:#f1c54e!important}
  .vg-branch-launch:before{content:none!important}

  /* Menú principal desde la izquierda; RED/RAMAS desde la derecha */
  .sidebar{left:0!important;right:auto!important;width:min(472px,72vw)!important;transform:translateX(-105%)!important;background:#111426!important;border-right:1px solid #32364c!important;box-shadow:28px 0 70px #000b!important}
  body.vg-menu-open .sidebar{transform:none!important}
  .vg-branch-drawer{left:auto!important;right:0!important;width:min(580px,72vw)!important;transform:translateX(105%)!important;background:#111426!important;border-left:1px solid #34384f!important;border-right:0!important;box-shadow:-28px 0 70px #000b!important}
  .vg-branch-drawer.show{transform:none!important}
  .vg-branch-node{border:0!important;border-radius:2px!important;background:#3d3f4d!important;margin-bottom:3px!important}
  .vg-branch-row{min-height:45px!important;padding:3px 5px!important}
  .vg-branch-exp{background:transparent!important;color:#fff!important;border-radius:0!important}
  .vg-branch-select b{font-size:15px!important;color:#fff!important}
  .vg-branch-select small{font-size:9px!important;color:#c9cbd4!important}
  .vg-branch-children{padding-left:22px!important}
  .vg-branch-head strong{color:#f3c548!important}

  /* Cabecera del admin más compacta, como referencia */
  .vg-admin-banner{padding:16px!important;min-height:0!important;margin-top:4px!important}
  .vg-admin-banner h2{font-size:clamp(25px,8vw,38px)!important;margin:2px 0 5px!important}
  .vg-admin-banner p{font-size:12px!important}
  .vg-admin-lion{width:70px!important;height:70px!important}

  /* USUARIOS: tabla compacta real, NO tarjetas */
  .vg-network-page .pm-table-wrap{overflow:hidden!important;background:#f5f5f7!important;border-radius:4px!important;padding:0!important}
  .vg-network-page .pm-table{display:table!important;width:100%!important;border-collapse:collapse!important;border-spacing:0!important;table-layout:fixed!important;background:#fff!important;color:#12172d!important}
  .vg-network-page .pm-table thead{display:table-header-group!important;background:#222848!important;color:#fff!important}
  .vg-network-page .pm-table tbody{display:table-row-group!important}
  .vg-network-page .pm-table tr{display:table-row!important;background:#eee!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;width:auto!important}
  .vg-network-page .pm-table tbody tr:nth-child(even){background:#fff!important}
  .vg-network-page .pm-table th,.vg-network-page .pm-table td{display:table-cell!important;vertical-align:middle!important;background:transparent!important;border:0!important;border-bottom:1px solid #d7d7dc!important;border-radius:0!important;padding:7px 5px!important;font-size:10px!important;color:#171a2d!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .vg-network-page .pm-table th{color:#fff!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.2px!important;text-align:center!important;padding:9px 3px!important}
  .vg-network-page .pm-table td:before{display:none!important}
  .vg-network-page .pm-table th:nth-child(2),.vg-network-page .pm-table td:nth-child(2),
  .vg-network-page .pm-table th:nth-child(3),.vg-network-page .pm-table td:nth-child(3),
  .vg-network-page .pm-table th:nth-child(5),.vg-network-page .pm-table td:nth-child(5),
  .vg-network-page .pm-table th:nth-child(7),.vg-network-page .pm-table td:nth-child(7){display:none!important}
  .vg-network-page .pm-table th:nth-child(1),.vg-network-page .pm-table td:nth-child(1){width:31%!important;text-align:left!important}
  .vg-network-page .pm-table th:nth-child(4),.vg-network-page .pm-table td:nth-child(4){width:22%!important;text-align:center!important}
  .vg-network-page .pm-table th:nth-child(6),.vg-network-page .pm-table td:nth-child(6){width:32%!important;text-align:center!important}
  .vg-network-page .pm-table th:nth-child(8),.vg-network-page .pm-table td:nth-child(8){width:15%!important;text-align:center!important}
  .vg-network-page .pm-user{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important}
  .vg-network-page .pm-user>div:last-child{min-width:0!important}
  .vg-network-page .pm-user b{font-size:10px!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .vg-network-page .pm-user small{display:none!important}
  .vg-network-page .pm-avatar{width:30px!important;height:30px!important;min-width:30px!important;border-radius:50%!important;background:#f5bd26!important;color:#15203b!important;font-size:8px!important}
  .vg-network-page .pm-wallet-actions{display:flex!important;width:100%!important;justify-content:center!important;gap:8px!important}
  .vg-network-page .pm-load,.vg-network-page .pm-unload{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;border-radius:50%!important;padding:0!important;font-size:0!important;background:#f7f7f8!important;border:1px solid #77809a!important;color:#18213d!important;box-shadow:none!important}
  .vg-network-page .pm-load:before{content:'↑';font-size:19px!important;font-weight:900!important}
  .vg-network-page .pm-unload:before{content:'↓';font-size:19px!important;font-weight:900!important}
  .vg-network-page .pm-more{width:36px!important;height:36px!important;background:transparent!important;border:0!important;color:#11172e!important;font-size:23px!important}
  .vg-network-page .pm-menu-wrap{width:auto!important}
  .vg-network-page .pm-table td:nth-child(8){overflow:visible!important}
  .vg-network-page .pm-actions{position:fixed!important;left:12px!important;right:12px!important;bottom:calc(74px + var(--vg-safe-bottom))!important;width:auto!important;z-index:1800!important;background:#111426!important;color:#fff!important}

  /* Filtros superiores compactos tipo referencia */
  .vg-network-page .pm-filter-grid,.vg-network-page .pm-filters{gap:7px!important}
  .vg-network-page .pm-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
  .vg-network-page .pm-tab{min-width:0!important;font-size:10px!important;padding:10px 4px!important}

  /* Modales de alta como cuadros grandes, sin cortar */
  .pm-modal-back{align-items:flex-start!important;padding:calc(68px + var(--vg-safe-top)) 10px calc(20px + var(--vg-safe-bottom))!important;overflow:auto!important}
  .pm-modal{border-radius:6px!important;max-height:none!important;padding:18px!important;background:#f9f9fa!important;color:#181b2d!important;border:1px solid #d6d8df!important}
  .pm-modal .input,.pm-modal select.input{background:#fff!important;color:#1b1d2d!important;border-color:#cfd3dc!important}
  .pm-modal .pm-eyebrow,.pm-modal h2,.pm-modal label{color:#262a3a!important}
  .pm-modal .btn:not(.primary){color:#b17f00!important}

  /* Finanzas e Historial: estructura móvil de referencia */
  .vg-admin-finance-mobile .vg-admin-banner,.vg-admin-history-mobile .vg-admin-banner{display:none!important}
  .vg-admin-finance-mobile .pm-page-head,.vg-admin-history-mobile .pm-page-head{margin-top:8px!important}
  .vg-admin-finance-mobile .pm-page-head h1,.vg-admin-history-mobile .pm-page-head h1{font-size:21px!important}
  .vg-quick-range{display:flex!important;gap:7px!important;overflow-x:auto!important;padding:0 0 10px!important;margin-bottom:8px!important;scrollbar-width:none}
  .vg-quick-range::-webkit-scrollbar{display:none}
  .vg-quick-range button{flex:0 0 auto!important;border:0!important;border-radius:5px!important;background:#1d2448!important;color:#dbe2ef!important;padding:10px 12px!important;font-size:10px!important;font-weight:800!important}
  .vg-quick-range button.active,.vg-quick-range button:first-child{background:#e4b943!important;color:#19203a!important}
  .vg-admin-finance-mobile .pm-filter-card,.vg-admin-history-mobile .card{border-radius:0!important;background:#111426!important;border-color:#292d41!important}
  .vg-admin-finance-mobile .pm-filter-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .vg-admin-finance-mobile .pm-filter-grid .pm-field:nth-child(-n+3){grid-column:1/-1!important}
  .vg-admin-finance-mobile .pm-filter-grid .pm-toolbar{grid-column:1/-1!important}
  .vg-admin-finance-mobile .input,.vg-admin-history-mobile .input{background:#f0f1f4!important;color:#242736!important;border-color:#c8ccd5!important}
  .vg-admin-finance-mobile .pm-toolbar .btn.primary,.vg-admin-history-mobile .btn.primary{background:#e3b83f!important;color:#171c30!important;border-color:#e3b83f!important}
  .vg-admin-finance-mobile .pm-summary-row,.vg-admin-history-mobile .pm-summary-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important;background:#f4f4f6!important;color:#222!important;padding:10px 4px!important}
  .vg-admin-finance-mobile .pm-kpi,.vg-admin-history-mobile .pm-kpi{background:transparent!important;border:0!important;padding:5px 3px!important;text-align:center!important}
  .vg-admin-finance-mobile .pm-kpi small,.vg-admin-history-mobile .pm-kpi small{font-size:8px!important;color:#5963a8!important}
  .vg-admin-finance-mobile .pm-kpi strong,.vg-admin-history-mobile .pm-kpi strong{font-size:12px!important;color:#242532!important}
  .vg-admin-history-mobile .history-filter-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .vg-admin-history-mobile .history-filter-grid .row{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .vg-admin-history-mobile .history-tabs{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important}
  .vg-admin-history-mobile .history-tabs .btn{flex:0 0 auto!important;font-size:10px!important}
}
@media(max-width:430px){
  .sidebar,.vg-branch-drawer{width:72vw!important}
  .vg-network-page .pm-table th,.vg-network-page .pm-table td{font-size:9px!important;padding:6px 3px!important}
  .vg-network-page .pm-avatar{width:27px!important;height:27px!important;min-width:27px!important}
  .vg-network-page .pm-load,.vg-network-page .pm-unload{width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important}
}

/* =========================================================
   VEGAS GOLDEN 17.9.2 — GOLDEN ADMIN MOBILE UNIFIED SYSTEM
   Unifica Usuarios / Finanzas / Casino / Tesorería / Historial
   sin mezclar el diseño claro heredado con el nuevo GOLDEN.
   ========================================================= */
:root{
  --ga-bg:#0b101b;
  --ga-surface:#111827;
  --ga-surface-2:#171f30;
  --ga-surface-3:#1d273a;
  --ga-line:#303b50;
  --ga-gold:#f3c443;
  --ga-gold-2:#d9a91f;
  --ga-text:#f4f6fb;
  --ga-muted:#9aa6b8;
  --ga-blue:#4aa3ff;
  --ga-green:#3fd38b;
  --ga-red:#ff6674;
}

@media(max-width:850px){
  html,body{background:var(--ga-bg)!important;color:var(--ga-text)!important;overflow-x:hidden!important}
  body{min-width:0!important;width:100%!important}
  .with-sidebar,.wrap,main.wrap{max-width:none!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .wrap,main.wrap{padding:74px 10px calc(78px + var(--vg-safe-bottom))!important}
  .card,.pm-filter-card,.pm-modal,.pm-drawer,.pm-actions{background:var(--ga-surface)!important;color:var(--ga-text)!important;border-color:var(--ga-line)!important;box-shadow:none!important}
  .muted,.mini,.note,small{color:var(--ga-muted)!important}
  .pm-eyebrow,.gold,.kicker{color:var(--ga-gold)!important}
  h1,h2,h3,h4,b,strong,label{color:var(--ga-text)!important}
  .input,select.input,input.input,textarea.input{background:var(--ga-surface-2)!important;color:var(--ga-text)!important;border:1px solid var(--ga-line)!important;border-radius:10px!important;min-height:42px!important;box-shadow:none!important}
  .input::placeholder{color:#69778c!important}
  .btn{background:var(--ga-surface-2)!important;color:var(--ga-text)!important;border:1px solid var(--ga-line)!important;border-radius:10px!important;min-height:40px!important;box-shadow:none!important}
  .btn.primary,.pm-tab.active{background:linear-gradient(180deg,var(--ga-gold),var(--ga-gold-2))!important;color:#101625!important;border-color:#f0ca59!important;font-weight:900!important}
  .pm-status.ACTIVE,.green,.pm-net-pos{color:var(--ga-green)!important}
  .pm-status.BLOCKED,.red,.pm-net-neg{color:var(--ga-red)!important}

  /* Barra superior: MENÚ izquierda / RED-RAMAS derecha, misma línea */
  .vg-mobile-topbar{height:62px!important;min-height:62px!important;background:#0d1422!important;border-bottom:1px solid var(--ga-line)!important;padding:calc(8px + var(--vg-safe-top)) 10px 8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
  .vg-mini-brand{display:none!important}
  .vg-menu-btn{position:fixed!important;left:10px!important;top:calc(9px + var(--vg-safe-top))!important;width:46px!important;height:44px!important;border-radius:10px!important;background:var(--ga-surface-2)!important;border:1px solid var(--ga-line)!important;color:var(--ga-text)!important;font-size:23px!important;z-index:2300!important}
  .vg-branch-launch{position:fixed!important;right:10px!important;left:auto!important;top:calc(9px + var(--vg-safe-top))!important;height:44px!important;padding:0 14px!important;border-radius:10px!important;background:#121a28!important;color:var(--ga-gold)!important;border:1px solid #7a6121!important;font-size:11px!important;font-weight:900!important;z-index:2300!important}
  .vg-desktop-menu-btn{display:none!important}

  /* Drawers coherentes y superpuestos, nunca comprimen contenido */
  .sidebar,.vg-branch-drawer{top:0!important;height:100dvh!important;max-height:100dvh!important;background:#0f1624!important;border-color:var(--ga-line)!important;overflow-y:auto!important}
  .sidebar{left:0!important;right:auto!important;width:min(330px,86vw)!important}
  .vg-branch-drawer{right:0!important;left:auto!important;width:min(360px,88vw)!important}
  .vg-branch-node{background:var(--ga-surface-2)!important;border:1px solid #252f43!important;border-radius:8px!important;margin:4px 0!important}
  .vg-branch-row{min-height:44px!important}
  .vg-branch-select b{color:var(--ga-text)!important}
  .vg-branch-select small{color:var(--ga-muted)!important}
  .vg-branch-head{border-bottom:1px solid var(--ga-line)!important;background:#0f1624!important}
  .vg-branch-search{background:var(--ga-surface-2)!important;color:var(--ga-text)!important;border:1px solid var(--ga-line)!important}

  /* Navegación inferior: mismo sistema visual */
  .vg-mobile-bottom{background:#0d1422!important;border-top:1px solid var(--ga-line)!important;height:64px!important;padding-bottom:var(--vg-safe-bottom)!important}
  .vg-mobile-bottom a{color:#aab4c4!important;font-size:9px!important}
  .vg-mobile-bottom a span{color:var(--ga-gold)!important}

  /* =====================================================
     USUARIOS: lista compacta tipo referencia (NO TARJETAS)
     ===================================================== */
  .vg-network-page .vg-admin-banner,.vg-admin-users-mobile .vg-admin-banner{display:none!important}
  .vg-network-page .pm-page-head{margin:0 0 8px!important;padding:0!important;display:flex!important;align-items:center!important;gap:8px!important}
  .vg-network-page .pm-page-head>div:first-child{min-width:0!important}
  .vg-network-page .pm-page-head h1{font-size:22px!important;margin:0!important}
  .vg-network-page .pm-page-head p,.vg-network-page .pm-page-head .pm-eyebrow{display:none!important}
  .vg-network-page .pm-toolbar#createBar{margin-left:auto!important}
  .vg-network-page .pm-toolbar#createBar .btn{min-height:38px!important;padding:7px 10px!important;font-size:10px!important}
  .vg-network-page .pm-breadcrumb{margin:0 0 8px!important;min-height:28px!important;overflow-x:auto!important;white-space:nowrap!important}
  .vg-network-page .pm-kpis{display:none!important}
  .vg-network-page .pm-filter-card{padding:9px!important;margin:0 0 8px!important;border-radius:12px!important}
  .vg-network-page .pm-filter-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .vg-network-page .pm-field{min-width:0!important}
  .vg-network-page .pm-field:first-child{grid-column:1/-1!important}
  .vg-network-page .pm-field label{font-size:8px!important;letter-spacing:.3px!important;text-transform:uppercase!important;margin-bottom:3px!important;color:var(--ga-muted)!important}
  .vg-network-page .pm-filter-card .input{min-height:36px!important;height:36px!important;padding:6px 9px!important;font-size:10px!important;border-radius:8px!important}
  .vg-network-page .pm-filter-card .btn{min-height:36px!important;height:36px!important;padding:6px 8px!important;font-size:10px!important;align-self:end!important}

  .vg-network-page .pm-table-wrap{overflow:hidden!important;background:var(--ga-surface)!important;border:1px solid var(--ga-line)!important;border-radius:10px!important;padding:0!important}
  .vg-network-page .pm-table{display:table!important;width:100%!important;border-collapse:collapse!important;table-layout:fixed!important;background:transparent!important;color:var(--ga-text)!important}
  .vg-network-page .pm-table thead{display:table-header-group!important;background:#1a2335!important;color:var(--ga-text)!important}
  .vg-network-page .pm-table tbody{display:table-row-group!important}
  .vg-network-page .pm-table tr{display:table-row!important;background:#121a28!important;border:0!important;padding:0!important;box-shadow:none!important}
  .vg-network-page .pm-table tbody tr:nth-child(even){background:#0f1623!important}
  .vg-network-page .pm-table th,.vg-network-page .pm-table td{display:table-cell!important;border:0!important;border-bottom:1px solid #253047!important;background:transparent!important;padding:7px 4px!important;vertical-align:middle!important;color:var(--ga-text)!important;font-size:9px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .vg-network-page .pm-table th{font-size:8px!important;text-transform:uppercase!important;letter-spacing:.25px!important;text-align:center!important;color:#cbd4e2!important;padding:9px 3px!important}
  .vg-network-page .pm-table td:before{display:none!important}
  .vg-network-page .pm-table th:nth-child(2),.vg-network-page .pm-table td:nth-child(2),
  .vg-network-page .pm-table th:nth-child(3),.vg-network-page .pm-table td:nth-child(3),
  .vg-network-page .pm-table th:nth-child(5),.vg-network-page .pm-table td:nth-child(5),
  .vg-network-page .pm-table th:nth-child(7),.vg-network-page .pm-table td:nth-child(7){display:none!important}
  .vg-network-page .pm-table th:nth-child(1),.vg-network-page .pm-table td:nth-child(1){width:31%!important;text-align:left!important}
  .vg-network-page .pm-table th:nth-child(4),.vg-network-page .pm-table td:nth-child(4){width:23%!important;text-align:center!important}
  .vg-network-page .pm-table th:nth-child(6),.vg-network-page .pm-table td:nth-child(6){width:36%!important;text-align:center!important}
  .vg-network-page .pm-table th:nth-child(8),.vg-network-page .pm-table td:nth-child(8){width:10%!important;text-align:center!important;overflow:visible!important}
  .vg-network-page .pm-user{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important}
  .vg-network-page .pm-user b{font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}
  .vg-network-page .pm-user small{display:none!important}
  .vg-network-page .pm-avatar{width:28px!important;height:28px!important;min-width:28px!important;border-radius:50%!important;background:var(--ga-gold)!important;color:#111827!important;font-size:7px!important;border:1px solid #ffdc73!important}
  .vg-network-page .pm-wallet-actions{display:flex!important;justify-content:center!important;gap:4px!important;width:100%!important}
  .vg-network-page .pm-load,.vg-network-page .pm-unload{width:auto!important;min-width:0!important;height:30px!important;min-height:30px!important;border-radius:7px!important;padding:0 6px!important;font-size:0!important;font-weight:900!important;box-shadow:none!important;white-space:nowrap!important}
  .vg-network-page .pm-load{background:#183a2b!important;border:1px solid #2f7a55!important;color:#81e7b0!important}
  .vg-network-page .pm-unload{background:#3a2026!important;border:1px solid #7d3744!important;color:#ff9ca8!important}
  .vg-network-page .pm-load:before{content:'+ CARGAR';font-size:8px!important;letter-spacing:.2px!important}
  .vg-network-page .pm-unload:before{content:'− DESC.';font-size:8px!important;letter-spacing:.2px!important}
  .vg-network-page .pm-more{width:30px!important;height:30px!important;min-width:30px!important;background:transparent!important;border:0!important;color:#d5dbea!important;font-size:20px!important;padding:0!important}
  .vg-network-page .pm-actions{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(70px + var(--vg-safe-bottom))!important;background:#111827!important;border:1px solid var(--ga-line)!important;border-radius:12px!important;padding:8px!important;z-index:2800!important}
  .vg-network-page .pm-actions button,.vg-network-page .pm-actions a{background:#182132!important;color:var(--ga-text)!important;border:1px solid #2d394f!important;border-radius:8px!important;margin:3px 0!important}

  /* Modales: todos oscuros GOLDEN, sin herencia blanca */
  .pm-modal-back{align-items:flex-start!important;padding:calc(72px + var(--vg-safe-top)) 10px calc(18px + var(--vg-safe-bottom))!important;background:#050913d9!important;overflow:auto!important}
  .pm-modal{background:#111827!important;color:var(--ga-text)!important;border:1px solid var(--ga-line)!important;border-radius:14px!important;max-height:none!important;padding:16px!important}
  .pm-modal .toolbar{border-bottom:1px solid var(--ga-line)!important;padding-bottom:10px!important;margin-bottom:10px!important}
  .pm-modal .input,.pm-modal select.input{background:#171f30!important;color:var(--ga-text)!important;border-color:var(--ga-line)!important}
  .pm-modal .pm-eyebrow,.pm-modal h2,.pm-modal label{color:var(--ga-text)!important}
  .pm-modal .btn:not(.primary){color:#d9e0eb!important;background:#171f30!important}

  /* =====================================================
     REPORTES FINANCIEROS / CAJA
     ===================================================== */
  .vg-admin-finance-mobile .vg-admin-banner,.vg-admin-casino-mobile .vg-admin-banner,.vg-admin-history-mobile .vg-admin-banner{display:none!important}
  .vg-admin-finance-mobile .pm-page-head,.vg-admin-casino-mobile .pm-page-head,.vg-admin-history-mobile .pm-page-head{margin:0 0 8px!important;padding:0!important;display:block!important}
  .vg-admin-finance-mobile .pm-page-head h1,.vg-admin-casino-mobile .pm-page-head h1,.vg-admin-history-mobile .pm-page-head h1{font-size:22px!important;margin:0 0 3px!important}
  .vg-admin-finance-mobile .pm-page-head p,.vg-admin-casino-mobile .pm-page-head p{font-size:10px!important;margin:0!important;color:var(--ga-muted)!important}
  .vg-admin-finance-mobile .pm-page-head .pm-toolbar,.vg-admin-casino-mobile .pm-page-head>.btn{display:none!important}
  .vg-quick-range{display:flex!important;gap:5px!important;overflow-x:auto!important;padding:0 0 7px!important;margin:0 0 6px!important;scrollbar-width:none}
  .vg-quick-range::-webkit-scrollbar{display:none}
  .vg-quick-range button{flex:0 0 auto!important;background:#1a2336!important;color:#cbd4e2!important;border:1px solid #2b3850!important;border-radius:8px!important;padding:8px 10px!important;font-size:9px!important;font-weight:900!important}
  .vg-quick-range button.active,.vg-quick-range button:first-child{background:var(--ga-gold)!important;color:#101625!important;border-color:#f7d768!important}
  .vg-admin-finance-mobile .pm-filter-card,.vg-admin-casino-mobile .pm-filter-card,.vg-admin-history-mobile .card{background:var(--ga-surface)!important;border:1px solid var(--ga-line)!important;border-radius:12px!important;padding:10px!important}
  .vg-admin-finance-mobile .pm-tabs,.vg-admin-casino-mobile .pm-tabs{display:flex!important;gap:5px!important;overflow-x:auto!important;flex-wrap:nowrap!important;margin-bottom:8px!important}
  .vg-admin-finance-mobile .pm-tab,.vg-admin-casino-mobile .pm-tab{flex:0 0 auto!important;padding:8px 11px!important;min-height:34px!important;font-size:9px!important;border-radius:8px!important;background:#171f30!important;color:#dce3ed!important;border:1px solid #2b374d!important}
  .vg-admin-finance-mobile .pm-filter-grid,.vg-admin-casino-mobile .pm-filter-grid{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .vg-admin-finance-mobile .pm-field,.vg-admin-casino-mobile .pm-field{min-width:0!important}
  .vg-admin-finance-mobile .pm-field label,.vg-admin-casino-mobile .pm-field label{font-size:8px!important;text-transform:uppercase!important;letter-spacing:.3px!important;color:var(--ga-muted)!important;margin-bottom:3px!important}
  .vg-admin-finance-mobile .pm-filter-grid .pm-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important}
  .vg-admin-finance-mobile .pm-filter-grid .pm-toolbar .btn{width:100%!important}
  .vg-admin-finance-mobile .pm-summary-row,.vg-admin-casino-mobile .pm-summary-row,.vg-admin-history-mobile .pm-summary-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;background:transparent!important;padding:0!important}
  .vg-admin-finance-mobile .pm-kpi,.vg-admin-casino-mobile .pm-kpi,.vg-admin-history-mobile .pm-kpi{background:#151e2e!important;border:1px solid #2a364d!important;border-radius:10px!important;padding:9px!important;text-align:left!important;min-width:0!important}
  .vg-admin-finance-mobile .pm-kpi small,.vg-admin-casino-mobile .pm-kpi small,.vg-admin-history-mobile .pm-kpi small{font-size:8px!important;color:var(--ga-muted)!important}
  .vg-admin-finance-mobile .pm-kpi strong,.vg-admin-casino-mobile .pm-kpi strong,.vg-admin-history-mobile .pm-kpi strong{font-size:14px!important;color:var(--ga-text)!important;overflow-wrap:anywhere!important}
  .vg-admin-finance-mobile .pm-report-layout{display:block!important}
  .vg-admin-finance-mobile .pm-report-layout>.card{margin-bottom:8px!important}
  .vg-admin-finance-mobile .pm-table-wrap,.vg-admin-casino-mobile .pm-table-wrap,.vg-admin-history-mobile .pm-table-wrap{background:#0f1624!important;border:1px solid var(--ga-line)!important;border-radius:10px!important;overflow:auto!important;max-width:100%!important}
  .vg-admin-finance-mobile .pm-table,.vg-admin-casino-mobile .pm-table,.vg-admin-history-mobile .pm-table{min-width:640px!important;background:#0f1624!important;color:var(--ga-text)!important}
  .vg-admin-finance-mobile .pm-table th,.vg-admin-casino-mobile .pm-table th,.vg-admin-history-mobile .pm-table th{background:#182236!important;color:#d9e0ec!important}
  .vg-admin-finance-mobile .pm-table td,.vg-admin-casino-mobile .pm-table td,.vg-admin-history-mobile .pm-table td{background:#101827!important;color:#e7ebf2!important;border-color:#2a3548!important}
  .vg-admin-finance-mobile .pm-empty,.vg-admin-casino-mobile .pm-empty,.vg-admin-history-mobile .pm-empty{background:#0f1624!important;color:var(--ga-muted)!important;padding:18px!important;text-align:center!important}

  /* =====================================================
     CASINO INTELLIGENCE
     ===================================================== */
  .vg-admin-casino-mobile .pm-summary-row{grid-template-columns:1fr 1fr!important;margin-top:8px!important}
  .vg-admin-casino-mobile .pm-summary-row .pm-kpi{min-height:70px!important}
  .vg-admin-casino-mobile .pm-filter-grid .btn.primary{width:100%!important}

  /* =====================================================
     TESORERÍA: elimina overflow horizontal y números cortados
     ===================================================== */
  .vg-admin-treasury-mobile .toolbar:first-of-type{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 8px!important}
  .vg-admin-treasury-mobile .toolbar:first-of-type h1{font-size:23px!important;margin:0!important}
  .vg-admin-treasury-mobile .toolbar:first-of-type .chip{font-size:8px!important;padding:6px 8px!important;margin-left:auto!important}
  .vg-admin-treasury-mobile .treasury-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important;min-width:0!important}
  .vg-admin-treasury-mobile .treasury-grid>.card{min-width:0!important;padding:10px!important;border-radius:10px!important;background:#151e2e!important;border:1px solid #2a364d!important}
  .vg-admin-treasury-mobile .treasury-grid>.card:first-child{grid-column:1/-1!important}
  .vg-admin-treasury-mobile .big-number{font-size:clamp(17px,5vw,23px)!important;line-height:1.08!important;overflow-wrap:anywhere!important;word-break:break-word!important;max-width:100%!important}
  .vg-admin-treasury-mobile .mint-box{background:#151e2e!important;border-color:#59491f!important;border-radius:12px!important;padding:12px!important}
  .vg-admin-treasury-mobile .mint-box .row{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .vg-admin-treasury-mobile .transfer-row{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:10px!important;margin:7px 0!important;border:1px solid var(--ga-line)!important;border-radius:10px!important;background:#121a28!important}
  .vg-admin-treasury-mobile .transfer-row .row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .vg-admin-treasury-mobile .action-load,.vg-admin-treasury-mobile .action-unload{min-height:38px!important;border-radius:8px!important;font-size:0!important;font-weight:900!important}
  .vg-admin-treasury-mobile .action-load{background:#183a2b!important;border:1px solid #2f7a55!important;color:#81e7b0!important}
  .vg-admin-treasury-mobile .action-unload{background:#3a2026!important;border:1px solid #7d3744!important;color:#ff9ca8!important}
  .vg-admin-treasury-mobile .action-load:before{content:'+ BAJAR FICHAS';font-size:9px!important}
  .vg-admin-treasury-mobile .action-unload:before{content:'− RECUPERAR';font-size:9px!important}

  /* Historial: botones y filtros compactos, mismo fondo */
  .vg-admin-history-mobile .history-filter-grid{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .vg-admin-history-mobile .history-filter-grid .row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .vg-admin-history-mobile .history-tabs{display:flex!important;overflow-x:auto!important;gap:5px!important;flex-wrap:nowrap!important}
  .vg-admin-history-mobile .history-tabs .btn{flex:0 0 auto!important;font-size:9px!important;min-height:36px!important}
}

@media(max-width:430px){
  .vg-network-page .pm-table th,.vg-network-page .pm-table td{font-size:8px!important;padding:6px 3px!important}
  .vg-network-page .pm-load:before,.vg-network-page .pm-unload:before{font-size:7px!important}
  .vg-network-page .pm-avatar{width:25px!important;height:25px!important;min-width:25px!important}
  .vg-admin-treasury-mobile .big-number{font-size:18px!important}
}


/* =====================================================================
   VEGAS GOLDEN 18.0 — ADMIN + LOBBY MASTER
   FINAL ADMIN OVERRIDES
   Mobile-first admin, compact ledgers, role hierarchy, clean navigation.
   ===================================================================== */
:root{
 --ga18-bg:#06080d;--ga18-panel:#0d1119;--ga18-panel2:#121824;--ga18-line:#293247;
 --ga18-gold:#e5b84e;--ga18-gold2:#f6d778;--ga18-text:#edf1f8;--ga18-muted:#8e99aa;
 --ga18-admin:#d7aa3e;--ga18-agent:#4d9eea;--ga18-player:#56c98c;
}

/* Desktop admin: calmer, wider, consistent */
body.vg-admin-18{background:radial-gradient(circle at 76% -12%,#6d4a1114,transparent 32%),linear-gradient(180deg,#07090e,#040508 70%)!important;color:var(--ga18-text)!important}
body.vg-admin-18 .sidebar{width:272px!important;padding:18px 12px!important;background:linear-gradient(180deg,#0b0d12,#050609)!important;border-right:1px solid #262b35!important}
body.vg-admin-18 .with-sidebar{margin-left:272px!important}
body.vg-admin-18 .sidebar .brand{padding:5px 6px 16px!important}
body.vg-admin-18 .sidebar .brand img{width:46px!important;height:46px!important}
body.vg-admin-18 .sidebar .vg-main{font-size:20px!important}
body.vg-admin-18 .sidebar a,body.vg-admin-18 .sidebar button.menuitem{min-height:46px!important;padding:11px 12px!important;margin:3px 0!important;font-size:13px!important;border-radius:10px!important}
body.vg-admin-18 .sidebar a.active{background:linear-gradient(90deg,#32240c,#141109)!important;border-color:#7b5c20!important;box-shadow:inset 3px 0 0 var(--ga18-gold)!important}
body.vg-admin-18 .wrap{max-width:1660px!important;padding:24px 28px 38px!important}
body.vg-admin-18 .card,body.vg-admin-18 .pm-kpi,body.vg-admin-18 .pm-filter-card{background:linear-gradient(180deg,#10141c,#0a0d13)!important;border-color:#2a303c!important;box-shadow:0 12px 32px #0004!important}
body.vg-admin-18 .pm-page-head h1,body.vg-admin-18 .wrap h1{color:#f1cf73!important}
body.vg-admin-18 .pm-kpi strong,body.vg-admin-18 .kpi strong{color:#f3d278!important}
body.vg-admin-18 .pm-table-wrap{background:#080a0e!important;border:1px solid #2b303a!important;border-radius:12px!important}
body.vg-admin-18 .pm-table th,body.vg-admin-18 .table th{background:#10151e!important;color:#aeb8c8!important;border-bottom-color:#303746!important}
body.vg-admin-18 .pm-table td,body.vg-admin-18 .table td{border-bottom-color:#202631!important}

/* Role colors are systematic */
body.vg-admin-18 .pm-role.ADMIN,body.vg-admin-18 .vg-role-admin{color:#ffe08a!important;border-color:#8f6a21!important;background:#392b0e!important}
body.vg-admin-18 .pm-role.AGENT,body.vg-admin-18 .vg-role-agent{color:#9fd1ff!important;border-color:#315f8c!important;background:#102b44!important}
body.vg-admin-18 .pm-role.PLAYER,body.vg-admin-18 .vg-role-player{color:#9bf0bd!important;border-color:#2c7450!important;background:#102f22!important}

/* Branch drawer: more readable hierarchy */
body.vg-admin-18 .vg-branch-drawer{background:linear-gradient(180deg,#101622,#090d15)!important;border-color:#344057!important}
body.vg-admin-18 .vg-branch-node{background:#121a27!important;border-color:#2b384d!important}
body.vg-admin-18 .vg-branch-select b{font-size:13px!important}
body.vg-admin-18 .vg-branch-select small{font-size:10px!important}

/* =====================================================================
   ADMIN MOBILE — ledgers, not cards. No horizontal page scroll.
   ===================================================================== */
@media(max-width:850px){
 body.vg-admin-18{overflow-x:hidden!important;background:#080b11!important}
 body.vg-admin-18 .with-sidebar{margin-left:0!important;width:100%!important}
 body.vg-admin-18 .wrap{padding:70px 8px calc(82px + var(--vg-safe-bottom))!important;max-width:none!important}
 body.vg-admin-18 .vg-mobile-topbar{background:#0d121c!important;border-bottom:1px solid #293347!important}
 body.vg-admin-18 .vg-menu-btn{left:9px!important;width:44px!important;height:42px!important;border-radius:9px!important;background:#151c28!important;border-color:#384358!important}
 body.vg-admin-18 .vg-branch-launch{right:9px!important;height:42px!important;min-width:92px!important;border-radius:9px!important;background:#201a0b!important;color:#f0c95d!important;border-color:#705720!important}
 body.vg-admin-18 .sidebar{width:min(330px,86vw)!important;height:100dvh!important;background:#111722!important}
 body.vg-admin-18 .sidebar a,body.vg-admin-18 .sidebar button.menuitem{font-size:14px!important;min-height:48px!important}
 body.vg-admin-18 .vg-branch-drawer{width:min(370px,90vw)!important;height:100dvh!important}
 body.vg-admin-18 .vg-admin-banner{display:none!important}
 body.vg-admin-18 .pm-page-head,body.vg-admin-18 .toolbar,body.vg-admin-18 .sector-title{margin:2px 0 10px!important;align-items:flex-start!important}
 body.vg-admin-18 .pm-page-head h1,body.vg-admin-18 .toolbar h1,body.vg-admin-18 .sector-title h1{font-size:24px!important;margin:0!important}
 body.vg-admin-18 .pm-page-head p{font-size:11px!important;margin-top:5px!important}
 body.vg-admin-18 .pm-kpis,body.vg-admin-18 .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
 body.vg-admin-18 .pm-kpi,body.vg-admin-18 .kpi{min-height:76px!important;padding:9px!important;border-radius:10px!important}
 body.vg-admin-18 .pm-kpi small,body.vg-admin-18 .kpi small{font-size:9px!important}
 body.vg-admin-18 .pm-kpi strong,body.vg-admin-18 .kpi strong{font-size:18px!important;margin-top:3px!important}
 body.vg-admin-18 .card{padding:10px!important;border-radius:11px!important}
 body.vg-admin-18 .input,body.vg-admin-18 select.input{min-height:39px!important;height:39px!important;font-size:11px!important;padding:7px 9px!important}
 body.vg-admin-18 .btn{min-height:39px!important;font-size:11px!important;padding:7px 10px!important}
 body.vg-admin-18 .pm-toolbar,body.vg-admin-18 .toolbar .row{gap:5px!important}

 /* Generic compact ledger. Keep header, single line per record, no cards. */
 body.vg-admin-18.vg-ledger-mobile .pm-table-wrap,
 body.vg-admin-18.vg-ledger-mobile [id$="Rows"],
 body.vg-admin-18.vg-ledger-mobile #rows{overflow:hidden!important;max-height:none!important;width:100%!important}
 body.vg-admin-18.vg-ledger-mobile .pm-table,
 body.vg-admin-18.vg-ledger-mobile .table{display:table!important;width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important;border-spacing:0!important;background:#0d121b!important}
 body.vg-admin-18.vg-ledger-mobile .pm-table thead,
 body.vg-admin-18.vg-ledger-mobile .table thead{display:table-header-group!important}
 body.vg-admin-18.vg-ledger-mobile .pm-table tbody,
 body.vg-admin-18.vg-ledger-mobile .table tbody{display:table-row-group!important}
 body.vg-admin-18.vg-ledger-mobile .pm-table tr,
 body.vg-admin-18.vg-ledger-mobile .table tr{display:table-row!important;background:#101620!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
 body.vg-admin-18.vg-ledger-mobile .pm-table tbody tr:nth-child(even),
 body.vg-admin-18.vg-ledger-mobile .table tbody tr:nth-child(even){background:#0b1018!important}
 body.vg-admin-18.vg-ledger-mobile .pm-table th,
 body.vg-admin-18.vg-ledger-mobile .table th,
 body.vg-admin-18.vg-ledger-mobile .pm-table td,
 body.vg-admin-18.vg-ledger-mobile .table td{display:table-cell!important;min-width:0!important;background:transparent!important;border:0!important;border-bottom:1px solid #252d3b!important;border-radius:0!important;padding:7px 4px!important;font-size:9px!important;line-height:1.2!important;vertical-align:middle!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 body.vg-admin-18.vg-ledger-mobile .pm-table th,
 body.vg-admin-18.vg-ledger-mobile .table th{font-size:7px!important;color:#9eabba!important;text-transform:uppercase!important;letter-spacing:.2px!important;background:#171e2a!important}
 body.vg-admin-18.vg-ledger-mobile .pm-table td:before,
 body.vg-admin-18.vg-ledger-mobile .table td:before{display:none!important}

 /* Red de Usuarios: exactly four useful columns on mobile */
 body.vg-admin-18.vg-network-page .pm-table th:nth-child(2),body.vg-admin-18.vg-network-page .pm-table td:nth-child(2),
 body.vg-admin-18.vg-network-page .pm-table th:nth-child(3),body.vg-admin-18.vg-network-page .pm-table td:nth-child(3),
 body.vg-admin-18.vg-network-page .pm-table th:nth-child(5),body.vg-admin-18.vg-network-page .pm-table td:nth-child(5),
 body.vg-admin-18.vg-network-page .pm-table th:nth-child(7),body.vg-admin-18.vg-network-page .pm-table td:nth-child(7){display:none!important}
 body.vg-admin-18.vg-network-page .pm-table th:nth-child(1),body.vg-admin-18.vg-network-page .pm-table td:nth-child(1){width:31%!important;text-align:left!important}
 body.vg-admin-18.vg-network-page .pm-table th:nth-child(4),body.vg-admin-18.vg-network-page .pm-table td:nth-child(4){width:22%!important;text-align:center!important}
 body.vg-admin-18.vg-network-page .pm-table th:nth-child(6),body.vg-admin-18.vg-network-page .pm-table td:nth-child(6){width:37%!important;text-align:center!important}
 body.vg-admin-18.vg-network-page .pm-table th:nth-child(8),body.vg-admin-18.vg-network-page .pm-table td:nth-child(8){width:10%!important;text-align:center!important;overflow:visible!important}
 body.vg-admin-18.vg-network-page .pm-user b{font-size:9px!important}
 body.vg-admin-18.vg-network-page .pm-user small{display:none!important}
 body.vg-admin-18.vg-network-page .pm-avatar{width:25px!important;height:25px!important;min-width:25px!important;font-size:7px!important}
 body.vg-admin-18.vg-network-page .pm-wallet-actions{gap:3px!important}
 body.vg-admin-18.vg-network-page .pm-load,body.vg-admin-18.vg-network-page .pm-unload{height:28px!important;min-height:28px!important;padding:0 5px!important;font-size:0!important;border-radius:6px!important}
 body.vg-admin-18.vg-network-page .pm-load:before{content:'+ CARGA'!important;font-size:7px!important}
 body.vg-admin-18.vg-network-page .pm-unload:before{content:'− DESC.'!important;font-size:7px!important}
 body.vg-admin-18.vg-network-page .pm-more{width:27px!important;height:27px!important;min-width:27px!important}

 /* /admin/users legacy player table: user / balance / chips / actions */
 body.vg-admin-18.vg-admin-users-mobile .table th:nth-child(2),body.vg-admin-18.vg-admin-users-mobile .table td:nth-child(2),
 body.vg-admin-18.vg-admin-users-mobile .table th:nth-child(4),body.vg-admin-18.vg-admin-users-mobile .table td:nth-child(4){display:none!important}
 body.vg-admin-18.vg-admin-users-mobile .table th:nth-child(1),body.vg-admin-18.vg-admin-users-mobile .table td:nth-child(1){width:28%!important}
 body.vg-admin-18.vg-admin-users-mobile .table th:nth-child(3),body.vg-admin-18.vg-admin-users-mobile .table td:nth-child(3){width:22%!important;text-align:center!important}
 body.vg-admin-18.vg-admin-users-mobile .table th:nth-child(5),body.vg-admin-18.vg-admin-users-mobile .table td:nth-child(5){width:24%!important;text-align:center!important;overflow:visible!important}
 body.vg-admin-18.vg-admin-users-mobile .table th:nth-child(6),body.vg-admin-18.vg-admin-users-mobile .table td:nth-child(6){width:26%!important;text-align:center!important;overflow:visible!important}
 body.vg-admin-18.vg-admin-users-mobile .action-load,body.vg-admin-18.vg-admin-users-mobile .action-unload{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important}
 body.vg-admin-18.vg-admin-users-mobile .table td .btn{min-height:30px!important;padding:4px 5px!important;font-size:8px!important}

 /* finance/report tables: prioritize key columns and keep a ledger line */
 body.vg-admin-18.vg-finance-ledger .table th,body.vg-admin-18.vg-finance-ledger .table td{font-size:8px!important;padding:8px 3px!important;text-align:center!important}
 body.vg-admin-18.vg-finance-ledger .table th:first-child,body.vg-admin-18.vg-finance-ledger .table td:first-child{width:26%!important;text-align:left!important}

 /* History: compact but readable; less useful balance-before column disappears */
 body.vg-admin-18.vg-history-ledger .table th:nth-child(7),body.vg-admin-18.vg-history-ledger .table td:nth-child(7){display:none!important}
 body.vg-admin-18.vg-history-ledger .table th,body.vg-admin-18.vg-history-ledger .table td{font-size:7.5px!important;padding:7px 2px!important;text-align:center!important}
 body.vg-admin-18.vg-history-ledger .table th:nth-child(1),body.vg-admin-18.vg-history-ledger .table td:nth-child(1){width:18%!important}
 body.vg-admin-18.vg-history-ledger .table th:nth-child(2),body.vg-admin-18.vg-history-ledger .table td:nth-child(2){width:16%!important;text-align:left!important}
 body.vg-admin-18.vg-history-ledger .table th:nth-child(3),body.vg-admin-18.vg-history-ledger .table td:nth-child(3){width:18%!important;text-align:left!important}

 /* No page-level horizontal scrolling anywhere in admin mobile */
 body.vg-admin-18 .pm-table-wrap,body.vg-admin-18 .card,body.vg-admin-18 main{max-width:100%!important}
}


/* =====================================================================
   VEGAS GOLDEN 18.1 — MOBILE MENU / RED-RAMAS COLLISION FIX
   ===================================================================== */
@media(max-width:850px){
  /* MENÚ siempre queda accesible por encima del drawer para poder cerrarlo */
  body.vg-menu-open .vg-menu-btn{
    display:grid!important;
    place-items:center!important;
    position:fixed!important;
    left:9px!important;
    top:calc(9px + var(--vg-safe-top))!important;
    z-index:4200!important;
    background:#1b2230!important;
    border-color:#59667d!important;
    color:#f4f6fa!important;
  }

  /* RED / RAMAS nunca compite con MENÚ abierto */
  body.vg-menu-open .vg-branch-launch{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-8px)!important;
  }

  /* dejamos aire arriba dentro del drawer para la X del menú */
  body.vg-menu-open .sidebar{
    padding-top:calc(68px + var(--vg-safe-top))!important;
  }

  /* transición discreta para que no aparezca/desaparezca bruscamente */
  .vg-branch-launch{
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
  }
}


/* =====================================================================
   VEGAS GOLDEN 19.0 — GOLDEN ADMIN RESPONSIVE 1.0
   Operational UI system for ADMIN / AGENT.
   Mobile: single work area + independent MENU / RED-RAMAS drawers.
   Desktop: left navigation + central workspace + docked RED/RAMAS.
   ===================================================================== */

:root{
  --gar-bg:#0b1018;
  --gar-bg-2:#0f151f;
  --gar-surface:#131a25;
  --gar-surface-2:#182130;
  --gar-line:#2a3546;
  --gar-line-hi:#3a4960;
  --gar-text:#edf2f8;
  --gar-muted:#91a0b3;
  --gar-gold:#e0b24a;
  --gar-admin:#d9aa3d;
  --gar-agent:#3e86e8;
  --gar-player:#24b9a8;
  --gar-blocked:#db5968;
  --gar-disabled:#778392;
  --gar-radius:9px;
  --gar-shadow:0 12px 32px rgba(0,0,0,.32);
}

/* ------- shared admin identity ------- */
body.vg-admin-responsive{
  background:
    radial-gradient(circle at 48% -15%,rgba(55,76,116,.14),transparent 35%),
    linear-gradient(180deg,#0d121a,#090d13)!important;
  color:var(--gar-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}
body.vg-admin-responsive .with-sidebar{min-height:100dvh!important}
body.vg-admin-responsive .wrap{
  max-width:none!important;
  color:var(--gar-text)!important;
}
body.vg-admin-responsive .card,
body.vg-admin-responsive .pm-filter-card,
body.vg-admin-responsive .pm-table-wrap{
  background:linear-gradient(180deg,var(--gar-surface),#101720)!important;
  border:1px solid var(--gar-line)!important;
  box-shadow:var(--gar-shadow)!important;
}
body.vg-admin-responsive .input,
body.vg-admin-responsive select.input{
  background:#0e151f!important;
  border:1px solid var(--gar-line-hi)!important;
  color:var(--gar-text)!important;
  box-shadow:none!important;
}
body.vg-admin-responsive .input:focus,
body.vg-admin-responsive select.input:focus{
  border-color:#6585b6!important;
  box-shadow:0 0 0 3px rgba(77,116,174,.14)!important;
}
body.vg-admin-responsive .btn{
  border-radius:7px!important;
  border-color:#3c4a5d!important;
  background:linear-gradient(180deg,#1b2533,#141c27)!important;
  color:#edf3f9!important;
  box-shadow:none!important;
}
body.vg-admin-responsive .btn.primary{
  background:linear-gradient(180deg,#315f9d,#244978)!important;
  border-color:#4f79aa!important;
}
body.vg-admin-responsive .pm-eyebrow,
body.vg-admin-responsive .gold,
body.vg-admin-responsive .kicker{color:var(--gar-gold)!important}

/* ------- role language: never paint the entire row ------- */
body.vg-admin-responsive .pm-role.ADMIN,
body.vg-admin-responsive [data-vg-role="ADMIN"] .vg-role-mark{
  color:#f1c85e!important;border-color:#967329!important;background:#332812!important
}
body.vg-admin-responsive .pm-role.AGENT,
body.vg-admin-responsive [data-vg-role="AGENT"] .vg-role-mark{
  color:#80b8ff!important;border-color:#356da9!important;background:#102946!important
}
body.vg-admin-responsive .pm-role.PLAYER,
body.vg-admin-responsive [data-vg-role="PLAYER"] .vg-role-mark{
  color:#6be2d2!important;border-color:#238d81!important;background:#0c3431!important
}
body.vg-admin-responsive .pm-role.SUPERADMIN{
  color:#d3b1ff!important;border-color:#70569a!important;background:#281f39!important
}
body.vg-admin-responsive .pm-status.BLOCKED,
body.vg-admin-responsive .red,
body.vg-admin-responsive [data-vg-status="BLOCKED"] .vg-status-mark{
  color:#ff8f9a!important
}
body.vg-admin-responsive [data-vg-status="DISABLED"]{opacity:.64!important}

/* user/role mini marker inserted by JS */
.vg-role-mark{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:0 6px;
  border:1px solid;
  border-radius:999px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

/* ------- navigation ------- */
body.vg-admin-responsive .sidebar{
  background:linear-gradient(180deg,#111722,#0b1018 68%,#080c12)!important;
  border-right:1px solid #283547!important;
  box-shadow:10px 0 30px rgba(0,0,0,.22)!important;
}
body.vg-admin-responsive .sidebar .brand{
  border-bottom:1px solid #273244!important;
}
body.vg-admin-responsive .sidebar a,
body.vg-admin-responsive .sidebar button.menuitem{
  border-radius:7px!important;
  color:#cfd8e4!important;
}
body.vg-admin-responsive .sidebar a.active{
  background:linear-gradient(90deg,#24334a,#182230)!important;
  border-color:#405873!important;
  box-shadow:inset 3px 0 0 var(--gar-gold)!important;
  color:#fff!important;
}
body.vg-admin-responsive .sidegroup{
  color:#7e8da0!important;
}

/* accordion sidegroups on mobile; desktop always expanded */
.sidebar .sidegroup.vg-accordion-title{cursor:pointer;position:relative;padding-right:28px!important}
.sidebar .sidegroup.vg-accordion-title::after{
  content:"▾";position:absolute;right:8px;top:50%;transform:translateY(-50%);
  color:#7f8fa4;font-size:10px
}
.sidebar .sidegroup.vg-accordion-title.collapsed::after{content:"›"}

/* ------- dashboard ------- */
body.vg-admin-responsive .vg-admin-banner{
  background:linear-gradient(115deg,#172333,#101823)!important;
  border-color:#31425a!important;
}
body.vg-admin-responsive .pm-kpis,
body.vg-admin-responsive .kpis{gap:8px!important}
body.vg-admin-responsive .pm-kpi,
body.vg-admin-responsive .kpi{
  background:linear-gradient(180deg,#171f2b,#111822)!important;
  border:1px solid #2d394b!important;
}
body.vg-admin-responsive .sector{
  background:linear-gradient(180deg,#171f2b,#101720)!important;
  border-color:#2e3a4b!important;
  transition:transform .14s ease,border-color .14s ease!important;
}
body.vg-admin-responsive .sector:hover{
  transform:translateY(-2px)!important;border-color:#52657c!important
}

/* ------- tables / ledgers ------- */
body.vg-admin-responsive .table,
body.vg-admin-responsive .pm-table{
  width:100%!important;
  border-collapse:collapse!important;
  color:var(--gar-text)!important;
}
body.vg-admin-responsive .table th,
body.vg-admin-responsive .pm-table th{
  background:#1a2330!important;
  color:#aeb9c7!important;
  border-bottom:1px solid #354255!important;
}
body.vg-admin-responsive .table td,
body.vg-admin-responsive .pm-table td{
  border-bottom:1px solid #222d3b!important;
  color:#e6edf5!important;
}
body.vg-admin-responsive .table tbody tr:nth-child(even),
body.vg-admin-responsive .pm-table tbody tr:nth-child(even){
  background:#0e151e!important;
}
body.vg-admin-responsive .table tbody tr:hover,
body.vg-admin-responsive .pm-table tbody tr:hover{
  background:#182230!important;
}
body.vg-admin-responsive .pm-actions{
  border-color:#3a485c!important;
  background:#111923!important;
  box-shadow:0 18px 48px rgba(0,0,0,.55)!important;
}

/* wallet controls */
body.vg-admin-responsive .pm-load,
body.vg-admin-responsive .action-load{
  background:#173829!important;border-color:#2b7654!important;color:#7de7ad!important
}
body.vg-admin-responsive .pm-unload,
body.vg-admin-responsive .action-unload{
  background:#3c1c24!important;border-color:#82404d!important;color:#ff9ba6!important
}

/* ------- quick date ranges ------- */
.vg-admin-quickrange{
  display:flex;gap:5px;flex-wrap:wrap;margin:0 0 8px
}
.vg-admin-quickrange button{
  min-height:31px;padding:0 9px;border-radius:6px;border:1px solid #364559;
  background:#131c27;color:#bdc8d6;font-size:9px;font-weight:850;cursor:pointer
}
.vg-admin-quickrange button.active,
.vg-admin-quickrange button:hover{
  border-color:#71849c;background:#233246;color:#fff
}

/* =====================================================================
   DESKTOP: LEFT MENU + CENTRAL WORKSPACE + DOCKED RED/RAMAS
   ===================================================================== */
@media(min-width:851px){
  body.vg-admin-responsive{
    --gar-side:250px;
    --gar-branch:310px;
  }
  body.vg-admin-responsive .sidebar{
    width:var(--gar-side)!important;
  }
  body.vg-admin-responsive .with-sidebar{
    margin-left:var(--gar-side)!important;
    padding-right:var(--gar-branch)!important;
  }
  body.vg-admin-responsive .wrap{
    padding:22px 22px 34px!important;
  }
  body.vg-admin-responsive .vg-desktop-menu-btn{
    left:calc(var(--gar-side) + 9px)!important;
  }
  body.vg-admin-responsive.vg-sidebar-collapsed{
    --gar-side:74px;
  }

  /* permanent branch dock */
  body.vg-admin-responsive .vg-branch-launch{display:none!important}
  body.vg-admin-responsive .vg-branch-shade{display:none!important}
  body.vg-admin-responsive .vg-branch-drawer{
    display:block!important;
    position:fixed!important;
    left:auto!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:var(--gar-branch)!important;
    transform:none!important;
    transition:none!important;
    z-index:700!important;
    padding:14px 11px!important;
    border-left:1px solid #2c3a4d!important;
    border-right:0!important;
    background:linear-gradient(180deg,#101824,#0a1018)!important;
    box-shadow:-10px 0 32px rgba(0,0,0,.24)!important;
  }
  body.vg-admin-responsive .vg-branch-head strong{font-size:13px!important}
  body.vg-admin-responsive .vg-branch-search{height:38px!important;margin:9px 0!important}
  body.vg-admin-responsive .vg-branch-node{
    border-radius:7px!important;border-color:#26384d!important;background:#101a27!important
  }
  body.vg-admin-responsive .vg-branch-row{
    min-height:43px!important;padding:4px!important
  }
  body.vg-admin-responsive .vg-branch-select b{font-size:10px!important}
  body.vg-admin-responsive .vg-branch-select small{font-size:8px!important}
  body.vg-admin-responsive .vg-branch-close{display:none!important}

  /* compact desktop operations */
  body.vg-admin-responsive .pm-page-head h1,
  body.vg-admin-responsive .wrap h1{font-size:27px!important}
  body.vg-admin-responsive .pm-page-head p{font-size:12px!important}
  body.vg-admin-responsive .card{padding:13px!important}
  body.vg-admin-responsive .table th,
  body.vg-admin-responsive .pm-table th{padding:10px 9px!important;font-size:9px!important}
  body.vg-admin-responsive .table td,
  body.vg-admin-responsive .pm-table td{padding:9px!important;font-size:11px!important}
  body.vg-admin-responsive .pm-kpi strong,
  body.vg-admin-responsive .kpi strong{font-size:23px!important}
}

/* =====================================================================
   MOBILE: SIMPLE / TACTILE / NO PAGE HORIZONTAL SCROLL
   ===================================================================== */
@media(max-width:850px){
  body.vg-admin-responsive{
    overflow-x:hidden!important;
    --gar-mobile-top:56px;
  }
  body.vg-admin-responsive .with-sidebar{margin-left:0!important;padding-right:0!important}
  body.vg-admin-responsive .wrap{
    padding:calc(var(--gar-mobile-top) + 7px) 7px calc(24px + var(--vg-safe-bottom))!important;
    width:100%!important;
    overflow-x:hidden!important;
  }

  /* no bottom nav: references use menu drawers, keep work area clean */
  body.vg-admin-responsive .vg-mobile-bottom{display:none!important}
  body.vg-admin-responsive .vg-mobile-topbar{
    height:calc(var(--gar-mobile-top) + var(--vg-safe-top))!important;
    padding:var(--vg-safe-top) 8px 0!important;
    background:#101720f5!important;
    border-bottom:1px solid #2d394a!important;
    box-shadow:0 6px 20px rgba(0,0,0,.35)!important;
  }
  body.vg-admin-responsive .vg-mobile-topbar .vg-menu-btn{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
    border-radius:7px!important;background:#182331!important;border-color:#3b4b60!important
  }
  body.vg-admin-responsive .vg-mini-brand b{font-size:11px!important}
  body.vg-admin-responsive .vg-mini-brand small{font-size:7px!important}

  body.vg-admin-responsive .vg-branch-launch{
    display:inline-flex!important;
    right:8px!important;top:calc(8px + var(--vg-safe-top))!important;
    height:40px!important;padding:0 9px!important;border-radius:7px!important;
    background:#182331!important;border-color:#3b4b60!important;color:#e8eef6!important;
    font-size:8px!important
  }

  /* independent drawers, no overlap */
  body.vg-admin-responsive .sidebar{
    width:min(300px,84vw)!important;
    z-index:4300!important;
    background:#101720!important;
  }
  body.vg-admin-responsive .vg-branch-drawer{
    left:auto!important;right:0!important;
    width:min(320px,88vw)!important;
    transform:translateX(105%)!important;
    z-index:4300!important;
    border-left:1px solid #314157!important;border-right:0!important;
  }
  body.vg-admin-responsive .vg-branch-drawer.show{transform:none!important}
  body.vg-admin-responsive .vg-branch-shade{z-index:4250!important}

  /* mobile sidebar accordion */
  body.vg-admin-responsive .sidebar .brand{padding-bottom:8px!important}
  body.vg-admin-responsive .sidebar .sidegroup{
    margin:6px 6px 2px!important;padding:9px 7px!important;
    border-bottom:1px solid #242f3e!important;font-size:8px!important
  }
  body.vg-admin-responsive .sidebar a,
  body.vg-admin-responsive .sidebar button.menuitem{
    min-height:43px!important;margin:1px 0!important;padding:9px 10px!important;
    font-size:11px!important
  }
  body.vg-admin-responsive .sidebar .vg-group-hidden{display:none!important}

  /* headers and dashboard density */
  body.vg-admin-responsive .vg-admin-banner{display:none!important}
  body.vg-admin-responsive .pm-page-head,
  body.vg-admin-responsive .toolbar,
  body.vg-admin-responsive .sector-title{
    margin:0 0 7px!important;gap:5px!important
  }
  body.vg-admin-responsive .pm-page-head h1,
  body.vg-admin-responsive .toolbar h1,
  body.vg-admin-responsive .sector-title h1,
  body.vg-admin-responsive .wrap h1{
    font-size:20px!important;line-height:1.05!important;margin:0!important
  }
  body.vg-admin-responsive .pm-page-head p{font-size:9px!important;margin:3px 0!important}
  body.vg-admin-responsive .pm-eyebrow,
  body.vg-admin-responsive .kicker{font-size:7px!important;letter-spacing:.9px!important}

  body.vg-admin-responsive .pm-kpis,
  body.vg-admin-responsive .kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important
  }
  body.vg-admin-responsive .pm-kpi,
  body.vg-admin-responsive .kpi{
    min-height:62px!important;padding:7px!important;border-radius:7px!important
  }
  body.vg-admin-responsive .pm-kpi small,
  body.vg-admin-responsive .kpi small{font-size:7px!important}
  body.vg-admin-responsive .pm-kpi strong,
  body.vg-admin-responsive .kpi strong{font-size:15px!important}
  body.vg-admin-responsive .pm-kpi .mini{font-size:6px!important}

  /* dashboard quick access = compact operational rows, not giant cards */
  body.vg-admin-responsive .sector-grid{
    display:grid!important;grid-template-columns:1fr!important;gap:4px!important
  }
  body.vg-admin-responsive .sector{
    display:grid!important;
    grid-template-columns:31px minmax(0,1fr)!important;
    align-items:center!important;gap:7px!important;
    min-height:48px!important;padding:7px!important;border-radius:7px!important
  }
  body.vg-admin-responsive .sector .icon{
    grid-row:1/3!important;font-size:18px!important
  }
  body.vg-admin-responsive .sector h3{font-size:10px!important;margin:0!important}
  body.vg-admin-responsive .sector p{font-size:7px!important;margin:1px 0 0!important;line-height:1.25!important}

  body.vg-admin-responsive .card{
    padding:8px!important;border-radius:8px!important
  }
  body.vg-admin-responsive .input,
  body.vg-admin-responsive select.input{
    min-height:35px!important;height:35px!important;padding:5px 7px!important;font-size:9px!important
  }
  body.vg-admin-responsive .btn{
    min-height:35px!important;padding:6px 8px!important;font-size:9px!important
  }

  /* ledger: fixed table, no card-per-cell transformation */
  body.vg-admin-responsive .pm-table-wrap,
  body.vg-admin-responsive [id$="Rows"],
  body.vg-admin-responsive #rows,
  body.vg-admin-responsive .card>div[style*="overflow"]{
    overflow:hidden!important;max-width:100%!important
  }
  body.vg-admin-responsive .table,
  body.vg-admin-responsive .pm-table{
    display:table!important;width:100%!important;min-width:0!important;
    table-layout:fixed!important;border-collapse:collapse!important
  }
  body.vg-admin-responsive .table thead,
  body.vg-admin-responsive .pm-table thead{display:table-header-group!important}
  body.vg-admin-responsive .table tbody,
  body.vg-admin-responsive .pm-table tbody{display:table-row-group!important}
  body.vg-admin-responsive .table tr,
  body.vg-admin-responsive .pm-table tr{display:table-row!important}
  body.vg-admin-responsive .table th,
  body.vg-admin-responsive .pm-table th,
  body.vg-admin-responsive .table td,
  body.vg-admin-responsive .pm-table td{
    display:table-cell!important;
    min-width:0!important;
    padding:6px 3px!important;
    font-size:7.5px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    border-radius:0!important
  }
  body.vg-admin-responsive .table th,
  body.vg-admin-responsive .pm-table th{
    font-size:6.5px!important;letter-spacing:.1px!important
  }
  body.vg-admin-responsive .table td::before,
  body.vg-admin-responsive .pm-table td::before{display:none!important}

  /* network operational 4-column view */
  body.vg-admin-responsive.vg-network-page .pm-table th:nth-child(2),
  body.vg-admin-responsive.vg-network-page .pm-table td:nth-child(2),
  body.vg-admin-responsive.vg-network-page .pm-table th:nth-child(3),
  body.vg-admin-responsive.vg-network-page .pm-table td:nth-child(3),
  body.vg-admin-responsive.vg-network-page .pm-table th:nth-child(5),
  body.vg-admin-responsive.vg-network-page .pm-table td:nth-child(5),
  body.vg-admin-responsive.vg-network-page .pm-table th:nth-child(7),
  body.vg-admin-responsive.vg-network-page .pm-table td:nth-child(7){display:none!important}
  body.vg-admin-responsive.vg-network-page .pm-table th:nth-child(1),
  body.vg-admin-responsive.vg-network-page .pm-table td:nth-child(1){width:32%!important;text-align:left!important}
  body.vg-admin-responsive.vg-network-page .pm-table th:nth-child(4),
  body.vg-admin-responsive.vg-network-page .pm-table td:nth-child(4){width:22%!important;text-align:center!important}
  body.vg-admin-responsive.vg-network-page .pm-table th:nth-child(6),
  body.vg-admin-responsive.vg-network-page .pm-table td:nth-child(6){width:36%!important;text-align:center!important;overflow:visible!important}
  body.vg-admin-responsive.vg-network-page .pm-table th:nth-child(8),
  body.vg-admin-responsive.vg-network-page .pm-table td:nth-child(8){width:10%!important;text-align:center!important;overflow:visible!important}
  body.vg-admin-responsive.vg-network-page .pm-user{gap:4px!important}
  body.vg-admin-responsive.vg-network-page .pm-avatar{
    width:24px!important;height:24px!important;min-width:24px!important;font-size:6px!important
  }
  body.vg-admin-responsive.vg-network-page .pm-user b{font-size:7.5px!important}
  body.vg-admin-responsive.vg-network-page .pm-user small{display:none!important}
  body.vg-admin-responsive.vg-network-page .pm-load,
  body.vg-admin-responsive.vg-network-page .pm-unload{
    height:27px!important;min-height:27px!important;padding:0 5px!important;font-size:0!important
  }
  body.vg-admin-responsive.vg-network-page .pm-load::before{content:"+ CARGAR";font-size:6px!important}
  body.vg-admin-responsive.vg-network-page .pm-unload::before{content:"− RETIRAR";font-size:6px!important}
  body.vg-admin-responsive.vg-network-page .pm-more{
    width:25px!important;height:25px!important;min-width:25px!important;font-size:19px!important
  }
  body.vg-admin-responsive.vg-network-page .pm-actions{
    position:fixed!important;
    left:8px!important;right:8px!important;bottom:8px!important;
    width:auto!important;z-index:4600!important;
    border-radius:10px!important;
    max-height:68vh!important;overflow:auto!important
  }

  /* dashboard report layout stacked */
  body.vg-admin-responsive .pm-report-layout{
    grid-template-columns:1fr!important;gap:6px!important
  }

  /* quick filters scroll horizontally without page scroll */
  .vg-admin-quickrange{
    flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:2px!important;
    scrollbar-width:none!important
  }
  .vg-admin-quickrange::-webkit-scrollbar{display:none}
  .vg-admin-quickrange button{flex:0 0 auto!important;min-height:28px!important;font-size:7px!important}

  /* no page horizontal scroll */
  body.vg-admin-responsive main,
  body.vg-admin-responsive .card,
  body.vg-admin-responsive .pm-table-wrap{max-width:100%!important}
}

/* =====================================================================
   VEGAS GOLDEN 19.1 — ADMIN STABILITY FIX
   ===================================================================== */
@media(min-width:851px){
  body.vg-admin-responsive{--gar-side:250px!important;--gar-branch:0px!important}
  body.vg-admin-responsive .sidebar{
    width:250px!important;transform:none!important;visibility:visible!important;
    opacity:1!important;z-index:1200!important
  }
  body.vg-admin-responsive .with-sidebar{margin-left:250px!important;padding-right:0!important}
  body.vg-admin-responsive .wrap{width:auto!important;max-width:1500px!important;margin:0 auto!important}

  body.vg-admin-responsive .vg-branch-launch{
    display:inline-flex!important;position:fixed!important;right:14px!important;top:14px!important;
    z-index:2100!important
  }
  body.vg-admin-responsive .vg-branch-drawer{
    display:block!important;position:fixed!important;left:auto!important;right:0!important;
    top:0!important;bottom:0!important;width:min(360px,32vw)!important;
    transform:translateX(105%)!important;transition:transform .18s ease!important;
    z-index:4300!important;padding:14px 11px!important;border-left:1px solid #2c3a4d!important;
    background:linear-gradient(180deg,#101824,#0a1018)!important;
    box-shadow:-10px 0 32px rgba(0,0,0,.35)!important
  }
  body.vg-admin-responsive .vg-branch-drawer.show{transform:none!important}
  body.vg-admin-responsive .vg-branch-close{display:inline-flex!important}
  body.vg-admin-responsive .vg-branch-shade{
    display:none!important;position:fixed!important;inset:0!important;z-index:4250!important;
    background:rgba(3,7,12,.50)!important
  }
  body.vg-admin-responsive .vg-branch-shade.show{display:block!important}
}


/* =====================================================================
   VEGAS GOLDEN 19.2 — PC + MOBILE VISIBILITY FIX
   ===================================================================== */

/* ---------- role colors everywhere ---------- */
.pm-avatar-ADMIN{background:linear-gradient(180deg,#f2cb66,#b77d15)!important;color:#1f1809!important;border:1px solid #ffe08a!important}
.pm-avatar-AGENT{background:linear-gradient(180deg,#62a7ff,#266ac5)!important;color:#fff!important;border:1px solid #91c2ff!important}
.pm-avatar-PLAYER{background:linear-gradient(180deg,#48d6c3,#168f82)!important;color:#07201d!important;border:1px solid #79eadc!important}
.pm-mobile-role{
  display:none;
  width:max-content;
  max-width:100%;
  margin-top:2px;
  padding:1px 5px;
  border-radius:999px;
  font-size:6px;
  font-weight:900;
  line-height:1.4;
}
.pm-mobile-role-ADMIN{background:#332812;color:#f1c85e;border:1px solid #967329}
.pm-mobile-role-AGENT{background:#102946;color:#80b8ff;border:1px solid #356da9}
.pm-mobile-role-PLAYER{background:#0c3431;color:#6be2d2;border:1px solid #238d81}

/* ---------- PC RED / RAMAS: integrated dark rail, not floating white ---------- */
@media(min-width:851px){
  body.vg-admin-responsive .vg-branch-launch{
    display:flex!important;
    position:fixed!important;
    right:0!important;
    top:118px!important;
    width:42px!important;
    height:124px!important;
    padding:7px 4px!important;
    border-radius:8px 0 0 8px!important;
    border:1px solid #3a4b61!important;
    border-right:0!important;
    background:linear-gradient(180deg,#182433,#101822)!important;
    color:#e7edf5!important;
    box-shadow:-7px 10px 24px rgba(0,0,0,.28)!important;
    writing-mode:vertical-rl!important;
    transform:rotate(180deg)!important;
    font-size:8px!important;
    font-weight:900!important;
    z-index:2200!important;
  }
  body.vg-admin-responsive .vg-branch-launch:hover{
    background:linear-gradient(180deg,#22334a,#172536)!important;
    border-color:#60748d!important;
  }
  body.vg-admin-responsive .vg-branch-drawer{
    width:300px!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    border-radius:0!important;
    border-left:1px solid #344459!important;
    background:linear-gradient(180deg,#111a26,#0a1018)!important;
    box-shadow:-12px 0 32px rgba(0,0,0,.32)!important;
  }
  body.vg-admin-responsive.vg-pc-branch-open .with-sidebar{
    padding-right:300px!important;
    transition:padding-right .18s ease!important;
  }
  body.vg-admin-responsive .vg-branch-shade{display:none!important}
}

/* ---------- Mobile network: user/rank must be unmistakable ---------- */
@media(max-width:850px){
  body.vg-network-page .pm-mobile-role{display:inline-flex!important}
  body.vg-network-page .pm-user-copy{min-width:0!important}
  body.vg-network-page .pm-user b{
    max-width:100%!important;
    font-size:8px!important;
    line-height:1.05!important
  }
  body.vg-network-page .pm-avatar{
    width:28px!important;height:28px!important;min-width:28px!important;
    border-radius:50%!important;font-size:7px!important;font-weight:950!important
  }

  /* Four essential columns: Usuario / Saldo / Carga-Descarga / Acciones */
  body.vg-network-page .pm-table th:nth-child(1),
  body.vg-network-page .pm-table td:nth-child(1){width:37%!important}
  body.vg-network-page .pm-table th:nth-child(4),
  body.vg-network-page .pm-table td:nth-child(4){width:17%!important}
  body.vg-network-page .pm-table th:nth-child(6),
  body.vg-network-page .pm-table td:nth-child(6){width:36%!important}
  body.vg-network-page .pm-table th:nth-child(8),
  body.vg-network-page .pm-table td:nth-child(8){width:10%!important}

  body.vg-network-page .pm-wallet-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:3px!important;
    width:100%!important;
  }
  body.vg-network-page .pm-load,
  body.vg-network-page .pm-unload{
    width:100%!important;min-width:0!important;
    height:27px!important;min-height:27px!important;
    border-radius:5px!important;
    font-size:0!important;
  }
  body.vg-network-page .pm-load::before{content:"+ CARGA"!important;font-size:5.5px!important}
  body.vg-network-page .pm-unload::before{content:"− RET."!important;font-size:5.5px!important}
  body.vg-network-page .pm-more{
    width:25px!important;height:25px!important;min-width:25px!important;
    font-size:18px!important
  }

  /* Filter labels must fit instead of clipping Agente/Cajero etc. */
  body.vg-network-page label,
  body.vg-network-page .pm-field label{
    font-size:7px!important;
    line-height:1.15!important;
    white-space:normal!important;
  }
  body.vg-network-page .pm-filter-card{
    padding:8px!important;
  }
  body.vg-network-page .pm-filter-grid{
    gap:5px!important;
  }

  /* History/report tables become readable detail rows instead of sliced columns. */
  body.vg-user-history-page .history-sec .pm-table{
    display:block!important;
    width:100%!important;
  }
  body.vg-user-history-page .history-sec .pm-table thead{display:none!important}
  body.vg-user-history-page .history-sec .pm-table tbody{display:block!important}
  body.vg-user-history-page .history-sec .pm-table tr{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    margin:0 0 6px!important;
    padding:6px!important;
    border:1px solid #2d3b4d!important;
    border-radius:7px!important;
    background:#101822!important;
  }
  body.vg-user-history-page .history-sec .pm-table td{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    padding:5px 4px!important;
    border-bottom:1px solid #243142!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:8px!important;
  }
  body.vg-user-history-page .history-sec .pm-table td::before{
    display:block!important;
    content:attr(data-vg-label)!important;
    margin-bottom:2px!important;
    color:#8190a3!important;
    font-size:5.8px!important;
    font-weight:850!important;
    text-transform:uppercase!important;
  }
  body.vg-user-history-page #gamesRows .pm-table td:nth-child(2){
    color:#f0c65a!important;
    font-weight:900!important;
  }
}

/* report headings that previously clipped role words */
@media(max-width:850px){
  body.vg-admin-responsive .pm-role,
  body.vg-admin-responsive .role-chip,
  body.vg-admin-responsive button{
    text-overflow:clip!important;
  }
}


/* =====================================================================
   VEGAS GOLDEN 19.3 — MOBILE REPORTS + ROLE COLOR FIX
   ===================================================================== */

/* Strong role-avatar selectors as CSS fallback; inline style is primary. */
body.vg-network-page .pm-avatar.pm-avatar-ADMIN{
  background:linear-gradient(180deg,#f2cb66,#b77d15)!important;
  color:#1f1809!important;border-color:#ffe08a!important
}
body.vg-network-page .pm-avatar.pm-avatar-AGENT{
  background:linear-gradient(180deg,#62a7ff,#266ac5)!important;
  color:#fff!important;border-color:#91c2ff!important
}
body.vg-network-page .pm-avatar.pm-avatar-PLAYER{
  background:linear-gradient(180deg,#48d6c3,#168f82)!important;
  color:#06201d!important;border-color:#79eadc!important
}

@media(max-width:850px){
  /* FINANCIAL REPORT: never squeeze 7-9 columns into 403px. */
  body.vg-financial-report-page .vg-mobile-detail-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    table-layout:auto!important;
  }
  body.vg-financial-report-page .vg-mobile-detail-table thead{
    display:none!important;
  }
  body.vg-financial-report-page .vg-mobile-detail-table tbody{
    display:block!important;
    width:100%!important;
  }
  body.vg-financial-report-page .vg-mobile-detail-table tr{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    margin:0 0 7px!important;
    padding:7px!important;
    border:1px solid #304055!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,#121b27,#0e151f)!important;
    box-shadow:0 5px 14px rgba(0,0,0,.18)!important;
  }
  body.vg-financial-report-page .vg-mobile-detail-table td{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    padding:6px 5px!important;
    border:0!important;
    border-bottom:1px solid #263446!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:break-word!important;
    font-size:8.5px!important;
    line-height:1.25!important;
  }
  body.vg-financial-report-page .vg-mobile-detail-table td::before{
    display:block!important;
    content:attr(data-vg-label)!important;
    margin-bottom:3px!important;
    color:#7f8ea2!important;
    font-size:6px!important;
    font-weight:900!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
  }
  body.vg-financial-report-page .vg-mobile-detail-table td b{
    font-size:9px!important;
  }

  /* User result cards: username + role get full first row. */
  body.vg-financial-report-page .vg-fin-users td:nth-child(1),
  body.vg-financial-report-page .vg-fin-users td:nth-child(2){
    grid-column:span 1!important;
  }

  /* Movement card: date and user are especially prominent. */
  body.vg-financial-report-page .vg-fin-movements td:nth-child(1),
  body.vg-financial-report-page .vg-fin-movements td:nth-child(2){
    background:#141e2b!important;
  }

  body.vg-financial-report-page .pm-role{
    display:inline-flex!important;
    max-width:100%!important;
    white-space:normal!important;
    padding:3px 7px!important;
    font-size:7px!important;
  }
  body.vg-financial-report-page .pm-role.ADMIN{
    color:#f1c85e!important;background:#332812!important;border-color:#967329!important
  }
  body.vg-financial-report-page .pm-role.AGENT{
    color:#80b8ff!important;background:#102946!important;border-color:#356da9!important
  }
  body.vg-financial-report-page .pm-role.PLAYER{
    color:#6be2d2!important;background:#0c3431!important;border-color:#238d81!important
  }

  /* Pager: one clear compact row instead of stacked/clipped buttons. */
  body.vg-financial-report-page #finPager{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    width:100%!important;
    text-align:center!important;
  }
  body.vg-financial-report-page #finPager .btn{
    width:100%!important;
  }

  /* Prevent charts/placeholders from stealing excessive first-screen height. */
  body.vg-financial-report-page .pm-chart-placeholder{
    min-height:90px!important;
    max-height:110px!important;
  }
}


/* =====================================================================
   VEGAS GOLDEN 19.4 — TRUE MOBILE REPORT CARDS
   No compressed desktop tables on mobile.
   ===================================================================== */
.vg-report-mobile-list{display:grid;gap:8px;width:100%}
.vg-report-card{
  display:block;
  width:100%;
  min-width:0;
  padding:10px;
  border:1px solid #314158;
  border-left-width:4px;
  border-radius:9px;
  background:linear-gradient(180deg,#131d29,#0e151e);
  box-shadow:0 5px 16px rgba(0,0,0,.20);
  overflow:hidden;
}
.vg-report-card.vg-role-ADMIN{border-left-color:#d9aa3d}
.vg-report-card.vg-role-AGENT{border-left-color:#3e86e8}
.vg-report-card.vg-role-PLAYER{border-left-color:#24b9a8}
.vg-report-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  padding-bottom:8px;
  margin-bottom:5px;
  border-bottom:1px solid #2a384b;
}
.vg-report-card-head small,
.vg-report-card-grid small{
  display:block;
  margin:0 0 3px;
  color:#8090a5;
  font-size:7px;
  font-weight:900;
  letter-spacing:.04em;
}
.vg-report-card-head strong{
  display:block;
  max-width:220px;
  color:#f2f6fb;
  font-size:12px;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.vg-report-role{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border:1px solid;
  border-radius:999px;
  font-size:7px;
  font-weight:900;
  white-space:normal;
  text-align:center;
}
.vg-report-role-ADMIN{background:#332812;color:#f1c85e;border-color:#967329}
.vg-report-role-AGENT{background:#102946;color:#80b8ff;border-color:#356da9}
.vg-report-role-PLAYER{background:#0c3431;color:#6be2d2;border-color:#238d81}
.vg-report-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
}
.vg-report-card-grid>div{
  min-width:0;
  padding:7px 5px;
  border-bottom:1px solid #243246;
}
.vg-report-card-grid .vg-report-wide{grid-column:1/-1}
.vg-report-card-grid b{
  display:block;
  color:#edf3f9;
  font-size:10px;
  line-height:1.25;
  overflow-wrap:anywhere;
  word-break:normal;
}
@media(max-width:850px){
  body.vg-financial-report-page #usersTable,
  body.vg-financial-report-page #movementTable{
    overflow:visible!important;
    width:100%!important;
    min-width:0!important;
  }
  body.vg-financial-report-page .vg-report-mobile-list{
    display:grid!important;
  }
  body.vg-financial-report-page .vg-report-card{
    font-size:10px!important;
  }
}


/* =====================================================================
   VEGAS GOLDEN 19.5 — ADMIN PREMIUM FINAL POLISH
   Pure UI / pagination polish. No backend or permission changes.
   ===================================================================== */

:root{
  --vgp-gold:#e2b84f;
  --vgp-gold-hi:#f7d77a;
  --vgp-blue:#438ce8;
  --vgp-green:#36c6a8;
  --vgp-red:#e05e6c;
  --vgp-bg:#0b1017;
  --vgp-panel:#121a25;
  --vgp-panel-2:#172130;
  --vgp-border:#2d3a4c;
  --vgp-muted:#8998aa;
  --vgp-text:#f2f5f8;
}

/* General premium typography + density */
body.vg-admin-responsive{
  letter-spacing:.005em!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}
body.vg-admin-responsive h1,
body.vg-admin-responsive h2,
body.vg-admin-responsive h3{
  letter-spacing:-.025em!important;
  text-wrap:balance;
}
body.vg-admin-responsive .pm-page-head h1,
body.vg-admin-responsive .toolbar h1,
body.vg-admin-responsive .sector-title h1{
  color:var(--vgp-text)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.02)!important;
}
body.vg-admin-responsive .pm-eyebrow,
body.vg-admin-responsive .kicker,
body.vg-admin-responsive .gold{
  color:var(--vgp-gold)!important;
}

/* Surfaces */
body.vg-admin-responsive .card,
body.vg-admin-responsive .pm-filter-card,
body.vg-admin-responsive .pm-table-wrap,
body.vg-admin-responsive .history-sec{
  border-color:#314055!important;
  background:
    linear-gradient(180deg,rgba(23,32,44,.98),rgba(14,21,30,.98))!important;
  box-shadow:
    0 10px 28px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.018)!important;
}
body.vg-admin-responsive .card:hover,
body.vg-admin-responsive .pm-filter-card:hover{
  border-color:#3b4d64!important;
}

/* Inputs */
body.vg-admin-responsive .input,
body.vg-admin-responsive select.input,
body.vg-admin-responsive input[type="date"],
body.vg-admin-responsive input[type="datetime-local"]{
  border-color:#3b4a5f!important;
  background:#0e1621!important;
  color:#edf3f9!important;
}
body.vg-admin-responsive .input:hover,
body.vg-admin-responsive select.input:hover{
  border-color:#536881!important;
}

/* Buttons */
body.vg-admin-responsive .btn{
  font-weight:800!important;
  letter-spacing:.01em!important;
  border-color:#3e4f65!important;
  background:linear-gradient(180deg,#1b2736,#131c28)!important;
  transition:transform .12s ease,border-color .12s ease,filter .12s ease!important;
}
body.vg-admin-responsive .btn:hover:not(:disabled){
  transform:translateY(-1px)!important;
  border-color:#657b95!important;
  filter:brightness(1.07)!important;
}
body.vg-admin-responsive .btn:active:not(:disabled){
  transform:translateY(0)!important;
}
body.vg-admin-responsive .btn.primary,
body.vg-admin-responsive button[type="submit"].primary{
  background:linear-gradient(180deg,#e7bc50,#b9851e)!important;
  border-color:#f2d17b!important;
  color:#15120a!important;
  box-shadow:0 5px 14px rgba(195,139,29,.18)!important;
}
body.vg-admin-responsive .btn.primary:hover{
  filter:brightness(1.08)!important;
}

/* Dashboard KPIs */
body.vg-admin-responsive .pm-kpi,
body.vg-admin-responsive .kpi{
  border-color:#314156!important;
  background:linear-gradient(145deg,#182231,#111924)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
body.vg-admin-responsive .pm-kpi strong,
body.vg-admin-responsive .kpi strong{
  color:#f3c95e!important;
  font-variant-numeric:tabular-nums!important;
}

/* Network / users */
body.vg-admin-responsive .pm-user b{
  color:#f2f6fa!important;
}
body.vg-admin-responsive .pm-user small{
  color:#8291a4!important;
}
body.vg-admin-responsive .pm-wallet-actions .pm-load{
  background:linear-gradient(180deg,#1e6849,#164e39)!important;
  border-color:#3d916d!important;
  color:#b5f3d3!important;
}
body.vg-admin-responsive .pm-wallet-actions .pm-unload{
  background:linear-gradient(180deg,#7f2e3a,#5e222d)!important;
  border-color:#a84c59!important;
  color:#ffd0d5!important;
}
body.vg-admin-responsive .pm-more{
  border-color:#475970!important;
  background:#162130!important;
  color:#e7eef7!important;
}

/* Tables: premium ledger */
body.vg-admin-responsive .table th,
body.vg-admin-responsive .pm-table th{
  color:#a9b5c4!important;
  background:#192432!important;
  border-bottom-color:#3a4a5f!important;
  font-weight:850!important;
}
body.vg-admin-responsive .table td,
body.vg-admin-responsive .pm-table td{
  font-variant-numeric:tabular-nums!important;
}
body.vg-admin-responsive .table tbody tr,
body.vg-admin-responsive .pm-table tbody tr{
  transition:background .1s ease!important;
}
body.vg-admin-responsive .table tbody tr:hover,
body.vg-admin-responsive .pm-table tbody tr:hover{
  background:#1a2736!important;
}

/* Pagination — one system everywhere */
.history-pager,
#finPager,
#finPagerBottom,
.vg-fin-pager-bottom{
  display:grid!important;
  grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
}
.history-pager .btn:first-child,
#finPager .btn:first-child,
#finPagerBottom .btn:first-child{
  justify-self:start!important;
}
.history-pager .btn:last-child,
#finPager .btn:last-child,
#finPagerBottom .btn:last-child{
  justify-self:end!important;
}
.history-pager .muted,
#finPager .muted,
#finPagerBottom .muted{
  justify-self:center!important;
  color:#9aa8b9!important;
  font-size:9px!important;
  white-space:nowrap!important;
}
.history-pager-bottom,
#finPagerBottom{
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid #2d3b4e!important;
}
.history-pager .btn,
#finPager .btn,
#finPagerBottom .btn{
  min-width:108px!important;
}

/* RED / RAMAS — desktop: visible, premium, unmistakable */
@media(min-width:851px){
  body.vg-admin-responsive .vg-branch-launch{
    display:flex!important;
    position:fixed!important;
    top:92px!important;
    right:16px!important;
    width:142px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 14px!important;
    writing-mode:horizontal-tb!important;
    transform:none!important;
    border-radius:9px!important;
    border:1px solid #9a7930!important;
    background:
      linear-gradient(180deg,#252016,#17150f)!important;
    color:#f1c95e!important;
    box-shadow:
      0 8px 22px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,227,148,.08)!important;
    font-size:10px!important;
    font-weight:950!important;
    letter-spacing:.045em!important;
    z-index:2200!important;
  }
  body.vg-admin-responsive .vg-branch-launch::before{
    content:"◆";
    margin-right:7px;
    color:#6ad267;
    font-size:10px;
  }
  body.vg-admin-responsive .vg-branch-launch:hover{
    border-color:#e1b84f!important;
    color:#ffe18a!important;
    background:linear-gradient(180deg,#302718,#1c1810)!important;
    box-shadow:0 10px 26px rgba(0,0,0,.33),0 0 0 1px rgba(226,184,79,.08)!important;
  }
}

/* Mobile premium spacing and controls */
@media(max-width:850px){
  body.vg-admin-responsive .wrap{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  body.vg-admin-responsive .card,
  body.vg-admin-responsive .pm-filter-card,
  body.vg-admin-responsive .pm-table-wrap{
    border-radius:9px!important;
  }
  body.vg-admin-responsive .vg-mobile-topbar{
    border-bottom-color:#38465a!important;
    box-shadow:0 7px 22px rgba(0,0,0,.31)!important;
  }
  body.vg-admin-responsive .vg-branch-launch{
    color:#e9c65e!important;
    border-color:#5d4f2d!important;
    background:linear-gradient(180deg,#1c2430,#151c27)!important;
  }

  /* Mobile pagination: buttons always visible above AND below */
  .history-pager,
  #finPager,
  #finPagerBottom{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .history-pager .muted,
  #finPager .muted,
  #finPagerBottom .muted{
    grid-column:1/-1!important;
    grid-row:1!important;
    white-space:normal!important;
    text-align:center!important;
    font-size:8px!important;
  }
  .history-pager .btn:first-child,
  #finPager .btn:first-child,
  #finPagerBottom .btn:first-child{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    justify-self:stretch!important;
  }
  .history-pager .btn:last-child,
  #finPager .btn:last-child,
  #finPagerBottom .btn:last-child{
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    justify-self:stretch!important;
  }

  /* Cards from 19.4 */
  .vg-report-card{
    border-radius:10px!important;
    border-color:#33455b!important;
    padding:9px!important;
  }
  .vg-report-card-head strong{
    font-size:12px!important;
  }
  .vg-report-card-grid b{
    font-size:10.5px!important;
  }
}

/* VEGAS GOLDEN 19.6 — requested financial layout + RED/RAMAS polish */
.vg-fin-summary-after{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:8px;
 margin:10px 0 14px;
}
.vg-fin-summary-after .card,
.vg-fin-summary-after .pm-kpi,
.vg-fin-summary-after .kpi{margin:0!important;min-height:84px!important}

@media(min-width:851px){
 body.vg-admin-responsive .vg-branch-launch{
   top:18px!important;right:22px!important;
   width:auto!important;min-width:150px!important;height:42px!important;
   padding:0 17px!important;
   border-radius:8px!important;
   border:1px solid #52647a!important;
   background:linear-gradient(180deg,#1c2837,#121b26)!important;
   color:#f1ca63!important;
   box-shadow:0 7px 18px rgba(0,0,0,.24)!important;
 }
 body.vg-admin-responsive .vg-branch-launch::before{
   content:"◆"!important;color:#63ce78!important;margin-right:8px!important
 }
 body.vg-admin-responsive .vg-branch-launch:hover{
   border-color:#d3ad52!important;
   background:linear-gradient(180deg,#253448,#172331)!important;
 }
}
@media(max-width:850px){
 .vg-fin-summary-after{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .vg-fin-summary-after .card,
 .vg-fin-summary-after .pm-kpi,
 .vg-fin-summary-after .kpi{min-height:72px!important}
}

/* VEGAS GOLDEN 19.7 — contextual RED/RAMAS */
@media(min-width:851px){
 .vg-pc-legacy-branch-hidden{display:none!important}
 body.vg-admin-responsive .vg-context-branch-btn{
   min-height:40px!important;
   padding:0 15px!important;
   border:1px solid #8b7135!important;
   background:linear-gradient(180deg,#292317,#18160f)!important;
   color:#f0ca66!important;
   font-weight:900!important;
   letter-spacing:.025em!important;
 }
 body.vg-admin-responsive .vg-context-branch-btn::before{
   content:"◆";color:#62cb78;margin-right:7px
 }
 body.vg-admin-responsive .vg-context-branch-btn:hover{
   border-color:#d5ae4d!important;
   background:linear-gradient(180deg,#342a19,#1e1a10)!important;
 }
}
@media(max-width:850px){
 .vg-context-branch-btn{display:none!important}
 .vg-pc-legacy-branch-hidden{display:inline-flex!important}
}


/* =====================================================================
   VEGAS GOLDEN 19.8 — REMOVE LEGACY RED/RAMAS BUTTON ON PC
   Stronger specificity than previous desktop launcher rules.
   ===================================================================== */
@media(min-width:851px){
  body.vg-admin-responsive .vg-branch-launch.vg-pc-legacy-branch-hidden{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}

/* Mobile keeps the original top-right RED/RAMAS launcher. */
@media(max-width:850px){
  body.vg-admin-responsive .vg-branch-launch.vg-pc-legacy-branch-hidden{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}


/* =====================================================================
   VEGAS GOLDEN 19.9 — PREMIUM PERIOD BAR + DIRECT CHILD REPORT SCOPE
   ===================================================================== */
@media(min-width:851px){
  body.vg-admin-responsive .vg-admin-quickrange{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    width:100%!important;
    margin:0 0 14px!important;
    padding:8px!important;
    border:1px solid #314157!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,#111a26,#0d141e)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
  }
  body.vg-admin-responsive .vg-admin-quickrange button{
    appearance:none!important;
    min-height:38px!important;
    padding:0 15px!important;
    border:1px solid #3d4d62!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,#1c2939,#141e2a)!important;
    color:#dce5ef!important;
    font-size:10px!important;
    font-weight:850!important;
    letter-spacing:.015em!important;
    cursor:pointer!important;
    box-shadow:0 4px 11px rgba(0,0,0,.16)!important;
    transition:transform .12s ease,border-color .12s ease,background .12s ease,color .12s ease!important;
  }
  body.vg-admin-responsive .vg-admin-quickrange button:hover{
    transform:translateY(-1px)!important;
    border-color:#657b95!important;
    background:linear-gradient(180deg,#25364b,#182536)!important;
  }
  body.vg-admin-responsive .vg-admin-quickrange button.active{
    border-color:#f0cf75!important;
    background:linear-gradient(180deg,#e6bc50,#b9851e)!important;
    color:#171208!important;
    box-shadow:0 5px 15px rgba(189,135,27,.22)!important;
  }

  /* General report native period buttons receive same premium treatment. */
  body.vg-admin-responsive .vg-period-native{
    display:flex!important;
    gap:8px!important;
    flex-wrap:wrap!important;
  }
}

@media(min-width:851px){
 body:not(.x) .vg-period-btn{
   min-height:38px!important;
   border-radius:8px!important;
   border:1px solid #3d4d62!important;
   background:linear-gradient(180deg,#1c2939,#141e2a)!important;
   color:#dce5ef!important;
   font-weight:850!important;
 }
 body:not(.x) .vg-period-btn:hover{
   border-color:#657b95!important;
   background:linear-gradient(180deg,#25364b,#182536)!important;
 }
}


/* =====================================================================
   VEGAS GOLDEN 22.0 — GOLDEN ADMIN MOBILE 2.0 / FINANCIAL REPORT
   Mobile-only. Desktop remains unchanged.
   ===================================================================== */

.vg-fin-mobile-top,
.vg-fin-mobile-periods,
.vg-fin-mobile-filter-title{display:none}

@media(max-width:850px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    background:#07111c!important;
  }

  body .with-sidebar{
    margin-left:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body .wrap{
    width:100%!important;
    max-width:430px!important;
    margin:0 auto!important;
    padding:0 14px 32px!important;
    overflow:visible!important;
  }

  body .vg-admin-banner{display:none!important}

  .vg-fin-mobile-top{
    position:sticky!important;
    top:0!important;
    z-index:80!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    height:82px!important;
    margin:0 -14px 18px!important;
    padding:12px 14px!important;
    border-bottom:1px solid #24384d!important;
    background:rgba(7,17,28,.97)!important;
    backdrop-filter:blur(14px)!important;
  }

  .vg-fin-mobile-menu,
  .vg-fin-mobile-branch{
    min-height:52px!important;
    border-radius:14px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-decoration:none!important;
    font-weight:900!important;
  }

  .vg-fin-mobile-menu{
    width:54px!important;
    border:1px solid #3c536c!important;
    background:#101d2c!important;
    color:#fff!important;
    font-size:24px!important;
  }

  .vg-fin-mobile-branch{
    padding:0 15px!important;
    border:1px solid #815f1b!important;
    background:linear-gradient(180deg,#172231,#101a27)!important;
    color:#f4cb61!important;
    font-size:11px!important;
    letter-spacing:.03em!important;
  }

  .pm-page-head{
    display:block!important;
    margin:0 0 14px!important;
    padding:0!important;
  }

  .pm-page-head .pm-eyebrow{
    font-size:11px!important;
    letter-spacing:.11em!important;
    color:#f0bd39!important;
  }

  .pm-page-head h1{
    margin:5px 0 6px!important;
    font-family:Georgia,serif!important;
    font-size:30px!important;
    line-height:1.03!important;
  }

  .pm-page-head p{
    margin:0!important;
    color:#9fb0c3!important;
    font-size:13px!important;
    line-height:1.45!important;
  }

  .pm-page-head>.pm-toolbar{display:none!important}

  .card{
    width:100%!important;
    max-width:100%!important;
    border-radius:18px!important;
    border:1px solid #2a3f56!important;
    background:linear-gradient(180deg,#111f30,#0d1927)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
    overflow:hidden!important;
  }

  .pm-filter-card{
    padding:14px!important;
    margin:0 0 14px!important;
  }

  .vg-fin-mobile-filter-title{
    display:block!important;
    margin:0 0 11px!important;
    font-size:18px!important;
    font-weight:950!important;
    color:#f4f7fb!important;
  }

  .vg-fin-mobile-periods{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-bottom:11px!important;
  }

  .vg-fin-mobile-periods button{
    min-height:46px!important;
    padding:7px 8px!important;
    border:1px solid #3a5068!important;
    border-radius:12px!important;
    background:#132235!important;
    color:#eaf1fa!important;
    font-size:11px!important;
    font-weight:850!important;
  }

  .vg-fin-mobile-periods button:last-child{
    grid-column:1/-1!important;
  }

  .vg-fin-mobile-periods button.active{
    border-color:#f7d36a!important;
    background:linear-gradient(180deg,#ffd45c,#d79b1f)!important;
    color:#15130c!important;
    box-shadow:0 5px 14px rgba(216,157,30,.22)!important;
  }

  #roleTabs.pm-tabs{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    margin:0 0 12px!important;
    overflow:visible!important;
  }

  #roleTabs .pm-tab{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:7px 4px!important;
    border-radius:11px!important;
    white-space:normal!important;
    text-align:center!important;
    font-size:10px!important;
    line-height:1.1!important;
  }

  .pm-filter-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }

  .pm-filter-grid .pm-field{
    width:100%!important;
    min-width:0!important;
    margin:0 0 11px!important;
  }

  .pm-filter-grid label{
    display:block!important;
    margin:0 0 6px!important;
    color:#c8d5e4!important;
    font-size:11px!important;
    font-weight:850!important;
  }

  .pm-filter-grid .input{
    width:100%!important;
    max-width:100%!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 11px!important;
    border:1px solid #40566f!important;
    border-radius:12px!important;
    background:#091522!important;
    color:#fff!important;
    font-size:14px!important;
  }

  .pm-filter-grid>.pm-toolbar{
    display:grid!important;
    grid-template-columns:1.2fr 1fr!important;
    gap:9px!important;
    width:100%!important;
    margin:2px 0 0!important;
  }

  .pm-filter-grid>.pm-toolbar .btn{
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    border-radius:12px!important;
    font-size:12px!important;
  }

  /* summary cards */
  .vg-fin-summary-section{
    padding:14px!important;
    margin-top:12px!important;
  }

  .vg-fin-summary-section .pm-eyebrow{font-size:10px!important}
  .vg-fin-summary-section h3{font-size:18px!important;margin:4px 0 11px!important}

  .vg-fin-summary-section .pm-summary-row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    width:100%!important;
  }

  .vg-fin-summary-section .pm-kpi{
    min-width:0!important;
    width:100%!important;
    padding:12px!important;
    border:1px solid #2e455e!important;
    border-radius:15px!important;
    background:#0c1825!important;
  }

  .vg-fin-summary-section .pm-kpi small{
    font-size:9px!important;
    line-height:1.15!important;
    color:#a9b8c9!important;
  }

  .vg-fin-summary-section .pm-kpi strong{
    display:block!important;
    margin-top:5px!important;
    font-size:17px!important;
    line-height:1.1!important;
    overflow-wrap:anywhere!important;
  }

  /* result layout becomes one column */
  .vg-fin-results-layout{
    display:block!important;
    margin-top:14px!important;
  }

  .vg-fin-results-layout>.card{
    margin-bottom:14px!important;
    padding:14px!important;
  }

  .vg-fin-results-layout h3{
    font-size:21px!important;
    margin:3px 0 10px!important;
  }

  .pm-table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  .vg-report-mobile-list{
    display:block!important;
    width:100%!important;
  }

  .vg2-user-card,
  .vg2-move-card{
    width:100%!important;
    margin:0 0 10px!important;
    padding:13px!important;
    border:1px solid #2c4258!important;
    border-radius:16px!important;
    background:#0c1724!important;
    overflow:hidden!important;
  }

  .vg2-user-head{
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    min-width:0!important;
  }

  .vg2-avatar{
    flex:0 0 48px!important;
    width:48px!important;
    height:48px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    font-size:13px!important;
    font-weight:1000!important;
    color:#fff!important;
  }

  .vg2-avatar-ADMIN,.vg2-avatar-SUPERADMIN{background:linear-gradient(180deg,#ffd15e,#b9850f)!important;color:#201804!important}
  .vg2-avatar-AGENT{background:linear-gradient(180deg,#5ba7ff,#246ac0)!important}
  .vg2-avatar-PLAYER{background:linear-gradient(180deg,#40d2c0,#148c7c)!important}

  .vg2-user-id{
    min-width:0!important;
    flex:1!important;
  }

  .vg2-user-id>strong{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:15px!important;
  }

  .vg2-role-badge{
    display:inline-block!important;
    margin-top:4px!important;
    padding:3px 8px!important;
    border-radius:999px!important;
    font-size:10px!important;
    font-weight:900!important;
  }

  .vg2-role-badge-ADMIN,.vg2-role-badge-SUPERADMIN{border:1px solid #d29a1c!important;color:#f1c247!important}
  .vg2-role-badge-AGENT{border:1px solid #3b9cff!important;color:#72b9ff!important}
  .vg2-role-badge-PLAYER{border:1px solid #22bfa3!important;color:#4be0c5!important}

  .vg2-metrics{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:12px!important;
  }

  .vg2-metric{
    min-width:0!important;
    padding:10px!important;
    border:1px solid #263a50!important;
    border-radius:12px!important;
    background:#09131f!important;
  }

  .vg2-metric small{
    display:block!important;
    font-size:9px!important;
    line-height:1.1!important;
    color:#94a6ba!important;
    font-weight:850!important;
  }

  .vg2-metric b{
    display:block!important;
    margin-top:4px!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    font-size:14px!important;
    line-height:1.1!important;
  }

  .vg2-wide{grid-column:1/-1!important}

  /* quick net card */
  #netExplain{
    padding:13px!important;
    border:1px solid #2e455e!important;
    border-radius:14px!important;
    background:#0b1622!important;
    font-size:13px!important;
    line-height:1.45!important;
  }

  #miniChart{display:none!important}

  /* movements */
  .vg2-move-top{
    display:flex!important;
    justify-content:space-between!important;
    align-items:flex-start!important;
    gap:10px!important;
  }

  .vg2-move-top>div{min-width:0!important}
  .vg2-move-top strong{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:15px!important;
  }

  .vg2-move-top time{
    flex:0 0 auto!important;
    max-width:45%!important;
    color:#98aabd!important;
    font-size:9px!important;
    line-height:1.2!important;
    text-align:right!important;
  }

  .vg2-move-type{
    display:inline-block!important;
    margin-top:9px!important;
    padding:5px 9px!important;
    border-radius:999px!important;
    font-size:10px!important;
    font-weight:950!important;
  }

  .vg2-move-type.load{
    background:rgba(34,194,138,.14)!important;
    border:1px solid #1f9f74!important;
    color:#48dca5!important;
  }

  .vg2-move-type.unload{
    background:rgba(227,87,102,.13)!important;
    border:1px solid #af4250!important;
    color:#ff8290!important;
  }

  .vg2-move-row{
    display:flex!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-top:9px!important;
    font-size:12px!important;
    line-height:1.3!important;
  }

  .vg2-move-row span{
    color:#9fb0c3!important;
    flex:0 0 auto!important;
  }

  .vg2-move-row b{
    min-width:0!important;
    max-width:68%!important;
    text-align:right!important;
    overflow-wrap:anywhere!important;
  }

  /* paginator top + bottom */
  #finPager,
  #finPagerBottom{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    width:100%!important;
    text-align:center!important;
  }

  #finPager{
    margin-top:8px!important;
  }

  #finPagerBottom{
    margin-top:12px!important;
  }

  #finPager .btn,
  #finPagerBottom .btn{
    width:100%!important;
    min-height:44px!important;
    border-radius:11px!important;
  }

  #finPager .muted,
  #finPagerBottom .muted{
    display:block!important;
    padding:3px 0!important;
    font-size:11px!important;
  }

  /* page size block stacks and stops squeezing */
  #finPageSize{
    min-width:86px!important;
  }

  /* absolute protection: no horizontal scrolling from tables/layout */
  .pm-report-layout,
  .pm-summary-row,
  .pm-filter-grid,
  .toolbar,
  .pm-toolbar,
  .vg-report-mobile-list,
  .vg-fin-summary-after{
    max-width:100%!important;
  }

  table.pm-table{display:none!important}
}

@media(max-width:370px){
  body .wrap{padding-left:10px!important;padding-right:10px!important}
  .vg-fin-mobile-top{margin-left:-10px!important;margin-right:-10px!important;padding-left:10px!important;padding-right:10px!important}
  #roleTabs.pm-tabs{grid-template-columns:1fr!important}
  .vg-fin-summary-section .pm-summary-row{grid-template-columns:1fr!important}
  .vg2-metrics{grid-template-columns:1fr!important}
  .vg2-wide{grid-column:auto!important}
}


/* =====================================================================
   VEGAS GOLDEN 22.1 — GOLDEN ADMIN MOBILE 2.0 COMPLETE
   Mobile-only redesign for network, dashboards, history, profile,
   finance and security. Desktop stays unchanged.
   ===================================================================== */

@media(max-width:850px){
  html,body{overflow-x:hidden!important;width:100%!important;max-width:100%!important}

  /* universal admin mobile geometry */
  .with-sidebar,.pm-agent-main{margin-left:0!important;width:100%!important;max-width:100%!important}
  .wrap,.pm-agent-wrap{width:100%!important;max-width:430px!important;margin:0 auto!important;padding:14px!important}
  .sidebar,.pm-agent-side{max-width:min(84vw,320px)!important}
  .vg-admin-banner,.pm-agent-hero{display:none!important}
  .pm-page-head{display:block!important;margin:0 0 14px!important}
  .pm-page-head h1{font-size:30px!important;line-height:1.04!important}
  .pm-page-head p{font-size:13px!important;line-height:1.45!important}
  .pm-page-head>.pm-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px!important}
  .pm-page-head>.pm-toolbar .btn{width:100%!important;min-height:46px!important}
  .card{max-width:100%!important;border-radius:17px!important}
  .input{max-width:100%!important;min-height:46px!important;font-size:14px!important;border-radius:11px!important}
  .btn{min-height:44px!important;border-radius:11px!important}

  /* Network */
  body:has(#tableWrap) .pm-kpis{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important
  }
  body:has(#tableWrap) .pm-kpi{
    width:100%!important;min-width:0!important;padding:12px!important;border-radius:15px!important
  }
  body:has(#tableWrap) .pm-filter-grid{
    display:grid!important;grid-template-columns:1fr!important;gap:10px!important
  }
  body:has(#tableWrap) #createBar .btn{
    width:100%!important;min-height:48px!important
  }
  .vg2-network-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .vg2-network-card{
    position:relative!important;width:100%!important;padding:13px!important;
    border:1px solid #2c4258!important;border-radius:17px!important;
    background:linear-gradient(180deg,#101e2e,#0b1622)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important
  }
  .vg2-network-head{display:flex!important;align-items:center!important;gap:10px!important;position:relative!important}
  .vg2-network-avatar{width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-weight:1000!important}
  .vg2-avatar-SUPERADMIN,.vg2-avatar-ADMIN{background:linear-gradient(180deg,#ffd15e,#b9850f)!important;color:#211704!important}
  .vg2-avatar-AGENT{background:linear-gradient(180deg,#5ba7ff,#246ac0)!important;color:#fff!important}
  .vg2-avatar-PLAYER{background:linear-gradient(180deg,#40d2c0,#148c7c)!important;color:#fff!important}
  .vg2-network-ident{min-width:0!important;flex:1!important}
  .vg2-network-ident strong{display:block!important;font-size:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .vg2-network-ident small{display:block!important;margin-top:4px!important;color:#8da0b5!important;font-size:10px!important}
  .vg2-more{width:38px!important;height:38px!important;border:1px solid #3b5067!important;border-radius:11px!important;background:#101c2a!important;color:#fff!important;font-size:20px!important}
  .vg2-actions-menu{right:0!important;top:43px!important;z-index:30!important}
  .vg2-role-badge{display:inline-block!important;margin-top:4px!important;padding:3px 8px!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important}
  .vg2-role-badge-ADMIN,.vg2-role-badge-SUPERADMIN{border:1px solid #d29a1c!important;color:#f1c247!important}
  .vg2-role-badge-AGENT{border:1px solid #3b9cff!important;color:#72b9ff!important}
  .vg2-role-badge-PLAYER{border:1px solid #22bfa3!important;color:#4be0c5!important}
  .vg2-network-balance{margin-top:12px;padding:11px;border:1px solid #2a4056;border-radius:13px;background:#091522!important}
  .vg2-network-balance small{display:block;color:#8fa2b8;font-size:9px;font-weight:900!important}
  .vg2-network-balance strong{display:block;margin-top:3px;font-size:20px;color:#f0bd39!important}
  .vg2-network-meta{display:flex!important;justify-content:space-between!important;gap:8px!important;margin-top:10px!important;font-size:10px!important;color:#9eb0c3!important}
  .vg2-network-meta .active{color:#49d696!important}.vg2-network-meta .blocked{color:#ff7a85!important}
  .vg2-wallet-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:11px!important}
  .vg2-wallet-actions button,.vg2-branch-open{min-height:44px!important;border-radius:11px!important;font-weight:900!important}
  .vg2-wallet-actions .load{border:1px solid #b9861f!important;background:linear-gradient(180deg,#f0c64f,#c78d1a)!important;color:#161109!important}
  .vg2-wallet-actions .unload{border:1px solid #405873!important;background:#132337!important;color:#dce8f5!important}
  .vg2-branch-open{width:100%!important;margin-top:8px!important;border:1px solid #405873!important;background:#0d1a28!important;color:#dce8f5!important}

  /* Historial */
  .history-filter-grid{grid-template-columns:1fr!important;gap:10px!important}
  .history-filter-grid .row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .pm-summary-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;width:100%!important}
  .pm-summary-row .pm-kpi{min-width:0!important;width:100%!important;padding:12px!important;border-radius:14px!important}
  .history-tabs{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .history-tabs .btn{width:100%!important}
  .history-sec{padding:13px!important}
  .history-sec>.toolbar{display:block!important}
  .history-sec>.toolbar label{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:8px!important}
  .history-pager{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;text-align:center!important}
  .history-pager .btn{width:100%!important}
  .vg2-history-card{width:100%!important;margin:0 0 9px!important;padding:12px!important;border:1px solid #2c4258!important;border-radius:15px!important;background:#0c1724!important}
  .vg2-history-top{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:flex-start!important}
  .vg2-history-top strong{font-size:14px!important}.vg2-history-top time{font-size:9px!important;color:#95a8bb!important;text-align:right!important}
  .vg2-history-row{display:flex!important;justify-content:space-between!important;gap:10px!important;margin-top:9px!important;font-size:12px!important}
  .vg2-history-row span{color:#9fb0c3!important}.vg2-history-row b{text-align:right!important;max-width:68%!important;overflow-wrap:anywhere!important}

  /* Admin dashboard */
  body:has(#myBal) .pm-kpis{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important
  }
  body:has(#myBal) .pm-kpi{width:100%!important;min-width:0!important;padding:12px!important}
  body:has(#myBal) .pm-report-layout{display:block!important}
  body:has(#myBal) .sector-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
  body:has(#myBal) .sector{min-width:0!important;padding:12px!important;border-radius:14px!important}
  body:has(#myBal) .sector h3{font-size:14px!important}
  body:has(#myBal) .sector p{font-size:10px!important;line-height:1.35!important}

  /* Agent center 20.5 custom layout */
  body.vg-agent205 .vga-shell{display:block!important}
  body.vg-agent205 .vga-main{width:100%!important}
  body.vg-agent205 .vga-top{padding:10px 12px!important}
  body.vg-agent205 .vga-wrap{max-width:430px!important;padding:13px!important}
  body.vg-agent205 .vga-head h1{font-size:30px!important}
  body.vg-agent205 .vga-kpis{grid-template-columns:1fr 1fr!important;gap:9px!important}
  body.vg-agent205 .vga-grid{grid-template-columns:1fr!important}
  body.vg-agent205 .vga-access{grid-template-columns:1fr!important}
  body.vg-agent205 .vga-kpi{padding:12px!important}

  /* Account/profile */
  body.vg-player-profile .wrap,body:has(#userName) .wrap{max-width:430px!important;padding:14px!important}
  body:has(#userName) .pm-kpis{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
  body:has(#userName) .pm-kpi{width:100%!important;min-width:0!important;padding:12px!important}
  body:has(#userName) .pm-report-layout{display:block!important}
  body:has(#userName) .pm-report-layout>.card{margin-bottom:12px!important;padding:14px!important}
  body:has(#userName) .note{border-radius:12px!important;padding:11px!important}
  body:has(#userName) .pm-form{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}

  /* Finance/security pages — no horizontal table overflow */
  body:has(.pm-table-wrap) .pm-table-wrap{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body:has(.pm-table-wrap) .pm-filter-grid{grid-template-columns:1fr!important}
  body:has(.pm-table-wrap) .toolbar{flex-wrap:wrap!important;gap:8px!important}
  body:has(.pm-table-wrap) .toolbar .btn{flex:1 1 140px!important}
  body:has(.pm-table-wrap) table.pm-table{font-size:10px!important;min-width:0!important;width:100%!important;table-layout:fixed!important}
  body:has(.pm-table-wrap) table.pm-table th,body:has(.pm-table-wrap) table.pm-table td{padding:7px 5px!important;overflow-wrap:anywhere!important;white-space:normal!important}

  /* Security notes/listing */
  .note{max-width:100%!important;overflow-wrap:anywhere!important}

  /* Bottom spacing so mobile content breathes */
  main.wrap,main.pm-agent-wrap{padding-bottom:32px!important}
}

@media(max-width:370px){
  .wrap,.pm-agent-wrap{padding-left:10px!important;padding-right:10px!important}
  .pm-kpis,.pm-summary-row,body:has(#myBal) .pm-kpis,body:has(#userName) .pm-kpis,body.vg-agent205 .vga-kpis{grid-template-columns:1fr!important}
  body:has(#myBal) .sector-grid{grid-template-columns:1fr!important}
  .vg2-wallet-actions{grid-template-columns:1fr!important}
}

/* VEGAS GOLDEN 22.2 — mobile cleanup + authorized branch navigation */
.vg22-history-periods{display:none}
@media(max-width:850px){
 body:has(.vg-fin-mobile-top)>.vg-mobile-topbar,body:has(.vg-fin-mobile-top) .vg-mobile-topbar{display:none!important}
 .vg22-agent-activity,.vg22-history-branch{padding:14px!important;border-radius:17px!important}
 .vg22-branch-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
 .vg22-agent-summary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:11px!important}
 .vg22-agent-summary .pm-kpi{min-width:0!important;width:100%!important;padding:11px!important}
 #vg22AgentMovements{margin-top:11px!important;overflow:visible!important}
 .vg22-history-periods{display:block!important;padding:13px!important}
 #vg22HistoryPeriods .vg-fin-mobile-periods{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important}
 #vg22HistoryPeriods .vg-fin-mobile-periods button{min-height:46px!important;border:1px solid #3a5068!important;border-radius:12px!important;background:#132235!important;color:#eaf1fa!important;font-weight:850!important}
 #vg22HistoryPeriods .vg-fin-mobile-periods button:last-child{grid-column:1/-1!important}
 #vg22HistoryPeriods .vg-fin-mobile-periods button.active{background:linear-gradient(180deg,#ffd45c,#d79b1f)!important;color:#15130c!important;border-color:#f7d36a!important}
}
@media(max-width:370px){.vg22-agent-summary{grid-template-columns:1fr!important}}


/* =====================================================================
   VEGAS GOLDEN 22.3 — MOBILE NAV + HISTORY FINAL FIX
   ===================================================================== */
@media(max-width:850px){

  /* REPORTES FINANCIEROS:
     keep ONLY the custom 22.x mobile header */
  body:has(.vg-fin-mobile-top) .vg-branch-launch,
  body:has(.vg-fin-mobile-top) .vg-mobile-topbar,
  body:has(.vg-fin-mobile-top) .vg-mini-brand{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .vg-fin-mobile-top{
    display:flex!important;
    position:sticky!important;
    top:0!important;
    z-index:5000!important;
  }

  /* HISTORIAL:
     no horizontal carousel / no side swipe for main tabs */
  body:has(.history-tabs) .history-tabs{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    margin:12px 0!important;
    padding:0!important;
    overflow:visible!important;
    overflow-x:visible!important;
    white-space:normal!important;
    transform:none!important;
  }

  body:has(.history-tabs) .history-tabs .btn{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    margin:0!important;
    padding:10px 12px!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:normal!important;
    text-align:center!important;
    overflow:visible!important;
    transform:none!important;
    flex:none!important;
  }

  body:has(.history-tabs) .history-tabs::-webkit-scrollbar{
    display:none!important;
  }

  /* Any parent around history tabs must never create horizontal scrolling */
  body:has(.history-tabs) .wrap,
  body:has(.history-tabs) .with-sidebar,
  body:has(.history-tabs) main,
  body:has(.history-tabs) .card{
    max-width:100%!important;
    overflow-x:hidden!important;
  }
}