/* Console da plataforma NEXLY: complementos aos componentes hx- (mesma identidade visual). */
.pl-auth{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(ellipse at 70% 0,#0b3a7055,transparent 55%),var(--hx-bg)}
.pl-auth-card{width:min(440px,100%);background:linear-gradient(160deg,#0a1f3c,#06122a);border:1px solid #1d4f86;border-radius:16px;padding:28px 24px;box-shadow:0 20px 60px #00000066}
.pl-auth-card h1{font-size:24px;margin:10px 0 6px}.pl-auth-card .hx-brand{margin-bottom:6px}
.pl-field{display:grid;gap:6px;margin-bottom:14px;font-size:13px}.pl-field input,.pl-field select,.pl-field textarea{width:100%;min-height:44px;padding:10px 12px;border-radius:8px;border:1px solid #24496f;background:#051226;color:var(--hx-text)}
.pl-field textarea{min-height:90px;resize:vertical}.pl-field small{color:var(--hx-muted);font-size:11px}
.pl-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pl-grow{flex:1 1 220px}
.pl-loading{display:flex;align-items:center;gap:10px;color:var(--hx-muted);padding:28px 0}
.pl-loading:before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid #1d4f86;border-top-color:var(--hx-cyan);animation:pl-spin 1s linear infinite}
@keyframes pl-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.pl-loading:before{animation:none}}
.pl-toast{position:fixed;z-index:200;right:16px;bottom:16px;max-width:min(420px,calc(100vw - 32px));padding:12px 16px;border-radius:10px;border:1px solid #1d4f86;background:#071a33;box-shadow:0 10px 30px #0008}
.pl-toast.ok{border-color:#1f8a63}.pl-toast.err{border-color:#a9334a}
.pl-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;font-family:ui-monospace,Consolas,monospace;font-size:14px;background:#051226;border:1px dashed #2b5a8a;border-radius:10px;padding:12px;margin:12px 0}
.pl-secret{word-break:break-all;font-family:ui-monospace,Consolas,monospace;background:#051226;border:1px solid #24496f;border-radius:8px;padding:10px;margin:8px 0}
.pl-steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:10px}.pl-steps li{counter-increment:s;padding-left:38px;position:relative}
.pl-steps li:before{content:counter(s);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#0b4086;color:#fff;font-size:12px}
.pl-money{font-variant-numeric:tabular-nums;white-space:nowrap}
.pl-perm{border:1px solid #6b5a2b;background:#2a2410;color:#ffe2a3;border-radius:10px;padding:12px 14px}
.pl-mono{font-family:ui-monospace,Consolas,monospace;font-size:12px;word-break:break-all}
@media (max-width:900px){.pl-codes{grid-template-columns:1fr}}
/* Ícones do menu (mesmos traços do visual antigo da Central de Redes). */
.hx-nav a .pl-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.hx-nav a[aria-current=page] .pl-icon{color:var(--hx-cyan)}
.hx-main .nx-hero{margin:0 0 18px;border-radius:14px}
.hx-main .nt-hero{margin:0 0 18px;border-radius:14px}
.hx-main .nx-globe-toggle{position:absolute;z-index:3;right:12px;bottom:10px;padding:5px 10px;font-size:11px;border-radius:8px;border:1px solid #24496f;background:#051226cc;color:#c3d5ea}
.hx-main .nx-globe-toggle:hover{border-color:var(--hx-cyan);color:#fff}
@media (max-width:860px){.hx-main .nx-values{display:none}}
/* ---------- Painel no estilo da versão de referência: menu em grupos, busca, recolher, ambiente e trilha ---------- */
.pl-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hx-sidebar{overflow-y:auto;gap:14px;scrollbar-width:thin}
.hx-collapse{width:100%;justify-content:center;border-color:#1f4f80;font-weight:600}
.hx-nav-search{display:grid;gap:6px;font-size:11px;color:#9fb6d3}.hx-nav-search input{width:100%;min-height:40px;padding:8px 12px;border-radius:8px;border:1px solid #1f4f80;background:#051226;color:var(--hx-text);font-size:12.5px}.hx-nav-search input:focus{border-color:var(--hx-cyan);outline:none}
.hx-nav{gap:4px}.hx-group{display:grid;gap:2px}
.hx-group-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;min-height:44px;border-radius:8px;border:1px solid transparent;background:transparent;color:#e4efff;font-size:14px;font-weight:650;text-align:left}
.hx-group-btn>span{flex:1}.hx-group-btn:hover{background:#102849}.hx-group-here>.hx-group-btn{background:#0b2343;border-color:#16406f}
.hx-group-btn .pl-icon:last-child{width:14px;height:14px;flex-basis:14px;transition:transform .15s;opacity:.8}.hx-group-btn[aria-expanded=true] .pl-icon:last-child{transform:rotate(180deg)}
.hx-group-items{display:grid;gap:2px;padding:2px 0 6px 14px}.hx-group-items a{min-height:38px;padding:8px 12px;font-size:12.5px}
.hx-group-single a{font-weight:650;color:#e4efff;font-size:14px}
.hx-nav-none{margin:8px 12px}
.hx-side-foot .hx-btn{justify-content:flex-start;width:100%}
.hx-topbar{text-transform:none;letter-spacing:0;font-size:12px;position:sticky;top:0;z-index:20;background:#020611ee;backdrop-filter:blur(6px)}
.hx-env{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid #6b5a2b;background:#2a2410;color:#ffe2a3;font-size:11.5px}.hx-env i{width:7px;height:7px;border-radius:50%;background:var(--hx-amber);box-shadow:0 0 8px #ffc35a88}
.hx-env.hx-env-prod{border-color:#1f6f53;background:#06281d;color:#bff5dd}.hx-env.hx-env-prod i{background:var(--hx-green)}
.hx-top-user{color:#a9bfdb;font-size:12px;text-align:right}.hx-top-user b{color:#fff;font-weight:600}
.hx-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:11.5px;color:#88a2c4;margin-bottom:14px}.hx-crumbs>*:not(:last-child):after{content:"/";margin-left:8px;color:#4d6688}.hx-crumbs span:empty{display:none}.hx-crumbs b{color:#cfe4ff;font-weight:600}
@media (min-width:861px){
 body.hx-collapsed .hx-sidebar{width:78px;padding:20px 10px}body.hx-collapsed .hx-workspace{margin-left:78px}
 body.hx-collapsed .hx-brand div,body.hx-collapsed .hx-who,body.hx-collapsed .hx-nav-search,body.hx-collapsed .hx-group-btn,body.hx-collapsed .hx-nav a span,body.hx-collapsed .hx-collapse span,body.hx-collapsed .hx-side-foot span{display:none}
 body.hx-collapsed .hx-brand{justify-content:center}body.hx-collapsed .hx-group-items[hidden]{display:grid!important}body.hx-collapsed .hx-group-items{padding:0}
 body.hx-collapsed .hx-nav a,body.hx-collapsed .hx-side-foot .hx-btn{justify-content:center;padding:10px 0}
}
.hx-panel h2{display:flex;align-items:center;gap:9px}.hx-panel h2 .pl-icon{color:var(--hx-cyan)}
.pl-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:10px}.pl-panel-head h2{margin:0}.pl-panel-head .hx-link{color:#5fb8ff;font-size:12.5px}
.pl-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.pl-kpi{border:1px solid #1d5a99;border-radius:12px;padding:14px 16px;background:linear-gradient(160deg,#0a2242,#061429);box-shadow:inset 0 1px #ffffff10,0 8px 22px #0006;min-width:0}
.pl-kpi header{display:flex;align-items:center;gap:10px;font-size:12px;color:#cfe0f5;margin-bottom:10px}.pl-kpi header .pl-icon{width:30px;height:30px;flex-basis:30px;padding:6px;border-radius:8px;background:#0b3466;color:var(--hx-cyan)}
.pl-kpi b{display:block;font-size:22px;font-weight:700;color:#fff;overflow-wrap:anywhere}.pl-kpi small{display:block;color:var(--hx-muted);font-size:11px;margin-top:4px}
.pl-dash{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px}
.pl-bars{width:100%;height:auto;display:block}.pl-bars rect{fill:#1b7cf0}.pl-bars rect:hover{fill:var(--hx-cyan)}.pl-bars text{fill:#8fb0d3;font-size:12px}
.pl-chart-empty{display:grid;justify-items:center;gap:8px;text-align:center;padding:34px 16px;border:1px dashed #1f4163;border-radius:12px;background:repeating-linear-gradient(0deg,transparent 0 39px,#0f243d 39px 40px)}.pl-chart-empty .pl-icon{width:38px;height:38px;padding:8px;border:1px solid #2b6fb0;border-radius:10px;color:var(--hx-cyan)}.pl-chart-empty span{color:var(--hx-muted);font-size:12px;max-width:340px}
.pl-donut-wrap{position:relative;width:170px;margin:4px auto 14px}.pl-donut{width:170px;height:170px;transform:rotate(-90deg)}.pl-donut circle{fill:none;stroke-width:5}.pl-donut-bg{stroke:#123a66}
.pl-seg.pl-c0{stroke:#1b7cf0}.pl-seg.pl-c1{stroke:#47e4ea}.pl-seg.pl-c2{stroke:#ac7aff}.pl-seg.pl-c3{stroke:#33e29b}
.pl-donut-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:0 26px}.pl-donut-center b{font-size:15px}.pl-donut-center span{font-size:10.5px;color:var(--hx-muted)}
.pl-legend{list-style:none;margin:0;padding:0;display:grid}.pl-legend li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #12283f}.pl-legend li:last-child{border-bottom:0}.pl-legend span{flex:1;font-size:12.5px}.pl-legend small{display:block;color:var(--hx-muted);font-size:10.5px}
.pl-legend i{width:9px;height:9px;border-radius:50%}.pl-legend i.pl-c0{background:#1b7cf0}.pl-legend i.pl-c1{background:#47e4ea}.pl-legend i.pl-c2{background:#ac7aff}.pl-legend i.pl-c3{background:#33e29b}
.pl-mini{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:8px}.pl-mini div{border:1px solid #173452;border-radius:10px;padding:8px 12px;background:#06142780}.pl-mini span{display:block;font-size:10.5px;color:var(--hx-muted)}.pl-mini b{font-size:14px}
.pl-game-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.pl-game-mini>div{border:1px solid #173452;border-radius:12px;padding:12px 14px;background:#06142780;display:grid;gap:8px;justify-items:start}
.pl-game-mini dl{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:0;font-size:12px;width:100%}.pl-game-mini dt{color:var(--hx-muted)}.pl-game-mini dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.pl-game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-bottom:18px}
.pl-game-cover{display:flex;align-items:center;gap:12px;padding:26px 20px;min-height:120px;border-bottom:1px solid #15314f;background:radial-gradient(ellipse at 80% 20%,#47e4ea33,transparent 55%),linear-gradient(135deg,#0b3a7a,#071a36)}
.pl-game-cover.pl-game-fruitwin{background:radial-gradient(ellipse at 80% 20%,#ffc35a33,transparent 55%),linear-gradient(135deg,#5a1f6b,#1a0d33)}
.pl-game-cover .pl-icon{width:44px;height:44px;flex-basis:44px;color:#fff}.pl-game-cover strong{font-size:26px;letter-spacing:1px}
.pl-copy{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pl-copy code{flex:1 1 200px;min-width:0;overflow-wrap:anywhere;background:#050f1f;border:1px solid #1a3756;border-radius:8px;padding:7px 10px;font-size:11.5px;color:#bfe9ff}.pl-copy .hx-btn{min-height:34px;padding:5px 10px}
.hx-table tr.pl-total td{background:#08203a;border-top:1px solid #1d4f86}
@media (max-width:1200px){.pl-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pl-dash{grid-template-columns:1fr}.pl-mini{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.hx-collapse,.hx-top-user{display:none}.pl-kpis{grid-template-columns:1fr}.pl-mini{grid-template-columns:1fr}.pl-game-grid{grid-template-columns:1fr}.hx-env{font-size:10.5px}}
@media (prefers-reduced-motion:reduce){.hx-group-btn .pl-icon:last-child{transition:none}}
@media (min-width:861px){.hx-topbar .hx-menu{display:none}}
.pl-mt{margin-top:14px}.pl-m0{margin:0}