/* NexoPlay V28 Final - admin, mobile, contrast and performance polish */
:root{--nx28-bg:#071225;--nx28-card:#0d1b32;--nx28-line:rgba(133,158,207,.16);--nx28-text:#eef5ff;--nx28-muted:#8fa3c1;--nx28-purple:#7558ff;--nx28-cyan:#2bc4ef;--nx28-green:#43d38b;--nx28-warn:#f8b84e;--nx28-danger:#ff6b7d}
.admin-panel{z-index:100000!important}.admin-modal{width:min(1500px,100vw)!important;height:min(960px,100dvh)!important;max-height:100dvh!important;border-radius:18px!important;overflow:hidden!important}.admin-dashboard{min-height:0!important}.admin-main{min-width:0!important;overflow:auto!important;overscroll-behavior:contain}.admin-sidebar{overflow:auto!important;overscroll-behavior:contain}.admin-nav button{min-height:42px!important;text-align:left!important}.admin-nav #adminNavOps{background:linear-gradient(135deg,rgba(117,88,255,.16),rgba(43,196,239,.08))!important;border-color:rgba(117,88,255,.2)!important}.admin-nav #adminNavOps.active{background:linear-gradient(135deg,#664cff,#269fd5)!important;color:#fff!important}
.nx28-head,.nx28-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.nx28-head h3{margin:3px 0 4px;font-size:24px}.nx28-head p,.nx28-card-head p{margin:0}.nx28-loading,.nx28-empty{padding:28px;text-align:center;color:var(--nx28-muted);font-size:12px}.nx28-subtabs{display:flex;gap:7px;overflow:auto;padding:13px 0 16px;scrollbar-width:thin;position:sticky;top:0;z-index:5;background:linear-gradient(180deg,var(--admin-bg,#0a1426) 78%,transparent)}.nx28-subtabs button{white-space:nowrap;border:1px solid var(--nx28-line);background:rgba(13,27,50,.75);color:#aebed6;border-radius:11px;padding:9px 12px;font-size:10px;font-weight:850;cursor:pointer}.nx28-subtabs button.active{background:linear-gradient(135deg,#654bff,#2b9ed4);color:#fff;border-color:transparent}.nx28-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.nx28-kpis.small{grid-template-columns:repeat(5,minmax(0,1fr))}.nx28-kpis article{border:1px solid var(--nx28-line);background:linear-gradient(145deg,rgba(15,31,57,.96),rgba(9,21,41,.92));border-radius:15px;padding:15px;min-width:0}.nx28-kpis article span{display:block;color:#8da1bf;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.nx28-kpis article b{display:block;margin:7px 0 3px;font-size:20px;color:#f2f7ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nx28-kpis article small{color:#8295b2;font-size:9px}.nx28-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.nx28-alert{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--nx28-line);border-radius:12px;padding:10px 11px;margin:8px 0;background:rgba(8,20,39,.65)}.nx28-alert>span{font-size:18px}.nx28-alert div{min-width:0}.nx28-alert b,.nx28-alert small{display:block}.nx28-alert b{font-size:10px;color:#eef5ff}.nx28-alert small{font-size:9px;color:#91a5c1;margin-top:3px;line-height:1.4}.nx28-alert.warn{border-color:rgba(248,184,78,.26);background:rgba(248,184,78,.065)}.nx28-alert.danger{border-color:rgba(255,107,125,.28);background:rgba(255,107,125,.065)}.nx28-alert.info{border-color:rgba(43,196,239,.22);background:rgba(43,196,239,.055)}.nx28-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nx28-actions button,.nx28-search-row,.nx28-provider-metrics button,.nx28-rank-users button,.nx28-table button,.nx28-quick-row button{border:1px solid var(--nx28-line);background:#101f38;color:#e9f2ff;border-radius:10px;padding:9px 10px;font-size:9px;font-weight:850;cursor:pointer}.nx28-actions button:hover,.nx28-search-row:hover{border-color:rgba(117,88,255,.48);background:#142646}.nx28-provider-metrics{display:grid;gap:7px}.nx28-provider-metrics button{display:flex;justify-content:space-between;gap:12px;text-align:left}.nx28-provider-metrics button span{color:#8fa3c1;font-weight:650}.nx28-search,.nx28-mini-search,.nx28-rank-form input,.nx28-rank-form textarea,.nx28-rank-form select,#nx28OpsBody input,#nx28OpsBody textarea,#nx28OpsBody select,.nx28-user-modal input,.nx28-user-modal select{width:100%;box-sizing:border-box;background:#0c1a31;color:#eef5ff;border:1px solid rgba(128,153,204,.22);border-radius:10px;padding:10px 11px;outline:none;font:inherit}.nx28-search:focus,.nx28-mini-search:focus,#nx28OpsBody input:focus,#nx28OpsBody textarea:focus,#nx28OpsBody select:focus{border-color:#7159ff;box-shadow:0 0 0 3px rgba(113,89,255,.1)}.nx28-search-row{width:100%;display:flex;align-items:center;gap:10px;text-align:left;margin-top:7px}.nx28-search-row>span{font-size:20px}.nx28-search-row b,.nx28-search-row small{display:block}.nx28-search-row small{color:#8fa3c1;margin-top:2px;font-weight:650}.nx28-table-wrap{overflow:auto;border:1px solid var(--nx28-line);border-radius:12px}.nx28-table{width:100%;border-collapse:collapse;min-width:720px}.nx28-table th,.nx28-table td{padding:10px;border-bottom:1px solid rgba(128,153,204,.1);text-align:left;font-size:9px;color:#dfe9f8}.nx28-table th{color:#8297b6;text-transform:uppercase;letter-spacing:.04em;background:#0b1930;position:sticky;top:0}.nx28-table td small{display:block;color:#7f93b1;margin-top:3px}.nx28-audit{display:grid;gap:7px}.nx28-audit>div,.nx28-mini-row,.nx28-quick-row{border:1px solid var(--nx28-line);border-radius:11px;padding:10px;background:rgba(9,21,40,.6)}.nx28-audit span{font-weight:900;color:#76dcff;margin-right:8px}.nx28-audit b{font-size:9px}.nx28-audit small{display:block;color:#7f93b1;margin-top:4px}.nx28-quick-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:7px}.nx28-quick-row b,.nx28-quick-row small{display:block}.nx28-quick-row small{white-space:pre-line;color:#90a4c1;margin-top:4px;line-height:1.4}.nx28-health{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(128,153,204,.09)}.nx28-health i{width:10px;height:10px;border-radius:50%;background:#6e7f9a;box-shadow:0 0 0 4px rgba(110,127,154,.1)}.nx28-health i.ok{background:#43d38b;box-shadow:0 0 0 4px rgba(67,211,139,.1)}.nx28-health i.bad{background:#ff6b7d;box-shadow:0 0 0 4px rgba(255,107,125,.1)}.nx28-health b,.nx28-health small{display:block}.nx28-health small{color:#8fa3c1;margin-top:2px}.nx28-rank-list{display:grid;gap:8px}.nx28-rank-card{border:1px solid var(--nx28-line);border-radius:12px;background:rgba(8,20,39,.62);overflow:hidden}.nx28-rank-card summary{display:flex;align-items:center;gap:10px;padding:11px;cursor:pointer}.nx28-rank-card summary>span{font-size:20px}.nx28-rank-card summary b,.nx28-rank-card summary small{display:block}.nx28-rank-card summary small{color:#8297b6;margin-top:2px}.nx28-rank-form{padding:0 11px 12px;display:grid;gap:8px}.nx28-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.nx28-form-grid label{font-size:8px;color:#8fa3c1}.nx28-rank-users{display:grid;gap:7px;max-height:650px;overflow:auto}.nx28-rank-users>div{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--nx28-line);border-radius:11px;padding:9px}.nx28-rank-users b,.nx28-rank-users small{display:block}.nx28-rank-users small{color:#8498b6;margin-top:2px}.nx28-modal-bg{position:fixed;inset:0;background:rgba(2,7,16,.82);z-index:120000;display:none;align-items:center;justify-content:center;padding:12px}.nx28-modal-bg.open{display:flex}.nx28-user-modal{position:relative;width:min(960px,100%);max-height:92dvh;overflow:auto;border:1px solid rgba(128,153,204,.2);border-radius:18px;background:#09162b;color:#eef5ff;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.nx28-x{position:absolute;right:12px;top:12px;width:35px;height:35px;border-radius:10px;border:1px solid var(--nx28-line);background:#10203a;color:#fff;font-size:20px;cursor:pointer}.nx28-user-hero{display:flex;justify-content:space-between;gap:14px;padding:10px 42px 15px 0}.nx28-user-hero span{font-size:8px;color:#7c91b0;font-weight:900}.nx28-user-hero h3{margin:4px 0;font-size:22px}.nx28-user-hero p{margin:0;color:#8fa3c1;font-size:9px}.nx28-user-hero>b{align-self:center;background:rgba(117,88,255,.13);border:1px solid rgba(117,88,255,.28);border-radius:999px;padding:7px 10px;color:#c6baff}.nx28-mini-row{margin:6px 0}.nx28-mini-row b,.nx28-mini-row span{display:block}.nx28-mini-row span{color:#879bb8;margin-top:3px;font-size:9px}.nx28-quick-host{flex:0 0 150px}.nx28-quick-select{width:100%;background:#0d1b32;color:#eef5ff;border:1px solid rgba(128,153,204,.2);border-radius:9px;padding:8px;font-size:9px}
.nx28-ann{position:sticky;top:0;z-index:100001;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 42px;background:#0c2841;color:#dff7ff;border-bottom:1px solid rgba(43,196,239,.23);font-size:10px;font-weight:800}.nx28-ann.warn{background:#39290d;color:#ffe5a9}.nx28-ann.success{background:#0e2d22;color:#c5ffe2}.nx28-ann button{position:absolute;right:10px;border:0;background:transparent;color:inherit;font-size:18px}.nx28-maint{position:fixed;inset:0;z-index:200000;background:radial-gradient(circle at 50% 25%,#14294a,#050914 65%);display:flex;align-items:center;justify-content:center;color:#eef5ff;padding:20px}.nx28-maint>div{text-align:center;max-width:520px}.nx28-maint span{font-size:54px}.nx28-maint h2{font-size:30px;margin:12px 0}.nx28-maint p{color:#a8b9d1;line-height:1.6}.nx28-maint small{color:#7186a5}.nx28-maint-admin{margin-top:18px;border:1px solid rgba(133,163,210,.28);border-radius:12px;background:rgba(16,32,58,.7);color:#dfeaff;padding:10px 14px;font-weight:800;cursor:pointer}.nx28-maint-admin:hover{background:rgba(29,53,91,.86)}.nx-cart-provider{display:flex!important;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px!important;color:#9eb3cf!important;font-size:9px!important}.nx-cart-provider span{font-weight:700;color:#8298b7}.nx-cart-provider strong{display:inline-flex;background:rgba(117,88,255,.11);border:1px solid rgba(117,88,255,.22);border-radius:999px;padding:3px 7px;color:#c9bdff!important;font-size:9px}
/* Dark mode: soporte, select de proveedor, compras, carrito, perfil */
body[data-nx-theme="dark"] #supportModalBg select,body[data-nx-theme="dark"] #supportModalBg option,body[data-nx-theme="dark"] #ticketProvider,body[data-nx-theme="dark"] #ticketProvider option{background:#0b1a31!important;color:#f1f6ff!important;border-color:rgba(132,157,205,.24)!important}body[data-nx-theme="dark"] #supportModalBg label,body[data-nx-theme="dark"] #supportModalBg .support-form label,body[data-nx-theme="dark"] #supportModalBg .support-form span{color:#d8e4f5!important}body[data-nx-theme="dark"] .support-actions button,body[data-nx-theme="dark"] .support-chatbar button,body[data-nx-theme="dark"] .support-ticket{color:#eef5ff!important}body[data-nx-theme="dark"] .support-ticket{background:#0d1b32!important;border-color:rgba(128,153,204,.17)!important}body[data-nx-theme="dark"] .support-ticket.active{background:#17294a!important;border-color:#6d55ff!important}body[data-nx-theme="dark"] .support-chatbar textarea{background:#0b1a31!important;color:#eef5ff!important;border-color:rgba(128,153,204,.2)!important}body[data-nx-theme="dark"] #ordersModalBg input,body[data-nx-theme="dark"] #ordersModalBg select,body[data-nx-theme="dark"] #ordersModalBg textarea,body[data-nx-theme="dark"] #purchasesModalBg input,body[data-nx-theme="dark"] #purchasesModalBg select,body[data-nx-theme="dark"] #purchasesModalBg textarea,body[data-nx-theme="dark"] #authBg input,body[data-nx-theme="dark"] #authBg textarea{background:#0b1a31!important;color:#eef5ff!important;border-color:rgba(128,153,204,.2)!important}
body[data-nx-theme="light"] .nx28-user-modal,body[data-nx-theme="light"] .nx28-subtabs button,body[data-nx-theme="light"] .nx28-kpis article,body[data-nx-theme="light"] .nx28-alert,body[data-nx-theme="light"] .nx28-rank-card,body[data-nx-theme="light"] .nx28-audit>div,body[data-nx-theme="light"] .nx28-mini-row,body[data-nx-theme="light"] .nx28-quick-row{background:#fff!important;color:#15304f!important;border-color:#dce7f3!important}body[data-nx-theme="light"] .nx28-kpis article b,body[data-nx-theme="light"] .nx28-alert b,body[data-nx-theme="light"] .nx28-user-modal{color:#15304f!important}body[data-nx-theme="light"] .nx28-search,body[data-nx-theme="light"] .nx28-mini-search,body[data-nx-theme="light"] #nx28OpsBody input,body[data-nx-theme="light"] #nx28OpsBody textarea,body[data-nx-theme="light"] #nx28OpsBody select,body[data-nx-theme="light"] .nx28-user-modal input,body[data-nx-theme="light"] .nx28-user-modal select{background:#f8fbff;color:#17304f;border-color:#d2dfed}body[data-nx-theme="light"] .nx28-actions button,body[data-nx-theme="light"] .nx28-search-row,body[data-nx-theme="light"] .nx28-provider-metrics button,body[data-nx-theme="light"] .nx28-table button{background:#f7faff;color:#183454;border-color:#d8e4f0}body[data-nx-theme="light"] .nx-cart-provider strong{color:#5540d8!important;background:#f1efff}
/* Mobile: admin as a real full page, fast and touch friendly */
@media(max-width:900px){.admin-panel{padding:0!important;align-items:stretch!important}.admin-modal{width:100vw!important;height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important}.admin-head{position:sticky;top:0;z-index:30}.admin-topbar{padding:10px 12px!important}.admin-head-sub,.admin-top-status{display:none!important}.admin-dashboard{display:block!important;height:calc(100dvh - 64px)!important}.admin-sidebar{position:sticky;top:0;z-index:20;width:100%!important;max-width:none!important;border-right:0!important;border-bottom:1px solid rgba(128,153,204,.12)!important;background:#08162a!important}.admin-brand{display:none!important}.admin-nav{display:flex!important;overflow-x:auto!important;gap:6px!important;padding:8px!important;scroll-snap-type:x proximity;scrollbar-width:none}.admin-nav::-webkit-scrollbar{display:none}.admin-nav .nav-sep{display:none!important}.admin-nav button{flex:0 0 auto!important;min-height:38px!important;padding:8px 10px!important;border-radius:10px!important;scroll-snap-align:start;font-size:9px!important}.admin-main{height:calc(100dvh - 116px)!important;padding:12px!important;-webkit-overflow-scrolling:touch}.nx28-subtabs{top:0;margin:0 -12px;padding:8px 12px;background:#09172b}.nx28-kpis,.nx28-kpis.small{grid-template-columns:repeat(2,minmax(0,1fr))}.nx28-grid2{grid-template-columns:1fr}.nx28-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nx28-actions{grid-template-columns:1fr 1fr}.nx28-user-modal{height:94dvh;max-height:94dvh;border-radius:16px;padding:14px}.nx28-user-hero{display:block;padding-right:38px}.nx28-user-hero>b{display:inline-block;margin-top:9px}.nx28-quick-host{flex-basis:100%;order:-1}.support-chatbar,.nx20-chatbar{flex-wrap:wrap!important}.nx28-quick-select{font-size:11px!important}.nx28-head h3{font-size:20px}.nx28-kpis article b{font-size:17px}.nx28-ann{font-size:9px;padding-left:12px;padding-right:34px}.admin-card{content-visibility:auto;contain-intrinsic-size:260px}.nx28-audit>div,.nx28-alert,.nx28-rank-card,.nx28-mini-row{content-visibility:auto;contain-intrinsic-size:60px}}
@media(max-width:520px){.nx28-kpis,.nx28-kpis.small{grid-template-columns:1fr 1fr}.nx28-form-grid,.nx28-actions{grid-template-columns:1fr}.nx28-kpis article{padding:11px}.nx28-kpis article b{font-size:15px}.admin-topbar h2{font-size:16px!important}.admin-topbar .eyebrow{font-size:7px}.admin-actions .admin-btn{display:none}.nx28-provider-metrics button,.nx28-rank-users>div{align-items:flex-start;flex-direction:column}.nx28-rank-users button{width:100%}}
/* Avoid expensive filters in mobile admin/support */
@media(max-width:700px){.admin-modal,.admin-card,.support-modal,.nx28-user-modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}.nx28-subtabs{scroll-behavior:auto!important}}
.nx28-order-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.nx28-order-timeline span{position:relative;text-align:center;padding:8px 5px;border-radius:9px;background:rgba(128,153,204,.08);border:1px solid rgba(128,153,204,.13);color:#8498b7;font-size:8px;font-weight:850}.nx28-order-timeline span.done{background:rgba(67,211,139,.08);border-color:rgba(67,211,139,.18);color:#78e9ad}.nx28-order-timeline span.current{background:rgba(43,196,239,.08);border-color:rgba(43,196,239,.18);color:#7bdcf5}@media(max-width:520px){.nx28-order-timeline{grid-template-columns:1fr}.nx28-order-timeline span{text-align:left}}