:root{--bg:#07090d;--panel:#0d1118;--panel2:#111722;--line:#202a39;--text:#f4f7fb;--muted:#8f9bb0;--blue:#2553ff;--blue2:#1739b8;--good:#20c987;--warn:#f0b429;--bad:#ff5d6c;--radius:15px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.authShell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#13204a 0,transparent 38%),var(--bg)}.authCard{width:min(430px,100%);border:1px solid var(--line);background:#0b0f16;border-radius:22px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.authBrand{display:flex;gap:13px;align-items:center;margin-bottom:22px}.authBrand img,.brand img{width:45px;height:45px;border-radius:12px}.authBrand b{display:block;font-size:19px}.authBrand span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.authTabs{display:grid;grid-template-columns:1fr 1fr;background:#090c12;padding:4px;border-radius:12px;margin-bottom:18px}.authTabs button{border:0;background:transparent;color:var(--muted);padding:10px;border-radius:9px;font-weight:800}.authTabs button.on{background:#17203a;color:#fff}.authForm{display:grid;gap:14px}.authForm label,.field{display:grid;gap:7px;color:#b7c1d1;font-size:12px;font-weight:700}.authForm input,.field input,.field select,.field textarea,.search{width:100%;border:1px solid #293244;background:#0a0e14;color:#fff;border-radius:11px;padding:12px 13px;outline:none}.authForm input:focus,.field input:focus,.field select:focus,.field textarea:focus,.search:focus{border-color:var(--blue)}.authForm small{color:var(--muted)}.primary,.ghost,.good,.bad,.warn{border:0;border-radius:10px;padding:11px 14px;font-weight:900;color:#fff}.primary{background:var(--blue)}.ghost{background:#121824;border:1px solid #293448}.good{background:#156e50}.bad{background:#762933}.warn{background:#725613}.app{min-height:100vh}.topbar{height:64px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(7,9,13,.93);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:11px}.brand b{display:block;font-size:15px}.brandMeta{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.brand small{display:block;color:#86a1ff;font-size:9px;letter-spacing:.12em;margin-top:0}.tierBadge{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:4px 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--blue) 60%,#31405a);background:color-mix(in srgb,var(--blue) 18%,#101724);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;box-shadow:0 6px 18px color-mix(in srgb,var(--blue) 14%,transparent)}.tierBadge.large{min-height:30px;padding:7px 12px;font-size:11px}.topActions{display:flex;align-items:center;gap:10px}.balanceBox{min-width:145px;text-align:right;background:linear-gradient(180deg,#122249,#0b1731);border:1px solid #26427f;border-radius:10px;padding:6px 10px}.balanceBox span{display:block;color:#94adf3;font-size:8px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.balanceBox b{display:block;font-size:14px;margin-top:1px}.layout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 64px)}.sidebar{border-right:1px solid var(--line);background:#090c11;padding:14px 10px}.sidebar nav{display:grid;gap:5px;position:sticky;top:78px}.sidebar button{width:100%;text-align:left;border:0;border-radius:10px;padding:10px 11px;background:transparent;color:#9ca9bd;font-weight:750}.sidebar button:hover,.sidebar button.on{background:#151d2d;color:#fff}.main{padding:24px;min-width:0}.pageHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.pageHead span{font-size:9px;color:#6f8cff;font-weight:900;letter-spacing:.14em}.pageHead h1{font-size:26px;margin:4px 0}.pageHead p{margin:0;color:var(--muted);font-size:13px}.grid{display:grid;gap:12px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:linear-gradient(180deg,#0f141d,#0b0f15);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card h2{font-size:16px;margin:0 0 13px}.stat span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:850}.stat b{display:block;font-size:23px;margin-top:5px}.muted{color:var(--muted)}.tiny{font-size:11px}.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field textarea{min-height:95px;resize:vertical}.orderStack{display:grid;grid-template-columns:1fr;gap:13px}.searchResults{display:grid;gap:8px;margin-top:9px;max-height:330px;overflow:auto}.serviceItem{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;text-align:left;border:1px solid #263144;background:#0b1018;border-radius:12px;padding:11px;color:#fff}.serviceItem:hover,.serviceItem.on{border-color:var(--blue);background:#101932}.serviceId{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:#555f70;font-weight:900}
.serviceThumbImg{width:42px;height:42px;border-radius:999px;object-fit:cover;display:block;background:#0b1018;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset}
.catalogGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.serviceCatalogCard{background:#0b1018;border:1px solid #233048;border-radius:18px;padding:16px;display:grid;gap:14px}
.serviceCatalogHead{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center}
.serviceCatalogThumb,.serviceCatalogFallback{width:52px;height:52px;border-radius:14px;display:block;object-fit:cover;background:#0d1420;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset}
.serviceCatalogFallback{display:grid;place-items:center;font-weight:900;color:#c7d4ee;background:#162238}
.serviceCatalogMain{min-width:0}
.serviceCatalogTitle{font-weight:900;font-size:15px;line-height:1.25}
.serviceCatalogMeta{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35}
.serviceCatalogPrice{font-size:12px;padding:8px 12px;white-space:nowrap;align-self:start}
.serviceCatalogActions{display:flex;justify-content:flex-start}
.serviceUseBtn{padding:8px 12px;font-size:12px;border-radius:12px;min-width:0;width:auto;display:inline-flex;align-items:center;justify-content:center}
.serviceItem b{display:block;font-size:13px}.serviceItem small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.price{font-weight:900;white-space:nowrap}.notice{border:1px solid #28344a;background:#101624;border-radius:11px;padding:11px 12px;color:#b9c4d6;font-size:12px}.notice.goodN{border-color:#205a46;background:#0d211a}.notice.warnN{border-color:#624f20;background:#201a0d}.notice.badN{border-color:#65303a;background:#251015}.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:800px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid #1b2431;font-size:11px;vertical-align:top}th{color:#7f8da4;text-transform:uppercase;font-size:9px;letter-spacing:.06em;background:#0b1017;position:sticky;top:0}td b{font-size:12px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900;background:#1a2230;color:#b6c2d4}.badge.good{background:#123f31;color:#76e4bd}.badge.warn{background:#4c3b12;color:#ffd36a}.badge.bad{background:#4c2027;color:#ff98a2}.badge.info{background:#152b62;color:#9bb8ff}.sectionTitle{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.sectionTitle h2{margin:0}.movement{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #1c2532}.movement:last-child{border-bottom:0}.movement .icon{width:32px;height:32px;border-radius:9px;background:#151e2c;display:grid;place-items:center}.movement b{display:block;font-size:12px}.movement small{color:var(--muted);font-size:10px}.movement .amt{font-weight:900}.positive{color:#6ee7ba}.negative{color:#ff8c98}.empty{text-align:center;color:var(--muted);padding:24px;font-size:12px}.split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:12px}.providerTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.kpiLine{display:flex;gap:18px;flex-wrap:wrap}.kpiLine div span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.kpiLine div b{display:block;margin-top:4px}.dangerZone{border-color:#5a2730}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#090d14;border:1px solid #242e3d;padding:10px;border-radius:9px;color:#a9c0ff;font-size:11px;overflow:auto}.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:60;display:grid;place-items:center;padding:18px}.modalCard{width:min(580px,100%);max-height:90vh;overflow:auto;background:#0e131b;border:1px solid #29364b;border-radius:18px;padding:18px}.modalCard h2{margin-top:0}@media(max-width:900px){.grid4,.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);overflow:auto;padding:8px}.sidebar nav{position:static;display:flex;min-width:max-content}.sidebar button{width:auto}.main{padding:15px}}@media(max-width:600px){.topbar{height:auto;min-height:64px;gap:8px;padding:8px 10px}.brand b{font-size:13px}.balanceBox{min-width:125px}.topActions .ghost{padding:8px}.grid4,.grid3,.grid2,.formGrid{grid-template-columns:1fr}.pageHead{align-items:center}.pageHead h1{font-size:22px}.main{padding:12px}.serviceItem{grid-template-columns:38px 1fr}.serviceId{width:36px;height:36px}.serviceItem .price{grid-column:2}.topActions{gap:6px}}
.toast{position:fixed;right:18px;bottom:18px;z-index:100;max-width:380px;background:#121926;border:1px solid #2b3950;color:#fff;border-radius:12px;padding:11px 14px;box-shadow:0 18px 50px rgba(0,0,0,.35);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:900px){.catalogGrid{grid-template-columns:1fr}}
@media(max-width:600px){.serviceThumbImg{width:36px;height:36px}.serviceCatalogHead{grid-template-columns:44px 1fr;align-items:start}.serviceCatalogThumb,.serviceCatalogFallback{width:44px;height:44px;border-radius:12px}.serviceCatalogPrice{grid-column:2;justify-self:start}.serviceUseBtn{padding:8px 11px;font-size:11px}}


/* V9 · Personalización por cliente */
.client-customized .primary{background:var(--blue)}
.client-customized .pageHead span,.client-customized .brand small{color:var(--blue)}
.client-customized .serviceItem:hover,.client-customized .serviceItem.on{border-color:var(--blue)}
.client-customized .sidebar button.on{background:color-mix(in srgb,var(--blue) 18%,#111827);color:#fff;box-shadow:inset 3px 0 0 var(--blue)}
.client-customized .balanceBox{border-color:color-mix(in srgb,var(--blue) 55%,#27344b);background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 26%,#101827),#0b1322)}
.customizeBtn{width:42px;height:42px;padding:0;display:grid;place-items:center;font-size:22px;line-height:1}
.customizeIcon{display:block;transform:rotate(-25deg)}
.appearanceCard{width:min(610px,100%)}
.appearanceSection{margin-top:18px;display:grid;gap:10px}
.appearanceSection>b{font-size:13px}
.appearanceColorRow{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.accentPicker{width:58px;height:44px;border:1px solid var(--line);background:transparent;border-radius:12px;padding:3px;cursor:pointer}
.accentPicker::-webkit-color-swatch-wrapper{padding:0}.accentPicker::-webkit-color-swatch{border:0;border-radius:8px}
.accentPresets{display:flex;gap:9px;flex-wrap:wrap}
.accentSwatch{width:36px;height:36px;border-radius:999px;border:3px solid transparent;box-shadow:0 0 0 1px rgba(255,255,255,.2);padding:0;appearance:none;-webkit-appearance:none}
.accentSwatch.presetBlue{background:#2553ff}.accentSwatch.presetPurple{background:#7c3aed}.accentSwatch.presetPink{background:#db2777}.accentSwatch.presetRed{background:#ef4444}.accentSwatch.presetOrange{background:#f97316}.accentSwatch.presetYellow{background:#eab308}.accentSwatch.presetGreen{background:#16a34a}.accentSwatch.presetCyan{background:#0891b2}
.accentSwatch.on{border-color:#fff;box-shadow:0 0 0 2px var(--blue),0 0 0 5px rgba(255,255,255,.08)}
.themeChoices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.themeChoice{border:1px solid var(--line);background:#0a0e14;color:var(--text);border-radius:13px;padding:14px;text-align:left;display:grid;grid-template-columns:28px 1fr;column-gap:7px;align-items:center}
.themeChoice span{grid-row:1/3;font-size:20px;color:var(--muted)}.themeChoice b{font-size:13px}.themeChoice small{font-size:10px;color:var(--muted);margin-top:2px}
.themeChoice.on{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.appearancePreview{margin-top:18px;border:1px solid var(--line);border-radius:13px;padding:13px;display:grid;gap:10px;background:var(--panel2)}
.appearancePreview>span{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:900;letter-spacing:.08em}.appearancePreview .primary{width:100%}
.appearanceSave{width:100%;margin-top:14px}

/* Modo claro: solo se activa en cuentas de cliente */
body.theme-light{--bg:#f4f6fa;--panel:#ffffff;--panel2:#f7f9fc;--line:#d9e0ea;--text:#111827;--muted:#697386;background:var(--bg);color:var(--text)}
body.theme-light .app{background:var(--bg);color:var(--text)}
body.theme-light .topbar{background:rgba(255,255,255,.95);border-color:var(--line);box-shadow:0 1px 0 rgba(15,23,42,.03)}
body.theme-light .sidebar{background:#ffffff;border-color:var(--line)}
body.theme-light .sidebar button{color:#657085}
body.theme-light .sidebar button:hover{background:#eef2f7;color:#111827}
body.theme-light.client-customized .sidebar button.on{background:color-mix(in srgb,var(--blue) 12%,#ffffff);color:#111827}
body.theme-light .card,body.theme-light .serviceCatalogCard{background:#ffffff;border-color:var(--line)}
body.theme-light .search,body.theme-light .authForm input,body.theme-light .field input,body.theme-light .field select,body.theme-light .field textarea{background:#ffffff;color:#111827;border-color:#cfd7e4}
body.theme-light .ghost{background:#f7f9fc;color:#172033;border-color:#cfd7e4}
body.theme-light .ghost:hover{background:#eef2f7}
body.theme-light .notice{background:#f7f9fc;color:#526076;border-color:#d9e0ea}
body.theme-light .notice.goodN{background:#ecfdf5;border-color:#a7f3d0;color:#166534}
body.theme-light .notice.warnN{background:#fffbeb;border-color:#fde68a;color:#854d0e}
body.theme-light .notice.badN{background:#fff1f2;border-color:#fecdd3;color:#9f1239}
body.theme-light .serviceItem{background:#ffffff;color:#111827;border-color:#d5dce7}
body.theme-light .serviceItem:hover,body.theme-light .serviceItem.on{background:color-mix(in srgb,var(--blue) 6%,#ffffff)}
body.theme-light .serviceItem small,body.theme-light .serviceCatalogMeta{color:#697386}
body.theme-light .serviceCatalogFallback{background:#eef2f7;color:#334155}
body.theme-light .tableWrap{border-color:var(--line);background:#fff}
body.theme-light table{color:#111827}body.theme-light th{background:#f6f8fb;color:#667085;border-color:var(--line)}body.theme-light td{border-color:#e3e8f0}
body.theme-light .movement{border-color:#e3e8f0}.theme-light .movement .icon{background:#eef2f7;color:#334155}
body.theme-light .code{background:#f6f8fb;color:#334155;border-color:#d9e0ea}
body.theme-light .modalCard{background:#ffffff;color:#111827;border-color:#d1d9e6}
body.theme-light .themeChoice{background:#ffffff;color:#111827;border-color:#d5dce7}
body.theme-light .appearancePreview{background:#f7f9fc}
body.theme-light .balanceBox{color:#fff}
body.theme-light .badge{border:1px solid rgba(15,23,42,.05)}

@media(max-width:600px){.customizeBtn{width:38px;height:38px;font-size:19px}.themeChoices{grid-template-columns:1fr}.appearanceColorRow{align-items:flex-start}}

.primary:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.45)}
.linkDetector{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#0c1119;transition:.18s}
.linkDetectorIcon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#171f2d;color:#aab5c8;font-weight:900;overflow:hidden}
.linkDetectorIcon img{width:100%;height:100%;object-fit:cover;display:block}
.linkDetector b{display:block;font-size:12px}.linkDetector small{display:block;color:var(--muted);font-size:10px;margin-top:3px;line-height:1.4}
.linkDetector.good{border-color:#1f7658;background:#0c1d17}.linkDetector.good b{color:#78e5bd}
.linkDetector.bad{border-color:#7b303b;background:#241014}.linkDetector.bad b{color:#ff9aa5}
.linkDetector.warn{border-color:#6c561c;background:#211a0b}.linkDetector.warn b{color:#ffd36a}
.linkDetector.info{border-color:#294b99;background:#0d1730}.linkDetector.info b{color:#a8bdff}
body.theme-light .linkDetector{background:#f7f9fc;border-color:#d9e0ea}
body.theme-light .linkDetector.good{background:#ecfdf5;border-color:#a7f3d0}body.theme-light .linkDetector.good b{color:#166534}
body.theme-light .linkDetector.bad{background:#fff1f2;border-color:#fecdd3}body.theme-light .linkDetector.bad b{color:#9f1239}
body.theme-light .linkDetector.warn{background:#fffbeb;border-color:#fde68a}body.theme-light .linkDetector.warn b{color:#854d0e}
body.theme-light .linkDetector.info{background:#eff6ff;border-color:#bfdbfe}body.theme-light .linkDetector.info b{color:#1d4ed8}
body.theme-light .linkDetectorIcon{background:#eef2f7;color:#475569}


/* V11 · Órdenes más claras */
.ordersTable{min-width:1120px}
.clientOrdersTable{min-width:1080px}
.adminOrdersTable{min-width:1420px}
.orderLink{display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;color:#9fb8ff;text-decoration:none;font-weight:750}
.orderLink:hover{color:#fff;text-decoration:underline}
.orderLink span{font-size:10px;opacity:.75}
.orderDate{white-space:nowrap;color:#c9d2e1;font-size:11px;font-weight:700}
.orderError{max-width:230px;margin-top:5px;color:#ff9ca6;font-size:10px;line-height:1.3}
.orderStatusBadge{font-size:10px;padding:5px 9px;white-space:nowrap}
.compactBtn{padding:8px 11px;font-size:10px;border-radius:9px;white-space:nowrap}

.serviceTiming{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;border:1px solid color-mix(in srgb,var(--blue) 45%,#263144);background:color-mix(in srgb,var(--blue) 9%,#0b1018);border-radius:12px;padding:12px 14px}.serviceTimingIcon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:20px;font-weight:900;overflow:hidden}.serviceTimingIcon img{width:100%;height:100%;object-fit:cover;display:block}.serviceTiming span{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.serviceTiming b{display:block;font-size:15px;margin-top:2px}.serviceTiming small{display:block;color:#aab6c9;font-size:10px;margin-top:3px}.serviceTiming .timingNote{color:#7f8da4;font-size:9px;margin-top:5px}.theme-light .serviceTiming{background:color-mix(in srgb,var(--blue) 7%,#fff);border-color:color-mix(in srgb,var(--blue) 35%,#ccd5e4)}

/* Actualización maestra: tiempo estimado compacto debajo del detector */
.serviceTiming.compactTiming{grid-template-columns:38px minmax(150px,1fr) auto;gap:10px;min-height:50px;padding:7px 12px;align-items:center}
.compactTiming .serviceTimingIcon{width:34px;height:34px;border-radius:9px}
.compactTimingText,.compactTimingSpeed{min-width:0}
.compactTimingText span,.compactTimingSpeed span{font-size:8px}
.compactTimingText b,.compactTimingSpeed b{font-size:12px;margin-top:1px;white-space:nowrap}
.compactTiming .timingNote{margin:0;font-size:9px;white-space:nowrap;text-align:right}

/* Soporte ligado a órdenes */
.ticketOrderPreview{margin-top:10px;border:1px solid #28344a;background:#0b1018;border-radius:11px;padding:10px 12px;display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center}
.ticketOrderPreview b{display:block;font-size:12px}.ticketOrderPreview small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.ticketOrderPreview .ticketOrderLink{grid-column:1/-1;min-width:0}
.ticketOrderTag{display:inline-flex;margin-top:8px;padding:5px 8px;border-radius:8px;background:#15233b;color:#a9beea;font-size:10px;font-weight:800}
.ticketCard+.ticketCard,.adminTicketCard+.adminTicketCard{margin-top:10px}
.adminTicketOrder{margin-top:9px;border:1px solid #26364e;background:#0b111c;border-radius:10px;padding:10px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,.8fr);gap:12px;align-items:center}
.adminTicketOrder span,.adminTicketOrder small{display:block;color:var(--muted);font-size:9px}.adminTicketOrder b{display:block;font-size:12px;margin:2px 0}.ticketMessage{white-space:pre-wrap}
@media(max-width:700px){.serviceTiming.compactTiming{grid-template-columns:34px 1fr}.compactTimingSpeed,.compactTiming .timingNote{grid-column:2;text-align:left}.compactTiming .timingNote{white-space:normal}.adminTicketOrder{grid-template-columns:1fr}}

/* Ajustes de orden visual - actualización maestra */
.rechargeSubmit{margin-top:14px;width:max-content;min-width:180px;max-width:100%;padding:9px 14px;font-size:12px;line-height:1.1;border-radius:10px;letter-spacing:.01em}
.homeDashboard{display:grid;gap:18px}
.homeStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.homeStat{min-height:106px;padding:20px 22px;display:flex;flex-direction:column;justify-content:center}
.homeStat span{font-size:10px}
.homeStat b{font-size:25px;margin-top:7px}
.homePanels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.homeTierCard{display:grid;gap:16px;padding:20px 22px}
.homeTierHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.homeTierHead span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:850;letter-spacing:.05em}
.homeTierHead h2{margin:6px 0 0;font-size:24px}
.homeTierHead p{margin:7px 0 0;color:var(--muted);font-size:12px;max-width:640px}
.homeTierProgressLine{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.homeTierProgress{height:14px;border-radius:999px;overflow:hidden;background:#131b28;border:1px solid #253042;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.homeTierProgress div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),color-mix(in srgb,var(--blue) 62%,#fff));box-shadow:0 0 20px color-mix(in srgb,var(--blue) 35%,transparent)}
.homeTierPercent{font-size:12px;font-weight:900;white-space:nowrap}
.homeTierMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.homeTierMeta .metaBox{padding:12px 13px;border-radius:12px;background:#0b111a;border:1px solid #202a39}
.homeTierMeta .metaBox span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.04em}
.homeTierMeta .metaBox b{display:block;margin-top:6px;font-size:16px;line-height:1.25}
.homeTierFoot{margin-top:-2px;color:var(--muted);font-size:12px}
.homeActionCard,.homeNoticeCard{min-height:170px;padding:20px 22px}
.homeQuickActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}
.homeQuickBtn{width:auto;min-width:130px;padding:10px 15px;font-size:13px}
.homeNoticeBody{min-height:90px;display:flex;flex-direction:column;justify-content:center}
.homeEmpty{padding:18px}
@media(max-width:1100px){.homeStats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.homeStats,.homePanels{grid-template-columns:1fr}.homeStat{min-height:88px}.homeActionCard,.homeNoticeCard{min-height:auto}.homeTierMeta{grid-template-columns:1fr}.homeTierProgressLine{grid-template-columns:1fr}.rechargeSubmit{min-width:160px}}

/* Dashboard Admin ordenado */
.adminDashboard{display:grid;gap:16px}
.adminTopStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.adminStat{min-height:112px;display:flex;flex-direction:column;justify-content:center}
.adminStat span,.adminOp>span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:850;letter-spacing:.04em}
.adminStat b{display:block;font-size:25px;margin-top:6px;line-height:1.1}
.adminStat small,.adminOp small{display:block;color:#738198;font-size:10px;margin-top:7px}
.adminOpsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.adminOp{min-height:118px;display:flex;flex-direction:column;justify-content:center}
.adminOp b{display:block;font-size:22px;margin-top:7px;line-height:1.15}
.adminApiRow{margin-top:10px}
.adminDashNotice{margin-top:0}
.serviceAdminActions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.startCountPending{display:inline-flex;padding:4px 7px;border-radius:999px;background:#4c3b12;color:#ffd36a;font-size:9px;font-weight:900}
.startCount{white-space:nowrap}
@media(max-width:1100px){.adminTopStats{grid-template-columns:repeat(2,minmax(0,1fr))}.adminOpsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.adminTopStats,.adminOpsGrid{grid-template-columns:1fr}.adminStat,.adminOp{min-height:90px}}


/* Actualización maestra: tickets compactos, saldo personalizado y refill */
.client-customized .balanceBox{border-color:var(--blue);background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 24%,#101827),color-mix(in srgb,var(--blue) 9%,#080d16));box-shadow:0 0 0 1px color-mix(in srgb,var(--blue) 18%,transparent),0 8px 24px color-mix(in srgb,var(--blue) 12%,transparent)}
.client-customized .balanceBox span{color:color-mix(in srgb,var(--blue) 70%,#fff)}
body.theme-light.client-customized .balanceBox{background:linear-gradient(180deg,var(--blue),color-mix(in srgb,var(--blue) 78%,#000));border-color:color-mix(in srgb,var(--blue) 75%,#000);color:#fff}
body.theme-light.client-customized .balanceBox span{color:#fff;opacity:.82}
.refillState{display:inline-flex;align-items:center;min-height:29px;padding:6px 9px;border-radius:8px;font-size:9px;font-weight:850;white-space:nowrap}
.refillState.noRefill{background:#151b25;color:#8e99aa;border:1px solid #263040}
.refillState.waiting{background:#3c3010;color:#ffd36a;border:1px solid #5a4714}
.refillState.unavailable{background:#34191e;color:#ff9aa5;border:1px solid #572630}
.refillReady{border-color:color-mix(in srgb,var(--blue) 55%,#293448);color:#fff}
.adminTicketsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.adminTicketCard{min-width:0;background:linear-gradient(180deg,#0f151f,#0b1017);border:1px solid #273248;border-radius:16px;padding:15px;display:grid;gap:12px}
.adminTicketHead{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid #202a39}
.adminTicketHead h3{font-size:15px;margin:3px 0 2px;line-height:1.25}.adminTicketHead small{color:var(--muted);font-size:10px}.adminTicketMeta{color:#7f93b4;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.adminTicketOrder{margin:0;border:1px solid #28364d;background:#0a1018;border-radius:11px;padding:10px 11px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:8px 12px;align-items:center}
.adminTicketOrder span,.adminTicketOrder small{display:block;color:var(--muted);font-size:9px}.adminTicketOrder b{display:block;font-size:11px;margin:2px 0}.adminTicketLink{min-width:0;text-align:right}.adminTicketLink .orderLink{max-width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adminTicketGeneral{padding:8px 10px;border-radius:9px;background:#0b1018;border:1px solid #202a39;color:var(--muted);font-size:10px}
.adminTicketMessage{padding:9px 10px;border-radius:10px;background:#0a0f16;border:1px solid #202a39}.adminTicketMessage span{display:block;color:#7f8da4;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.adminTicketMessage p{margin:5px 0 0;white-space:pre-wrap;font-size:11px;line-height:1.45;color:#d7deea;max-height:92px;overflow:auto}
.adminTicketReply{gap:6px}.adminTicketReply textarea{min-height:72px;max-height:130px}.adminTicketActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.compactTicketBtn{padding:8px 11px;font-size:10px;border-radius:9px}
@media(max-width:1100px){.adminTicketsGrid{grid-template-columns:1fr}}
@media(max-width:650px){.adminTicketOrder{grid-template-columns:1fr}.adminTicketLink{text-align:left}.adminTicketHead{align-items:center}}

/* Actualización maestra: recargas automáticas con Mercado Pago */
.notice.infoN{border-color:#244d91;background:#0e1b35;color:#bdd0ff}
button:disabled{cursor:not-allowed;opacity:.48}
.balanceSplit{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}
.mpRechargeCard{display:flex;flex-direction:column;gap:14px}
.mpRechargeHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.mpRechargeHead h2{margin-bottom:5px}
.mpMinimum{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #243047;background:#0b111a;border-radius:11px;padding:11px 13px;color:#9eabc0;font-size:11px}
.mpMinimum b{color:#fff;font-size:14px}
.rechargePresets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.rechargePreset{padding:10px 8px;font-size:11px}
.rechargePreset.selected{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 18%,#121824);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 28%,transparent)}
.rechargeAmountField{max-width:360px}
.mpPayButton{margin-top:0;min-width:210px;width:max-content}
.mpModeNotice{margin-top:0}
.rechargeHistory{margin-top:2px}
.rechargeTable{min-width:760px}
.rechargeId{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#a9b5c8}
.rechargeActions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.rechargeProviderStatus{margin-top:5px}
.adminRechargeTable{min-width:980px}
body.theme-light .mpMinimum{background:#f7f9fc;border-color:#d9e0eb;color:#64748b}
body.theme-light .mpMinimum b{color:#0f172a}
body.theme-light .rechargePreset.selected{background:color-mix(in srgb,var(--blue) 10%,#fff)}
@media(max-width:1050px){.balanceSplit{grid-template-columns:1fr}.rechargePresets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mpRechargeHead{flex-direction:column}.rechargePresets{grid-template-columns:repeat(2,minmax(0,1fr))}.rechargeAmountField,.mpPayButton{max-width:none;width:100%}}

/* Mercado Pago: diagnóstico visible de pruebas */
.rechargeErrorDetail{margin-top:4px;color:#ff8a8a;max-width:260px;line-height:1.25}
.mpSimBtn{border-style:dashed;opacity:.9}
[data-theme="light"] .rechargeErrorDetail{color:#b42318}


/* Niveles V2 · encabezado alineado + progreso premium + categorías compactas abajo */
.brandMeta{display:flex;align-items:center;gap:7px;margin-top:5px;flex-wrap:wrap}
.brandMeta .roleBadge,.brandMeta .tierBadge{display:inline-flex;align-items:center;justify-content:center;height:24px;min-width:72px;padding:0 10px;border-radius:8px;font-size:9px;font-weight:900;line-height:1;letter-spacing:.12em;text-transform:uppercase;margin:0}
.brandMeta .roleBadge{color:var(--blue);border:1px solid color-mix(in srgb,var(--blue) 72%,#48546a);background:color-mix(in srgb,var(--blue) 5%,#090d13);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 7%,transparent)}
.brandMeta .tierBadge{color:#fff;border:1px solid color-mix(in srgb,var(--blue) 78%,#53617b);background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 38%,#141a24),color-mix(in srgb,var(--blue) 18%,#0b1017));box-shadow:0 5px 16px color-mix(in srgb,var(--blue) 14%,transparent),inset 0 1px 0 rgba(255,255,255,.09)}

.homeTierCard{position:relative;overflow:hidden;display:grid;gap:14px;padding:18px 20px;border-color:color-mix(in srgb,var(--blue) 20%,var(--line));background:radial-gradient(circle at 93% 5%,color-mix(in srgb,var(--blue) 10%,transparent),transparent 25%),linear-gradient(180deg,#0f151f,#0a0f16)}
.homeTierCard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,var(--blue),transparent);opacity:.72}
.homeTierHead{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:nowrap}
.homeTierHead .homeTierEyebrow{display:block;color:color-mix(in srgb,var(--blue) 72%,#fff);font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.11em}
.homeTierHead h2{margin:5px 0 0;font-size:25px;letter-spacing:-.02em}
.homeTierHead p{margin:5px 0 0;color:var(--muted);font-size:11px;max-width:720px}
.tierSpark{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:18px;border:1px solid color-mix(in srgb,var(--blue) 46%,#2a3445);background:color-mix(in srgb,var(--blue) 10%,#0b1119);box-shadow:0 0 26px color-mix(in srgb,var(--blue) 16%,transparent)}
.homeTierProgressLine{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px;align-items:center}
.homeTierProgress{position:relative;height:10px;border-radius:999px;overflow:hidden;background:#151c27;border:1px solid #273245;box-shadow:inset 0 1px 2px rgba(0,0,0,.45)}
.homeTierProgressFill{position:absolute!important;left:0;top:0;bottom:0;width:var(--tier-progress,0%)!important;min-width:0!important;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--blue) 90%,#fff),var(--blue),color-mix(in srgb,var(--blue) 62%,#fff));box-shadow:0 0 18px color-mix(in srgb,var(--blue) 42%,transparent);transition:width .35s ease}
.homeTierPercent{font-size:11px;font-weight:900;white-space:nowrap;color:#fff}
.homeTierPercent span{color:color-mix(in srgb,var(--blue) 76%,#fff)}
.homeTierMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.homeTierMeta .metaBox{position:relative;padding:11px 13px;border-radius:12px;background:linear-gradient(180deg,#0c121b,#0a0f16);border:1px solid #202b3c;overflow:hidden}
.homeTierMeta .metaBox:after{content:"";position:absolute;left:0;top:0;width:34px;height:2px;background:var(--blue);opacity:.9}
.homeTierMeta .metaBox span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;font-weight:900;letter-spacing:.07em}
.homeTierMeta .metaBox b{display:block;margin-top:5px;font-size:15px;line-height:1.2}
.tierRailWrap{padding-top:2px;border-top:1px solid #1d2735}
.tierRailTitle{margin:10px 0 8px;color:#6f7d92;font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.tierRail{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;align-items:center}
.tierStep{position:relative;min-width:0;height:28px;border-radius:9px;border:1px solid #2b3648;background:#0a0f16;color:#78859a;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;transition:.2s;z-index:1}
.tierStep b{font-size:8px;letter-spacing:.055em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tierStepDot{width:5px;height:5px;border-radius:999px;background:#445064;box-shadow:0 0 0 3px rgba(255,255,255,.015)}
.tierStep.passed{border-color:color-mix(in srgb,var(--blue) 32%,#2b3648);color:color-mix(in srgb,var(--blue) 35%,#bcc7d8);background:color-mix(in srgb,var(--blue) 5%,#0a0f16)}
.tierStep.passed .tierStepDot{background:color-mix(in srgb,var(--blue) 52%,#657087)}
.tierStep.active{border-color:color-mix(in srgb,var(--blue) 82%,#fff);color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 50%,#1a202a),color-mix(in srgb,var(--blue) 25%,#0a0f16));box-shadow:0 0 0 1px color-mix(in srgb,var(--blue) 12%,transparent),0 5px 20px color-mix(in srgb,var(--blue) 24%,transparent)}
.tierStep.active .tierStepDot{background:#fff;box-shadow:0 0 9px color-mix(in srgb,var(--blue) 80%,#fff)}

body.theme-light .homeTierCard{background:radial-gradient(circle at 93% 5%,color-mix(in srgb,var(--blue) 8%,transparent),transparent 25%),linear-gradient(180deg,#fff,#f8fafc);border-color:#dce3ed}
body.theme-light .homeTierProgress{background:#e6eaf0;border-color:#d6dde8}
body.theme-light .homeTierPercent{color:#152033}
body.theme-light .homeTierMeta .metaBox{background:#fff;border-color:#dce3ed}
body.theme-light .tierRailWrap{border-color:#e2e8f0}
body.theme-light .tierStep{background:#fff;border-color:#d6deea;color:#667085}
body.theme-light .tierStep.active{color:#fff}
body.theme-light .brandMeta .roleBadge{background:#fff}

@media(max-width:760px){
  .brandMeta .roleBadge,.brandMeta .tierBadge{height:22px;min-width:64px;padding:0 8px;font-size:8px}
  .homeTierHead{align-items:flex-start}.tierSpark{width:34px;height:34px;border-radius:10px}
  .homeTierProgressLine{grid-template-columns:1fr}.homeTierPercent{white-space:normal}
  .homeTierMeta{grid-template-columns:1fr}
  .tierRail{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tierStep{height:27px}
}


/* V11 · RGB opcional dentro de Personalizar apariencia */
@property --rgb-accent{
  syntax:'<color>';
  inherits:true;
  initial-value:#ff3b30;
}
@property --rgb-accent-2{
  syntax:'<color>';
  inherits:true;
  initial-value:#8b5cf6;
}
@keyframes onlyAldaRgbAccent{
  0%{--rgb-accent:#ff3b30;--rgb-accent-2:#ff9500}
  16%{--rgb-accent:#ff2d92;--rgb-accent-2:#8b5cf6}
  33%{--rgb-accent:#8b5cf6;--rgb-accent-2:#2563eb}
  50%{--rgb-accent:#2563eb;--rgb-accent-2:#06b6d4}
  66%{--rgb-accent:#06b6d4;--rgb-accent-2:#22c55e}
  83%{--rgb-accent:#22c55e;--rgb-accent-2:#eab308}
  100%{--rgb-accent:#ff3b30;--rgb-accent-2:#ff9500}
}
body.client-customized.theme-rgb{
  --blue:var(--rgb-accent);
  --blue2:var(--rgb-accent-2);
  animation:onlyAldaRgbAccent 12s linear infinite;
}
.rgbSwatch{
  position:relative;
  width:58px;
  border-radius:11px;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(110deg,#ff3b30,#ff2d92,#8b5cf6,#2563eb,#06b6d4,#22c55e,#eab308,#ff3b30);
  background-size:260% 100%;
  animation:rgbSwatchFlow 5s linear infinite;
}
@keyframes rgbSwatchFlow{to{background-position:260% 0}}
.rgbSwatch:before{content:"";position:absolute;inset:3px;border-radius:8px;background:rgba(8,11,17,.60);z-index:-1}
.rgbSwatch span{font-size:9px;font-weight:950;letter-spacing:.08em;color:#fff;text-shadow:0 1px 4px #000}
.rgbSwatch.on{border-color:#fff;box-shadow:0 0 0 2px var(--blue),0 0 18px color-mix(in srgb,var(--blue) 45%,transparent)}
.appearanceColorHint{margin-top:-2px;color:var(--muted);font-size:10px;line-height:1.45}
.appearanceColorHint b{color:var(--text)}
body.theme-rgb .tierBadge,
body.theme-rgb .tierStep.active,
body.theme-rgb .homeTierProgressFill,
body.theme-rgb .primary{
  transition:border-color .35s ease,background .35s ease,box-shadow .35s ease,color .35s ease;
}
body.theme-rgb .homeTierCard:before,
body.theme-rgb .homeTierMeta .metaBox:after{background:linear-gradient(180deg,var(--rgb-accent),var(--rgb-accent-2))}
body.theme-rgb .homeTierProgressFill{background:linear-gradient(90deg,var(--rgb-accent),var(--rgb-accent-2),var(--rgb-accent))}
body.theme-rgb .tierBadge{border-color:color-mix(in srgb,var(--rgb-accent) 78%,#53617b);background:linear-gradient(135deg,color-mix(in srgb,var(--rgb-accent) 34%,#111722),color-mix(in srgb,var(--rgb-accent-2) 30%,#0b1017));box-shadow:0 5px 18px color-mix(in srgb,var(--rgb-accent) 22%,transparent)}
body.theme-rgb .tierStep.active{border-color:color-mix(in srgb,var(--rgb-accent) 82%,#fff);background:linear-gradient(135deg,color-mix(in srgb,var(--rgb-accent) 42%,#151b25),color-mix(in srgb,var(--rgb-accent-2) 35%,#0b1017));box-shadow:0 5px 20px color-mix(in srgb,var(--rgb-accent) 24%,transparent)}
body.theme-rgb .primary{background:linear-gradient(110deg,var(--rgb-accent),var(--rgb-accent-2))}
body.theme-rgb .sidebar button.on{background:color-mix(in srgb,var(--rgb-accent) 16%,#111827);box-shadow:inset 3px 0 0 var(--rgb-accent)}
body.theme-rgb .balanceBox{border-color:color-mix(in srgb,var(--rgb-accent) 55%,#27344b);background:linear-gradient(145deg,color-mix(in srgb,var(--rgb-accent) 22%,#101827),color-mix(in srgb,var(--rgb-accent-2) 12%,#0b1322))}
@media (prefers-reduced-motion:reduce){body.client-customized.theme-rgb,.rgbSwatch{animation-duration:1ms;animation-iteration-count:1}}

/* PLUS V1 · suscripción, nivel superior e historial de transferencias */
.levelBox{min-width:145px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.levelBox span{width:100%;text-align:center}
.levelBox b{display:inline-flex;align-items:center;justify-content:center;min-width:92px;max-width:100%;margin-top:4px;padding:3px 10px;border:1px solid color-mix(in srgb,var(--blue) 78%,#fff);border-radius:8px;color:#fff;letter-spacing:.08em;text-align:center;line-height:1.1}
.client-customized .levelBox{border-color:color-mix(in srgb,var(--blue) 58%,#27344b);background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 18%,#101827),color-mix(in srgb,var(--blue) 7%,#080d16))}
.client-customized .levelBox span{color:color-mix(in srgb,var(--blue) 74%,#fff)}
body.theme-rgb .levelBox b{border-color:var(--rgb-accent);color:var(--rgb-accent)}
.topPlusChip{display:inline-flex;align-items:center;justify-content:center;height:24px;min-width:58px;padding:0 9px;border-radius:8px;border:1px solid color-mix(in srgb,var(--blue) 80%,#fff);background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 34%,#111722),color-mix(in srgb,var(--blue) 12%,#080d14));color:color-mix(in srgb,var(--blue) 62%,#fff);font-size:9px;font-weight:950;letter-spacing:.12em;box-shadow:0 0 16px color-mix(in srgb,var(--blue) 18%,transparent)}
.customizeBtn.plusLocked{opacity:.78;border-style:dashed}
.customizeBtn.plusLocked:hover{border-color:var(--blue);color:var(--blue)}

.plusPage{display:grid;gap:16px}
.plusHero{position:relative;overflow:hidden;padding:24px;border-color:color-mix(in srgb,var(--blue) 38%,var(--line));background:radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--blue) 15%,transparent),transparent 34%),radial-gradient(circle at 91% 10%,color-mix(in srgb,var(--blue) 9%,transparent),transparent 30%),linear-gradient(180deg,#101722,#090e15)}
.plusHeroGlow{position:absolute;inset:-80px auto auto 32%;width:360px;height:190px;border-radius:50%;background:color-mix(in srgb,var(--blue) 12%,transparent);filter:blur(55px);pointer-events:none}
.plusHeroMain{position:relative;display:grid;grid-template-columns:minmax(290px,.85fr) minmax(320px,1.25fr) minmax(190px,.55fr);gap:28px;align-items:center}
.plusInsignia{position:relative;min-height:154px;border:1px solid color-mix(in srgb,var(--blue) 78%,#fff);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 18%,#111722),#070b11 58%,color-mix(in srgb,var(--blue) 8%,#070b11));box-shadow:0 18px 45px rgba(0,0,0,.32),0 0 26px color-mix(in srgb,var(--blue) 22%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--blue) 14%,transparent);padding:22px;display:flex;align-items:center;gap:18px;isolation:isolate}
.plusInsignia:before{content:"";position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--blue) 28%,transparent);border-radius:18px;pointer-events:none}
.plusLogoWrap{width:82px;height:82px;border-radius:20px;background:#05070a;border:1px solid color-mix(in srgb,var(--blue) 48%,#374151);display:grid;place-items:center;box-shadow:0 0 22px color-mix(in srgb,var(--blue) 17%,transparent)}
.plusLogoWrap img{width:68px;height:68px;object-fit:cover;border-radius:16px}
.plusWord{display:grid;gap:3px;min-width:0}.plusWord span{font-size:8px;color:var(--muted);font-weight:900;letter-spacing:.18em;white-space:nowrap}.plusWord b{font-size:42px;line-height:.95;letter-spacing:.03em;color:color-mix(in srgb,var(--blue) 68%,#fff);text-shadow:0 0 22px color-mix(in srgb,var(--blue) 35%,transparent)}
.plusCrown{position:absolute;right:17px;top:13px;color:var(--blue);font-size:19px;text-shadow:0 0 15px color-mix(in srgb,var(--blue) 55%,transparent)}
.plusHeroCopy .plusEyebrow{display:block;color:color-mix(in srgb,var(--blue) 72%,#fff);font-size:9px;font-weight:900;letter-spacing:.13em}.plusHeroCopy h2{font-size:28px;margin:7px 0 8px;letter-spacing:-.025em}.plusHeroCopy p{margin:0;color:var(--muted);line-height:1.55;font-size:12px;max-width:620px}
.plusStatusRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.plusStatus{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;font-size:9px;font-weight:950;letter-spacing:.06em}.plusStatus.active{background:#123f31;color:#76e4bd;border:1px solid #205a46}.plusStatus.inactive{background:#151c27;color:#a8b3c4;border:1px solid #2a3547}.plusExpiry{font-size:10px;color:var(--muted)}
.plusPriceCard{border:1px solid color-mix(in srgb,var(--blue) 44%,#2a3548);background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 10%,#0c121b),#090e14);border-radius:18px;padding:18px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.plusPriceCard>span{display:block;font-size:9px;color:var(--blue);font-weight:950;letter-spacing:.16em}.plusPriceCard>b{display:block;font-size:29px;margin-top:6px}.plusPriceCard>small{display:block;color:var(--muted);font-size:10px}.plusDiscountBig{font-size:22px;font-weight:950;color:color-mix(in srgb,var(--blue) 70%,#fff);margin-top:13px}.plusPriceCard em{font-style:normal;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.plusBenefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.plusBenefit{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:flex-start;min-height:156px;border-color:color-mix(in srgb,var(--blue) 18%,var(--line))}.plusBenefitIcon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--blue) 48%,#334155);background:color-mix(in srgb,var(--blue) 10%,#0b111a);color:color-mix(in srgb,var(--blue) 72%,#fff);font-size:14px;font-weight:950;box-shadow:0 0 15px color-mix(in srgb,var(--blue) 12%,transparent)}.plusBenefit span{font-size:8px;color:color-mix(in srgb,var(--blue) 68%,#fff);font-weight:900;letter-spacing:.1em}.plusBenefit h3{font-size:16px;margin:5px 0 6px}.plusBenefit p{font-size:11px;color:var(--muted);margin:0;line-height:1.5}.plusBenefitBtn{margin-top:12px;padding:8px 11px;font-size:10px}.plusLockedBenefit{display:inline-flex!important;margin-top:12px!important;padding:6px 9px;border-radius:8px;background:#121923;color:#8e9aac!important;border:1px solid #253043;font-size:9px!important;letter-spacing:0!important}
.plusCheckoutPlaceholder{display:flex;align-items:center;justify-content:space-between;gap:18px;border-style:dashed}.plusCheckoutPlaceholder>div>span{font-size:8px;color:var(--blue);font-weight:900;letter-spacing:.11em}.plusCheckoutPlaceholder h3{font-size:17px;margin:5px 0}.plusCheckoutPlaceholder p{margin:0;color:var(--muted);font-size:11px;max-width:720px;line-height:1.5}.plusCheckoutPlaceholder button{min-width:220px}

.plusPrice{display:grid;justify-items:end;line-height:1.12;white-space:nowrap}.plusPrice small{text-decoration:line-through;color:#6f7b8e;font-size:9px}.plusPrice b{font-size:11px;color:#fff}.plusPrice em{font-style:normal;color:color-mix(in srgb,var(--blue) 72%,#fff);font-size:8px;font-weight:950;letter-spacing:.04em}.plusPrice.compact{min-width:105px}.plusInline{display:inline-flex;padding:3px 6px;border-radius:6px;background:color-mix(in srgb,var(--blue) 12%,#101722);border:1px solid color-mix(in srgb,var(--blue) 35%,#2b3545);color:color-mix(in srgb,var(--blue) 70%,#fff);font-size:9px;font-weight:900}.plusCatalogPrice{display:grid;justify-items:end;align-self:start}.plusCatalogPrice small{text-decoration:line-through;color:#738096;font-size:9px}.plusCatalogPrice b{font-size:12px}.plusCatalogPrice em{font-style:normal;font-size:8px;color:var(--blue);font-weight:900}

.rechargeTable{min-width:1000px}.rechargeDate{white-space:nowrap;font-size:10px;color:#c3ccda}.rechargeHistoryNote{margin-top:2px}.rechargeFixed{display:inline-flex;padding:6px 9px;border-radius:8px;background:#0d211a;border:1px solid #205a46;color:#76e4bd;font-size:9px;font-weight:850}.rechargeRemoveBtn{background:#3b1b22;border:1px solid #612a35}.adminUsersTable{min-width:1080px}.adminPlusBadge{box-shadow:0 0 13px rgba(32,201,135,.12)}.ticketPlusMark{color:color-mix(in srgb,var(--blue) 70%,#fff);font-weight:900}.plusAdminSettings{margin-top:14px;border-color:color-mix(in srgb,var(--blue) 28%,var(--line))}.plusAdminMark{display:inline-flex;padding:7px 11px;border:1px solid color-mix(in srgb,var(--blue) 55%,#43516a);border-radius:9px;color:var(--blue);font-size:10px;font-weight:950;letter-spacing:.12em;background:color-mix(in srgb,var(--blue) 8%,#0a1018)}

body.theme-light .plusHero{background:radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--blue) 9%,transparent),transparent 34%),linear-gradient(180deg,#fff,#f8fafc)}
body.theme-light .plusInsignia{background:linear-gradient(145deg,#fff,#eef3f9);border-color:color-mix(in srgb,var(--blue) 55%,#cbd5e1)}
body.theme-light .plusLogoWrap{background:#080b10}.theme-light .plusWord span,.theme-light .plusHeroCopy p,.theme-light .plusBenefit p,.theme-light .plusCheckoutPlaceholder p{color:#64748b}.theme-light .plusBenefit,.theme-light .plusPriceCard{background:#fff;border-color:#dbe3ee}.theme-light .plusLockedBenefit{background:#f3f6fa;border-color:#dbe3ee;color:#64748b!important}
body.theme-rgb .plusInsignia,body.theme-rgb .topPlusChip{border-color:var(--rgb-accent);box-shadow:0 0 22px color-mix(in srgb,var(--rgb-accent) 28%,transparent)}
body.theme-rgb .plusWord b,body.theme-rgb .plusCrown,body.theme-rgb .plusAdminMark{color:var(--rgb-accent)}

@media(max-width:1180px){.plusHeroMain{grid-template-columns:1fr 1.2fr}.plusPriceCard{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,auto);align-items:center;justify-content:center;gap:12px}.plusPriceCard>b,.plusPriceCard small,.plusDiscountBig{margin:0}}
@media(max-width:850px){.plusHeroMain{grid-template-columns:1fr}.plusBenefits{grid-template-columns:1fr}.plusCheckoutPlaceholder{align-items:stretch;flex-direction:column}.plusCheckoutPlaceholder button{width:100%}.topActions{flex-wrap:wrap;justify-content:flex-end}.balanceBox,.levelBox{min-width:128px}.plusInsignia{min-height:125px}}
@media(max-width:600px){.plusHero{padding:16px}.plusWord b{font-size:32px}.plusLogoWrap{width:66px;height:66px}.plusLogoWrap img{width:55px;height:55px}.plusBenefit{grid-template-columns:38px 1fr}.plusBenefitIcon{width:36px;height:36px}.levelBox{min-width:112px}.topPlusChip{height:22px;min-width:52px;font-size:8px}}


/* PLUS V2 · modo libre + administración de suscripciones */
.appearanceSectionHead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.appearancePlusTag,.appearanceFreeTag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:8px;font-weight:950;letter-spacing:.09em}
.appearancePlusTag{color:var(--blue);border:1px solid color-mix(in srgb,var(--blue) 55%,#30405a);background:color-mix(in srgb,var(--blue) 10%,#0b1018)}
.appearanceFreeTag{color:#77e7bd;border:1px solid #205a46;background:#0d211a}
.appearancePlusLocked{position:relative;border:1px solid #293448;border-radius:14px;padding:13px;background:#0a0f16}
.appearancePlusLocked .appearanceColorRow{opacity:.38}
.appearancePlusLocked button:disabled,.appearancePlusLocked input:disabled{cursor:not-allowed}
.appearancePreview{grid-template-columns:1fr auto;align-items:center}.appearancePreview small{color:var(--muted);font-size:9px;text-align:right}
.adminSubscriptionPage{display:grid;gap:16px}
.adminSubscriptionSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.adminSubStat{min-height:94px;display:flex;flex-direction:column;justify-content:center}.adminSubStat span{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:850;letter-spacing:.05em}.adminSubStat b{font-size:24px;margin-top:5px}
.adminSubscriptionColumns{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.adminSubColumn{padding:16px;min-width:0}.adminSubColumn.plusColumn{border-color:color-mix(in srgb,var(--blue) 28%,var(--line))}
.adminSubList{display:grid;gap:10px;max-height:620px;overflow:auto;padding-right:2px}
.adminSubUser{border:1px solid #243047;background:#0a1018;border-radius:13px;padding:12px;display:grid;gap:10px}
.plusMemberCard{border-color:color-mix(in srgb,var(--blue) 34%,#243047);background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 7%,#0a1018),#0a1018)}
.adminSubUserHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.adminSubUserHead b{display:block;font-size:12px}.adminSubUserHead small{display:block;margin-top:3px;color:var(--muted);font-size:9px;word-break:break-word}
.adminSubClientMeta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:9px}
.adminSubTimes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.adminSubTimes>div{border:1px solid #202a39;border-radius:9px;padding:8px;background:#090e15}.adminSubTimes span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;font-weight:850;letter-spacing:.04em}.adminSubTimes b{display:block;margin-top:4px;font-size:10px;line-height:1.3}.plusRemaining{color:color-mix(in srgb,var(--blue) 70%,#fff)}
.adminSubActions{display:flex;align-items:flex-end;gap:7px;flex-wrap:wrap}.compactDays{max-width:105px;gap:4px}.compactDays input{padding:7px 8px;font-size:10px}
.adminSubNotice{margin-top:0}
body.theme-light .appearancePlusLocked{background:#f7f9fc;border-color:#d8e0eb}
@media(max-width:1050px){.adminSubscriptionColumns{grid-template-columns:1fr}.adminSubList{max-height:none}}
@media(max-width:700px){.adminSubscriptionSummary,.adminSubTimes{grid-template-columns:1fr}.appearancePreview{grid-template-columns:1fr}.appearancePreview small{text-align:left}}

/* PLUS compacto en cabecera y búsqueda administrativa */
.topPlusChip{position:relative;display:inline-flex;align-items:center;gap:6px;height:24px;min-width:74px;padding:2px 9px 2px 4px;border-radius:8px;border:1px solid color-mix(in srgb,var(--blue) 82%,#fff);background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 30%,#111722),color-mix(in srgb,var(--blue) 10%,#080d14));box-shadow:0 0 16px color-mix(in srgb,var(--blue) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.08);overflow:visible}
.topPlusChip img{width:18px;height:18px;border-radius:5px;object-fit:cover;box-shadow:0 0 8px color-mix(in srgb,var(--blue) 24%,transparent)}
.topPlusChip b{font-size:9px;line-height:1;font-weight:950;letter-spacing:.12em;color:color-mix(in srgb,var(--blue) 56%,#fff)}
.topPlusCrown{position:absolute;top:-7px;left:50%;transform:translateX(-50%);font-size:8px;color:color-mix(in srgb,var(--blue) 64%,#fff);text-shadow:0 0 8px var(--blue);pointer-events:none}
body.theme-rgb .topPlusChip{border-color:var(--rgb-accent);box-shadow:0 0 18px color-mix(in srgb,var(--rgb-accent) 30%,transparent)}
body.theme-rgb .topPlusChip b,body.theme-rgb .topPlusCrown{color:color-mix(in srgb,var(--rgb-accent) 65%,#fff);text-shadow:0 0 8px var(--rgb-accent)}
.adminSearchToolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:12px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(180deg,#0d131d,#0a0f16)}
.adminSearchToolbar small{color:var(--muted);font-size:10px}
.adminSearchBox{display:flex;align-items:center;gap:8px;min-width:min(460px,100%)}
.adminSearchBox>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--blue) 12%,#101722);color:var(--blue);font-size:17px;font-weight:900}
.adminSearchBox .search{min-width:280px;padding:9px 11px}
@media(max-width:700px){.adminSearchToolbar{align-items:stretch;flex-direction:column}.adminSearchBox{min-width:0;width:100%}.adminSearchBox .search{min-width:0}.adminSearchToolbar small{padding-left:38px}.topPlusChip{min-width:68px;height:22px}.topPlusChip img{width:16px;height:16px}.topPlusChip b{font-size:8px}}


/* PLUS V3 · ajustes finales de especificación */
.homeStats{grid-template-columns:repeat(5,minmax(0,1fr))}
.homeLevelStat .homeLevelBadge{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:92px;padding:5px 11px;border-radius:9px;border:1px solid color-mix(in srgb,var(--blue) 72%,#fff);color:color-mix(in srgb,var(--blue) 68%,#fff);letter-spacing:.07em}
body.theme-rgb .homeLevelStat .homeLevelBadge{border-color:var(--rgb-accent);color:var(--rgb-accent);box-shadow:0 0 14px color-mix(in srgb,var(--rgb-accent) 20%,transparent)}
.appearancePlusNotice{display:flex;align-items:center;justify-content:space-between;gap:14px;border-color:color-mix(in srgb,var(--blue) 34%,var(--line));background:color-mix(in srgb,var(--blue) 7%,#0b111a)}
.appearancePlusNotice b{display:block;font-size:12px}.appearancePlusNotice small{display:block;margin-top:4px;color:var(--muted);font-size:9px}
@media(max-width:1100px){.homeStats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.homeStats{grid-template-columns:1fr 1fr}.appearancePlusNotice{align-items:stretch;flex-direction:column}.appearancePlusNotice button{width:100%}}
@media(max-width:480px){.homeStats{grid-template-columns:1fr}}


/* PLUS V2 · Checkout Pro Mercado Pago */
.plusPaymentReady{align-items:center}
.plusMpMeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.plusMpMeta small{color:var(--muted);font-size:9px;line-height:1.45}
.plusPaymentReady #plusMainAction:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:700px){.plusPaymentReady{align-items:stretch}.plusPaymentReady #plusMainAction{width:100%}.plusMpMeta{align-items:flex-start;flex-direction:column}}


/* Ajuste visual: nivel superior + soporte PLUS bloqueado */
.balanceBox.levelBox{width:145px;min-width:145px;min-height:50px;padding:6px 10px;text-align:center}
.balanceBox.levelBox span{text-align:center}
.balanceBox.levelBox b{width:100%;min-width:0;margin-top:3px;padding:3px 8px;white-space:nowrap}
.homeStats{grid-template-columns:repeat(4,minmax(0,1fr))}
.supportTicketGrid{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:18px}
.supportComposer,.supportTicketsList{min-height:440px;padding:22px}
.supportCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.supportCardHead h2{margin:0 0 5px;font-size:19px}.supportCardHead p{margin:0;color:var(--muted);font-size:11px;line-height:1.5;max-width:580px}
.supportPlusMini{display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--blue) 55%,#344055);border-radius:8px;padding:6px 9px;color:color-mix(in srgb,var(--blue) 72%,#fff);font-size:8px;font-weight:950;letter-spacing:.12em;background:color-mix(in srgb,var(--blue) 9%,#0b1018)}
.supportSendBtn{margin-top:16px;min-width:160px}.supportTicketStack{display:grid;gap:10px;max-height:560px;overflow:auto;padding-right:2px}
.supportLockedShell{position:relative;min-height:470px}.supportLockedShell .supportTicketGrid{filter:saturate(.55);opacity:.46;pointer-events:none;user-select:none}
.supportLockOverlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:26px;background:linear-gradient(180deg,rgba(7,9,13,.12),rgba(7,9,13,.42));border-radius:16px;backdrop-filter:blur(2.5px)}
.supportLockCard{width:min(520px,92%);padding:28px 30px;text-align:center;border:1px solid color-mix(in srgb,var(--blue) 50%,#2b3547);border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 9%,#101722),#090e15);box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 32px color-mix(in srgb,var(--blue) 15%,transparent)}
.supportLockIcon{width:64px;height:64px;margin:0 auto 15px;border-radius:18px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--blue) 55%,#374151);background:color-mix(in srgb,var(--blue) 12%,#0b111a);box-shadow:0 0 22px color-mix(in srgb,var(--blue) 18%,transparent)}.supportLockIcon span{font-size:27px;filter:grayscale(1) brightness(1.55)}
.supportLockEyebrow{display:block;color:color-mix(in srgb,var(--blue) 72%,#fff);font-size:9px;font-weight:950;letter-spacing:.14em}.supportLockCard h2{font-size:24px;margin:7px 0 9px}.supportLockCard p{margin:0 auto 20px;color:var(--muted);font-size:12px;line-height:1.6;max-width:430px}.supportLockCard button{min-width:160px}
body.theme-rgb .balanceBox.levelBox{border-color:var(--rgb-accent)}body.theme-rgb .supportLockCard{border-color:var(--rgb-accent);box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 32px color-mix(in srgb,var(--rgb-accent) 18%,transparent)}body.theme-rgb .supportLockEyebrow{color:var(--rgb-accent)}
body.theme-light .supportLockOverlay{background:linear-gradient(180deg,rgba(244,247,251,.18),rgba(244,247,251,.54))}body.theme-light .supportLockCard{background:linear-gradient(180deg,#fff,#f5f7fb);border-color:#cdd8e8}body.theme-light .supportLockedShell .supportTicketGrid{opacity:.38}
@media(max-width:900px){.supportTicketGrid{grid-template-columns:1fr}.supportComposer,.supportTicketsList{min-height:auto}.homeStats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.balanceBox.levelBox{width:112px;min-width:112px}.supportLockOverlay{padding:14px}.supportLockCard{padding:22px 18px}.supportLockCard h2{font-size:20px}.supportComposer,.supportTicketsList{padding:16px}}


/* Configuración de cuenta */
.accountSettingsGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.accountProfileCard{grid-column:1/-1}.settingsCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.settingsCardHead h2{margin:4px 0 4px}.settingsCardHead p{margin:0;color:var(--muted)}.settingsEyebrow{font-size:11px;letter-spacing:.18em;font-weight:900;color:var(--accent)}.accountAvatar{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:22px;font-weight:900;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--card));color:var(--accent)}.accountInfoGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.accountInfoGrid .field{grid-column:span 1}.accountReadOnly{min-height:78px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--soft);display:flex;flex-direction:column;justify-content:center;gap:5px}.accountReadOnly span{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--muted);text-transform:uppercase}.accountReadOnly b{font-size:17px}.settingsPreferenceGrid{display:grid;grid-template-columns:1fr;gap:14px}.settingsPreview{margin-top:16px;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent) 6%,var(--soft));display:flex;flex-direction:column;gap:5px}.settingsPreview span{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--muted)}.settingsPreview b{font-size:15px}.settingsPreview small{color:var(--muted)}.settingsSaveBtn{margin-top:16px}.passwordFields{display:grid;gap:14px}.settingsLock{width:48px;height:48px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;background:var(--soft);font-size:20px}.settingsSecurityNote{margin-top:12px}.field small{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.35}
@media(max-width:900px){.accountSettingsGrid{grid-template-columns:1fr}.accountProfileCard{grid-column:auto}.accountInfoGrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.accountInfoGrid{grid-template-columns:1fr}.settingsCardHead{align-items:center}.accountAvatar{width:46px;height:46px}}

/* Configuración · estado PLUS premium */
.accountPlusCard{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--soft)),var(--soft));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.accountPlusCard:after{content:"✦";position:absolute;right:14px;top:10px;font-size:14px;color:color-mix(in srgb,var(--accent) 72%,#fff);opacity:.9;text-shadow:0 0 14px color-mix(in srgb,var(--accent) 55%,transparent)}
.accountPlusCard.active{border-color:color-mix(in srgb,var(--accent) 70%,#fff);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 12%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent)}
.accountPlusState{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.accountPlusState>strong{font-size:10px;letter-spacing:.12em;color:color-mix(in srgb,var(--accent) 72%,#fff)}
.accountPlusMark{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 5px;border-radius:9px;border:1px solid color-mix(in srgb,var(--accent) 76%,#fff);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,#111722),color-mix(in srgb,var(--accent) 10%,#080d14));box-shadow:0 0 14px color-mix(in srgb,var(--accent) 20%,transparent)}
.accountPlusMark img{width:20px;height:20px;border-radius:6px;object-fit:cover}.accountPlusMark b{font-size:11px;letter-spacing:.13em;color:color-mix(in srgb,var(--accent) 62%,#fff)}
.accountPlusMark.mutedPlus{padding-left:9px;border-color:var(--line);background:var(--card);box-shadow:none}.accountPlusMark.mutedPlus b{color:var(--muted)}
body.theme-rgb .accountPlusCard.active{border-color:var(--rgb-accent);box-shadow:0 0 22px color-mix(in srgb,var(--rgb-accent) 22%,transparent)}
body.theme-rgb .accountPlusCard:after,body.theme-rgb .accountPlusState>strong,body.theme-rgb .accountPlusMark b{color:color-mix(in srgb,var(--rgb-accent) 70%,#fff)}
body.theme-rgb .accountPlusMark{border-color:var(--rgb-accent);box-shadow:0 0 16px color-mix(in srgb,var(--rgb-accent) 24%,transparent)}

/* V16 · Experiencia móvil ordenada (solo celular; escritorio intacto) */
@media(max-width:700px){
  html,body{overflow-x:hidden}
  .topbar{
    position:sticky;top:0;z-index:40;height:auto;min-height:0;
    display:grid;grid-template-columns:1fr;align-items:stretch;gap:10px;
    padding:10px 12px 11px;
  }
  .brand{min-width:0;gap:10px;align-items:center}
  .brand img{width:42px;height:42px;border-radius:12px;flex:0 0 auto}
  .brand>div{min-width:0}
  .brand b{font-size:15px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .brandMeta{gap:6px;margin-top:5px;flex-wrap:nowrap}
  .brandMeta .roleBadge,.brandMeta .tierBadge,.topPlusChip{height:21px;min-width:0;padding:0 8px;font-size:8px}

  .topActions{
    width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px auto;
    align-items:stretch;gap:7px;
  }
  .balanceBox,.balanceBox.levelBox{
    width:auto;min-width:0;min-height:54px;margin:0;padding:7px 9px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
    border-radius:11px;
  }
  .balanceBox span,.balanceBox.levelBox span{font-size:7px;line-height:1.15;white-space:normal;text-align:center}
  .balanceBox b{font-size:14px;line-height:1.15;white-space:normal;text-align:center}
  .balanceBox.levelBox b{font-size:13px;padding:3px 5px;margin-top:3px}
  .customizeBtn{width:42px;height:54px;padding:0!important;border-radius:11px;align-self:stretch}
  #logoutBtn{height:54px;min-width:62px;padding:0 12px!important;border-radius:11px;font-size:13px}

  .layout{display:block;min-height:0}
  .sidebar{
    padding:7px 10px;border-right:0;border-bottom:1px solid var(--line);
    overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    background:color-mix(in srgb,var(--bg) 94%,transparent);
  }
  .sidebar::-webkit-scrollbar{display:none}
  .sidebar nav{display:flex;gap:6px;min-width:max-content;position:static}
  .sidebar button{
    width:auto;min-height:38px;padding:8px 12px;border-radius:10px;
    white-space:nowrap;font-size:12px;scroll-snap-align:start;
  }
  .client-customized .sidebar button.on{box-shadow:inset 0 -3px 0 var(--blue)}

  .main{padding:14px 12px 24px}
  .pageHead{align-items:center;gap:10px;margin-bottom:14px}
  .pageHead>div{min-width:0}
  .pageHead span{font-size:8px}
  .pageHead h1{font-size:24px;line-height:1.08;margin:4px 0 5px}
  .pageHead p{font-size:12px;line-height:1.35}
  #refreshBtn{flex:0 0 auto;padding:9px 11px;font-size:11px;border-radius:10px}

  .card{border-radius:14px;padding:14px}
  .homeStats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .homeStat{min-height:92px;padding:14px 15px}
  .homeStat span{font-size:8px;line-height:1.2}
  .homeStat b{font-size:21px;line-height:1.15;margin-top:6px;overflow-wrap:anywhere}
  .homePanels{grid-template-columns:1fr!important;gap:12px}

  .homeTierCard{gap:12px;padding:15px 14px}
  .homeTierHead{gap:10px}
  .homeTierHead h2{font-size:23px;line-height:1.05}
  .homeTierHead p{font-size:11px;line-height:1.4}
  .tierSpark{width:36px;height:36px;flex:0 0 auto}
  .homeTierProgressLine{grid-template-columns:1fr!important;gap:7px}
  .homeTierPercent{font-size:11px;white-space:normal}
  .homeTierMeta{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px}
  .homeTierMeta .metaBox{min-width:0;padding:10px 9px}
  .homeTierMeta .metaBox span{font-size:7px}
  .homeTierMeta .metaBox b{font-size:12px;overflow-wrap:anywhere}
  .tierRail{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .tierStep{height:30px;padding:0 6px}
  .tierStep b{font-size:7px}

  .homeActionCard,.homeNoticeCard{min-height:auto;padding:15px}
  .homeActionCard .row{align-items:stretch}
  .homeActionCard .row button{flex:1 1 130px}

  .grid2,.grid3,.grid4,.formGrid{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .sectionTitle{align-items:flex-start}

  .plusHero{padding:14px}
  .plusHeroMain{grid-template-columns:1fr!important;gap:14px}
  .plusInsignia{min-height:112px}
  .plusPriceCard{grid-column:auto!important;display:block!important;padding:15px!important}
  .plusPriceCard>b{font-size:30px!important}
  .plusBenefits{grid-template-columns:1fr!important;gap:10px}
  .plusBenefit{padding:14px;min-height:0}

  .supportLockedShell{min-height:520px}
  .supportLockOverlay{padding:12px}
  .supportLockCard{width:100%;padding:20px 16px;border-radius:17px}
  .supportLockIcon{width:54px;height:54px;border-radius:15px;margin-bottom:12px}
  .supportLockCard h2{font-size:20px;line-height:1.15}
  .supportLockCard p{font-size:11px;line-height:1.5}
  .supportTicketGrid{gap:12px}
  .supportComposer,.supportTicketsList{padding:14px}

  .accountSettingsGrid{grid-template-columns:1fr;gap:12px}
  .accountProfileCard{grid-column:auto}
  .accountInfoGrid{grid-template-columns:1fr!important;gap:10px}
  .settingsCardHead{gap:12px;margin-bottom:15px}
  .settingsCardHead h2{font-size:18px}
  .settingsCardHead p{font-size:11px;line-height:1.4}
  .accountReadOnly{min-height:68px;padding:12px 13px}

  .tableWrap{margin-left:-2px;margin-right:-2px}
  table{min-width:680px}
  th,td{padding:9px 10px}

  .modal{padding:10px;align-items:end}
  .modalCard{width:100%;max-height:88vh;border-radius:18px 18px 10px 10px;padding:16px}
}

@media(max-width:380px){
  .topActions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px 56px;gap:5px}
  .balanceBox,.balanceBox.levelBox,.customizeBtn,#logoutBtn{min-height:50px;height:50px}
  #logoutBtn{min-width:56px;padding:0 8px!important;font-size:12px}
  .balanceBox b{font-size:12px}.balanceBox.levelBox b{font-size:12px}
  .homeStats{grid-template-columns:1fr 1fr!important}
  .homeStat{padding:12px;min-height:84px}.homeStat b{font-size:19px}
  .homeTierMeta{grid-template-columns:1fr!important}
}


/* V11 · Calidad de servicios — solo Admin */
.qualityIntro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.qualityIntro h2{margin:0 0 5px}.qualityLegend{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.qualityGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qualityCard{display:flex;flex-direction:column;gap:14px}.qualityHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.qualityHead h3{margin:4px 0}.qualityAuto{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.qualityAuto>div{padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.qualityAuto span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.qualityAuto b{font-size:15px}.qualityForm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.qualityNotes textarea{resize:vertical;min-height:84px}.qualityFooter{display:flex;align-items:center;justify-content:space-between;gap:10px}.qualityCard .badge.infoN{background:rgba(37,83,255,.12);color:var(--accent);border-color:rgba(37,83,255,.25)}
@media(max-width:900px){.qualityGrid{grid-template-columns:1fr}.qualityForm{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.qualityIntro{align-items:flex-start;flex-direction:column}.qualityLegend{justify-content:flex-start}.qualityAuto{grid-template-columns:repeat(2,minmax(0,1fr))}.qualityForm{grid-template-columns:1fr}.qualityFooter{align-items:stretch;flex-direction:column}.qualityFooter button{width:100%}}

/* Admin: nombre visible editable por servicio */
.servicePublicNameInput{min-width:190px;max-width:280px;width:100%;padding:8px 10px}
@media(max-width:768px){.servicePublicNameInput{min-width:170px}}

/* V15 · privacidad Instagram + calidad */
.privacyFlag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;border:1px solid var(--line);border-radius:999px;padding:6px 9px;white-space:nowrap}
.privacyFlag.public{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.25);color:#86efac}
.privacyFlag.private{background:rgba(239,68,68,.11);border-color:rgba(239,68,68,.28);color:#fca5a5}
.privacyFlag.pending{background:rgba(148,163,184,.08);color:var(--muted)}
.privacyCell{min-width:155px}.privacyCell small{display:block;margin-top:5px;max-width:190px;color:var(--muted);font-size:10px;line-height:1.35}
.privacyQualityNote{margin-top:12px;border:1px solid rgba(239,68,68,.20);background:rgba(239,68,68,.07);border-radius:13px;padding:11px 12px;display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center}
.privacyQualityNote span{font-size:12px;font-weight:800}.privacyQualityNote b{font-size:19px;color:#fca5a5}.privacyQualityNote small{grid-column:1/-1;color:var(--muted);font-size:10px}
body.theme-light .privacyFlag.public{color:#15803d}body.theme-light .privacyFlag.private{color:#b91c1c}
@media (max-width:768px){.privacyCell{min-width:145px}.qualityIntro>div:last-child{width:100%}.qualityIntro>div:last-child button{flex:1 1 145px}}

.adminOasNavLabel{margin:14px 10px 4px;padding-top:12px;border-top:1px solid var(--line);color:#6f8cff;font-size:9px;font-weight:900;letter-spacing:.15em}.sidebar button.oasNav{color:#aab7d0}.oasAdminLanding{max-width:760px}@media(max-width:900px){.adminOasNavLabel{margin:0 8px;padding:9px 8px;border-top:0;border-left:1px solid var(--line);white-space:nowrap}.sidebar button.oasNav{border:1px solid #202a39}}

/* Tienda OAS admin: distribución más clara */
.oasStoreAdmin{max-width:980px;display:grid;gap:14px}.oasStoreHero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px}.oasStoreHero h2{margin:5px 0 7px;font-size:24px}.oasStoreHero p{margin:0;color:var(--muted);max-width:650px;line-height:1.55}.adminOasKicker{font-size:9px;font-weight:900;letter-spacing:.16em;color:#7793ff}.oasStoreAdminGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.oasStoreAdminCard{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start;padding:18px;min-height:170px}.oasStoreIcon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#111c3b;border:1px solid #263c75;color:#8ca4ff;font-weight:900;font-size:18px}.oasStoreAdminCard h3{margin:2px 0 7px;font-size:15px}.oasStoreAdminCard p{margin:0 0 16px;color:var(--muted);font-size:11px;line-height:1.55}.oasStoreAdminCard .primary,.oasStoreAdminCard .ghost{display:inline-flex;text-decoration:none}.oasStoreAdminNote{margin-top:0}@media(max-width:700px){.oasStoreAdminGrid{grid-template-columns:1fr}.oasStoreHero{padding:17px}.oasStoreAdminCard{min-height:auto}}

/* Servicios OAS: vista en tarjetas limpia */
.oasProductsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.oasProductCard{display:grid;gap:18px;padding:20px;min-width:0}.oasProductHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid var(--line)}.oasProductHead h3{margin:5px 0 5px;font-size:20px}.oasProductBadges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.oasProductFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.oasProductFields .field{margin:0}.oasProductFields .field>span{display:block;font-size:10px;font-weight:800;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.oasProductFields input{width:100%}.oasProductFields small{display:block;color:var(--muted);font-size:9px;margin-top:6px}.oasProductActions{display:flex;gap:9px;flex-wrap:wrap;padding-top:2px}.oasProductActions button{flex:1 1 170px}.oasProductCard.searchHidden{display:none!important}@media(max-width:1000px){.oasProductsGrid{grid-template-columns:1fr}}@media(max-width:620px){.oasProductHead{display:grid}.oasProductBadges{justify-content:flex-start}.oasProductFields{grid-template-columns:1fr}.oasProductActions{display:grid}.oasProductActions button{width:100%}}

/* Recargas: Mercado Pago */
.rechargeProviderBadges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.rechargeMinimums{display:flex;flex-wrap:wrap;gap:10px}
.rechargeMinimums .mpMinimum{flex:1 1 210px}
.rechargePaymentButtons{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
@media(max-width:600px){.rechargeProviderBadges{justify-content:flex-start}.rechargePaymentButtons{display:grid;grid-template-columns:1fr}.rechargePaymentButtons .rechargeSubmit{width:100%;max-width:none}}

/* Membresías PLUS + PRO */
.proMembershipChip{border-color:#c9a227!important;background:linear-gradient(135deg,#241b08,#5b4310,#15100a)!important;box-shadow:0 0 18px rgba(245,197,66,.28)!important;color:#ffe9a3!important}
.proMembershipChip img{filter:drop-shadow(0 0 7px rgba(255,215,90,.35))}
.membershipPage{display:grid;gap:16px}.membershipIntro{padding:22px}.membershipPlans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.membershipPlan{position:relative;overflow:hidden;padding:22px;display:grid;gap:12px}.membershipPlan.current{box-shadow:0 0 0 1px color-mix(in srgb,var(--blue) 55%,transparent),0 12px 34px rgba(0,0,0,.2)}.membershipPlanTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.membershipBadge{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:7px 11px;border-radius:999px;font-size:11px;font-weight:950;letter-spacing:.12em;border:1px solid #2f405b;background:#111a29}.proBadge{color:#ffe79b;border-color:#b58b21;background:linear-gradient(135deg,#171108,#4b3509,#171108);box-shadow:0 0 22px rgba(236,186,48,.2)}.membershipPrice{font-size:28px;font-weight:950}.membershipPrice small{font-size:12px;color:var(--muted);margin-left:5px}.membershipDiscount{font-size:18px;font-weight:900;color:#62e391}.membershipPlan ul{margin:0;padding-left:20px;color:#c5cfdd;display:grid;gap:8px}.membershipExpiry{font-size:11px;color:var(--muted)}.proPlan{border-color:#6d5516;background:radial-gradient(circle at 95% 0,rgba(255,207,70,.13),transparent 34%),linear-gradient(180deg,#121109,#0b0d12)}.proPlan:after{content:"";position:absolute;inset:-80% 25% auto -25%;height:180px;transform:rotate(-12deg);background:linear-gradient(90deg,transparent,rgba(255,228,136,.08),transparent);pointer-events:none}.proBuy{background:linear-gradient(135deg,#d7a51d,#ffe174,#b77e0d)!important;color:#171006!important;border-color:#ffe99c!important}.proGoalSubscription{display:grid;gap:12px}.proGoalCard{display:grid;gap:13px;position:relative;overflow:hidden}.proGoalCard.locked{opacity:.78}.proGoalHead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.proGoalEyebrow{font-size:9px;letter-spacing:.13em;font-weight:950;color:#e2b94a}.proGoalHead h2{margin:3px 0 4px}.proGoalHead p{margin:0;color:var(--muted);font-size:12px}.proGoalLock{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#17140c;border:1px solid #6f581c;font-size:18px}.proGoalProgress{height:10px;border-radius:99px;background:#171c25;overflow:hidden;border:1px solid #2b3443}.proGoalProgress>div{height:100%;background:linear-gradient(90deg,#b98510,#ffe172);border-radius:99px}.proGoalNumbers{display:flex;justify-content:space-between;gap:12px;font-size:11px}.proGoalNumbers span{color:var(--muted)}.proGoalLockedBar{padding:10px 12px;border-radius:10px;background:#10141b;border:1px dashed #4b5668;color:#aeb9ca;font-size:11px}.proGoalGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.proGoalStep{padding:10px;border-radius:10px;border:1px solid #283244;background:#0c1118;display:grid;gap:3px;text-align:center}.proGoalStep span{font-size:10px;color:var(--muted)}.proGoalStep b{font-size:11px}.proGoalStep.done{border-color:#8c6b18;background:#1a160b;color:#ffe690}.proAdminBadge,.proStat b{color:#f6ce63}.proAccountMark{border-color:#9b7720!important;background:#241b08!important}.proTicketMark{color:#ffe08a!important}
@media(max-width:900px){.membershipPlans{grid-template-columns:1fr}.proGoalGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V27 · Nueva orden más clara y profesional */
.orderCreateCard{padding:20px}.orderSectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.orderSectionHead>div{display:flex;align-items:center;gap:12px}.orderSectionHead.compact{margin-top:1px}.orderSectionHead h2{margin:0;font-size:16px}.orderSectionHead p{margin:3px 0 0;color:var(--muted);font-size:11px}.orderStep{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--blue) 18%,#111722);border:1px solid color-mix(in srgb,var(--blue) 45%,#2b3545);color:color-mix(in srgb,var(--blue) 75%,#fff);font-size:11px;font-weight:950}.orderDivider{height:1px;background:var(--line);margin:2px 0}.selectedServiceCard{border:1px solid var(--line);border-radius:14px;background:#0b1018;padding:14px;transition:.18s}.selectedServiceCard.emptySelection{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;color:var(--muted);border-style:dashed}.selectedServiceEmptyIcon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#141b27;color:#8090a8;font-size:20px}.selectedServiceCard.emptySelection b{display:block;color:#c8d1df;font-size:12px}.selectedServiceCard.emptySelection small{display:block;margin-top:3px;font-size:10px}.selectedServiceCard.selected{border-color:color-mix(in srgb,var(--blue) 62%,#273246);background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 10%,#0d121a),#0b1017);box-shadow:0 14px 34px color-mix(in srgb,var(--blue) 8%,transparent)}.selectedServiceMain{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center}.selectedServiceMain .serviceAvatar{width:48px;height:48px}.selectedServiceIdentity{min-width:0}.selectedServiceLabel{display:block;color:color-mix(in srgb,var(--blue) 74%,#fff);font-size:8px;font-weight:950;letter-spacing:.11em}.selectedServiceIdentity h3{margin:3px 0 4px;font-size:15px}.selectedServicePrice{font-weight:950;font-size:13px}.selectedServicePrice>span{color:var(--muted);font-size:10px;font-weight:800}.selectedServicePrice em{font-style:normal;display:inline-flex;margin-left:7px;padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--blue) 15%,#111722);border:1px solid color-mix(in srgb,var(--blue) 35%,#2b3545);color:color-mix(in srgb,var(--blue) 72%,#fff);font-size:8px;font-weight:950}.selectedServiceFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:13px}.selectedServiceFacts>div{min-width:0;border:1px solid #202a38;background:#0a0f16;border-radius:10px;padding:9px 10px}.selectedServiceFacts span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;font-weight:900;letter-spacing:.05em}.selectedServiceFacts b{display:block;margin-top:3px;font-size:11px;line-height:1.3}.selectedServiceFacts .refillYes{border-color:#205a46;background:#0c1b16}.selectedServiceFacts .refillYes b{color:#79e4bd}.selectedServiceFacts .refillNo{border-color:#4c3540;background:#171014}.selectedServiceFacts .refillNo b{color:#d8a7b5}.orderFieldsGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.orderSubmitBtn{min-height:48px;font-size:14px;letter-spacing:.02em}
body.theme-light .selectedServiceCard{background:#fff;border-color:#d8e0eb}body.theme-light .selectedServiceCard.selected{background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 5%,#fff),#fff)}body.theme-light .selectedServiceEmptyIcon{background:#eef2f7;color:#64748b}body.theme-light .selectedServiceCard.emptySelection b{color:#334155}body.theme-light .selectedServiceFacts>div{background:#f8fafc;border-color:#dbe3ed}body.theme-light .selectedServiceFacts .refillYes{background:#ecfdf5;border-color:#a7f3d0}body.theme-light .selectedServiceFacts .refillNo{background:#fff1f2;border-color:#fecdd3}
@media(max-width:800px){.selectedServiceFacts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.orderCreateCard{padding:14px}.orderSectionHead p{display:none}.selectedServiceFacts,.orderFieldsGrid{grid-template-columns:1fr}.selectedServiceMain{grid-template-columns:42px 1fr}.selectedServiceMain .serviceAvatar{width:42px;height:42px}}


/* Ajuste final Nueva orden: ficha seleccionada compacta */
.selectedServiceCard.selected{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.55fr);align-items:center;gap:12px;padding:10px 12px}
.selectedServiceMain{grid-template-columns:42px 1fr;gap:10px}
.selectedServiceMain .serviceAvatar{width:42px;height:42px}
.selectedServiceIdentity h3{margin:2px 0 3px;font-size:14px}
.selectedServicePrice{font-size:12px}
.selectedServiceFacts{margin-top:0;gap:7px}
.selectedServiceFacts>div{padding:7px 9px;border-radius:9px}
.selectedServiceFacts b{font-size:10px;margin-top:2px}
.selectedServiceFacts span{font-size:7px}
@media(max-width:1050px){.selectedServiceCard.selected{grid-template-columns:1fr}.selectedServiceFacts{margin-top:2px}}
@media(max-width:600px){.selectedServiceCard.selected{padding:10px}.selectedServiceFacts{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* V31 · Top Ranking mensual */
.topRankingPage{display:grid;gap:14px}
.topRankingHero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;overflow:hidden;position:relative}
.topRankingHero:after{content:"";position:absolute;right:-70px;top:-95px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--blue) 18%,transparent),transparent 68%);pointer-events:none}
.topRankingEyebrow{font-size:9px;font-weight:950;letter-spacing:.15em;color:color-mix(in srgb,var(--blue) 72%,#fff)}
.topRankingHero h2{margin:4px 0 5px;font-size:24px}
.topRankingHero p{margin:0;color:var(--muted);font-size:11px;max-width:620px}
.topRankingTimerBox{min-width:220px;padding:13px 15px;border-radius:13px;background:#0b111a;border:1px solid #263142;text-align:right;position:relative;z-index:1}
.topRankingTimerBox span,.topRankingTimerBox small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:850}
.topRankingTimerBox b{display:block;margin:4px 0;font-size:18px;letter-spacing:.03em}
.topRankingMeCard{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--blue) 48%,#2b3545);border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 10%,#0c121b),#0b1017)}
.topRankingMeCard span{font-size:9px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.topRankingMeCard>b{font-size:19px;color:color-mix(in srgb,var(--blue) 72%,#fff)}.topRankingMeCard small{font-size:10px;color:#c7d2df}
.topRankingMeCard.noSpend,.topRankingMeCard.outside{border-color:#394354;background:#0c1118}.topRankingMeCard.noSpend>b,.topRankingMeCard.outside>b{color:#d8e0eb}
.topRankingPodium{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px}
.topPodiumCard{position:relative;overflow:hidden;border:1px solid #2a3444;border-radius:16px;background:#0b1119;padding:16px;min-height:150px;display:grid;align-content:space-between;gap:14px}
.topPodiumCard.top1{border-color:#9b7820;background:radial-gradient(circle at 100% 0,rgba(255,213,80,.14),transparent 45%),linear-gradient(145deg,#191508,#0b1017);box-shadow:0 13px 34px rgba(183,133,20,.12)}
.topPodiumCard.top2{border-color:#52637a;background:radial-gradient(circle at 100% 0,rgba(176,196,222,.12),transparent 45%),#0b1119}
.topPodiumCard.top3{border-color:#714a2b;background:radial-gradient(circle at 100% 0,rgba(202,128,67,.12),transparent 45%),#0b1119}
.topPodiumCard.isMe,.topRankingRow.isMe{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 70%,transparent),0 0 24px color-mix(in srgb,var(--blue) 13%,transparent)}
.topPodiumPosition{display:flex;align-items:center;gap:9px}.topPodiumPosition>b{font-size:24px}
.rankEmblem{width:46px;height:50px;border-radius:13px;display:grid;place-items:center;align-content:center;gap:1px;border:1px solid #38465a;background:#101722}.rankCore{font-size:17px;line-height:1}.rankBars{font-size:7px;letter-spacing:1px;line-height:1}
.rankOne{border-color:#b78b1c;color:#ffe183;background:linear-gradient(145deg,#362808,#171206);box-shadow:0 0 22px rgba(255,207,72,.16)}
.rankTwo{border-color:#667a95;color:#d8e5f7;background:linear-gradient(145deg,#263344,#101722)}
.rankThree{border-color:#8d5d33;color:#e5aa78;background:linear-gradient(145deg,#382516,#15100c)}
.topPodiumIdentity{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.topPodiumIdentity h3{width:100%;margin:0;font-size:14px}
.topRankYou{display:inline-flex;padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--blue) 22%,#111722);border:1px solid color-mix(in srgb,var(--blue) 48%,#2b3545);font-size:7px;font-weight:950;letter-spacing:.09em;color:#dce8ff}
.topRankMembership{display:inline-flex;width:max-content;align-items:center;padding:4px 7px;border-radius:999px;border:1px solid #334055;background:#111824;font-size:8px;font-weight:950;letter-spacing:.06em}
.topRankMembership.plus{color:#a9c8ff;border-color:#35588e;background:#0c1b31}.topRankMembership.pro{color:#ffe188;border-color:#8e6d1a;background:#251d08}.topRankMembership.free{color:#6f7a89}
.topPodiumSpend span{display:block;font-size:8px;color:var(--muted);text-transform:uppercase;font-weight:900;letter-spacing:.07em}.topPodiumSpend b{display:block;margin-top:4px;font-size:15px}
.topRankingList{padding:0;overflow:hidden}.topRankingListHead,.topRankingRow{display:grid;grid-template-columns:90px minmax(180px,1fr) 140px 180px;align-items:center;gap:8px;padding:11px 14px}
.topRankingListHead{background:#0b1119;border-bottom:1px solid var(--line);font-size:8px;color:var(--muted);text-transform:uppercase;font-weight:950;letter-spacing:.07em}
.topRankingRow{border-bottom:1px solid #1d2531;min-height:54px}.topRankingRow:last-child{border-bottom:0}.topRankingRow:hover{background:#0d141e}.topRankingRow.isMe{background:color-mix(in srgb,var(--blue) 8%,#0b1119)}
.topRankingPos b{font-size:13px}.topRankingClient{display:flex;align-items:center;gap:7px;min-width:0}.topRankingClient>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.topRankingSpend{text-align:right;font-size:11px;font-weight:900}
.topRankingFoot{text-align:center;padding:2px 0 6px}.topRankingEmpty{text-align:center;padding:30px;color:var(--muted)}
body.theme-light .topRankingTimerBox,body.theme-light .topPodiumCard,body.theme-light .topRankingListHead{background:#f7f9fc;border-color:#d7e0eb}body.theme-light .topRankingRow{border-color:#e1e7ef}body.theme-light .topRankingRow:hover{background:#f8fafc}
@media(max-width:760px){.topRankingHero{display:grid}.topRankingTimerBox{min-width:0;text-align:left}.topRankingPodium{grid-template-columns:1fr}.topPodiumCard{min-height:120px}.topRankingList{overflow:auto}.topRankingListHead,.topRankingRow{min-width:650px}.topRankingMeCard{grid-template-columns:auto auto;}.topRankingMeCard small{grid-column:1/-1}}


/* V32 · Top Ranking tipo podio + Top 10 */
.topRankingPodiumStage{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);
  align-items:end;
  gap:12px;
  padding-top:28px;
}
.topRankingPodiumStage .topPodiumCard{
  padding:16px 16px 0;
  min-height:168px;
  border-radius:16px 16px 9px 9px;
  display:flex;
  flex-direction:column;
  gap:12px;
  justify-content:flex-start;
}
.topRankingPodiumStage .topPodiumCard.top1{
  order:2;
  min-height:220px;
  transform:translateY(-18px);
  border-color:#b98c22;
  background:
    radial-gradient(circle at 50% -10%,rgba(255,218,95,.20),transparent 42%),
    linear-gradient(155deg,#211a08,#0c1118 74%);
  box-shadow:0 18px 42px rgba(202,153,36,.17),inset 0 1px 0 rgba(255,229,137,.15);
}
.topRankingPodiumStage .topPodiumCard.top2{
  order:1;
  min-height:184px;
  border-color:#62758f;
  background:
    radial-gradient(circle at 50% -10%,rgba(191,208,232,.15),transparent 42%),
    linear-gradient(155deg,#17212e,#0c1118 74%);
}
.topRankingPodiumStage .topPodiumCard.top3{
  order:3;
  min-height:168px;
  border-color:#815638;
  background:
    radial-gradient(circle at 50% -10%,rgba(214,139,81,.14),transparent 42%),
    linear-gradient(155deg,#24170f,#0c1118 74%);
}
.podiumRankFlag{display:flex;align-items:center;justify-content:center;gap:9px}
.podiumRankFlag>b{font-size:26px;line-height:1}
.topRankingPodiumStage .top1 .podiumRankFlag>b{font-size:32px}
.topRankingPodiumStage .topPodiumIdentity{text-align:center;justify-content:center}
.topRankingPodiumStage .topPodiumIdentity h3{font-size:15px;text-align:center}
.topRankingPodiumStage .topPodiumSpend{text-align:center;margin-top:auto}
.topRankingPodiumStage .topPodiumSpend b{font-size:16px}
.topRankingPodiumStage .top1 .topPodiumSpend b{font-size:19px}
.podiumBase{
  margin:2px -16px 0;
  min-height:31px;
  display:grid;
  place-items:center;
  border-radius:0 0 8px 8px;
  border-top:1px solid rgba(255,255,255,.07);
  background:#121923;
}
.podiumBase span{font-size:7px;font-weight:950;letter-spacing:.11em;color:#8995a6}
.top1 .podiumBase{background:linear-gradient(90deg,#493508,#7b5b10,#493508)}
.top1 .podiumBase span{color:#ffe79c}
.top2 .podiumBase{background:linear-gradient(90deg,#1f2b39,#33465b,#1f2b39)}
.top2 .podiumBase span{color:#cfdef1}
.top3 .podiumBase{background:linear-gradient(90deg,#2c1d14,#4d3020,#2c1d14)}
.top3 .podiumBase span{color:#e8b88d}
.topRankingMeCard>b{min-width:54px;text-align:center}
.topRankingList:before{
  content:"PUESTOS 4 — 10";
  display:block;
  padding:11px 14px 8px;
  font-size:8px;
  letter-spacing:.12em;
  font-weight:950;
  color:var(--muted);
  background:#0b1119;
}
@media(max-width:760px){
  .topRankingPodiumStage{grid-template-columns:1fr;padding-top:0}
  .topRankingPodiumStage .topPodiumCard.top1,
  .topRankingPodiumStage .topPodiumCard.top2,
  .topRankingPodiumStage .topPodiumCard.top3{order:initial;transform:none;min-height:145px}
  .topRankingPodiumStage .topPodiumCard.top1{order:1}
  .topRankingPodiumStage .topPodiumCard.top2{order:2}
  .topRankingPodiumStage .topPodiumCard.top3{order:3}
}


/* V33 · selector global de idioma y moneda */
.localeBtn{width:42px;min-width:42px;height:42px;padding:0;display:grid;place-items:center}.localeIcon{font-size:17px;line-height:1}.localeCard{width:min(560px,100%)}.localeChoiceGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.localePreview{display:flex;gap:11px;align-items:center;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#0b1119}.localePreview>span{font-size:23px}.localePreview b,.localePreview small{display:block}.localePreview small{margin-top:3px;color:var(--muted);font-size:9px}.localeSave{width:100%;margin-top:14px}.settingsPreferenceGrid.singlePreference{grid-template-columns:1fr}.topActions .localeBtn{order:8}.topActions .customizeBtn{order:9}.topActions #logoutBtn{order:10}@media(max-width:720px){.localeChoiceGrid{grid-template-columns:1fr}.localeBtn{width:38px;min-width:38px;height:38px}}
@media(max-width:900px){.topActions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px 42px auto}.localeBtn{width:42px;height:54px;padding:0!important;border-radius:11px;align-self:stretch}}
@media(max-width:380px){.topActions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px 38px 56px}.localeBtn,.customizeBtn{width:38px;min-width:38px;min-height:50px;height:50px}}


/* V34 · Preferencias globales de idioma y moneda */
.localeCardV2{width:min(690px,calc(100vw - 28px));padding:0;overflow:hidden;border-radius:20px}
.localeHeader{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:start;padding:22px 22px 18px;border-bottom:1px solid var(--line);background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 7%,#101722),#0d131c)}
.localeHeaderIcon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:23px;background:color-mix(in srgb,var(--blue) 16%,#0b1119);border:1px solid color-mix(in srgb,var(--blue) 34%,#283447)}
.localeHeaderCopy{min-width:0}.localeHeaderCopy h2{margin:3px 0 5px;font-size:23px}.localeHeaderCopy p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.localeEyebrow{display:block;font-size:8px;font-weight:950;letter-spacing:.14em;color:color-mix(in srgb,var(--blue) 72%,#fff)}
.localeClose{width:38px;height:38px;padding:0;border-radius:11px;font-size:22px;line-height:1}
.localeSettings{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 22px 10px}
.localeSettingBlock{padding:15px;border:1px solid #283446;border-radius:15px;background:#0b1119}
.localeSettingHead{display:grid;grid-template-columns:35px 1fr;gap:10px;align-items:start;margin-bottom:12px}
.localeSettingIcon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-size:14px;font-weight:950;background:#101a28;border:1px solid #2e3e55;color:#dbe7fb}
.localeSettingHead b{display:block;font-size:11px}.localeSettingHead small{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}
.localeSelectWrap{display:block}.localeSelectWrap select{width:100%;min-height:48px;border-radius:12px;font-weight:850;background:#090f16}
.localeInfoBar{margin:4px 22px 0;padding:11px 13px;border-radius:12px;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;background:#0b151e;border:1px solid #25394c;color:#b9c8d8}
.localeInfoBar span{font-weight:950}.localeInfoBar p{margin:0;font-size:9px;line-height:1.45}
.localeFooter{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 22px 21px}.localeCurrent span{display:block;color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.localeCurrent b{display:block;margin-top:3px;font-size:11px}.localeSave{min-width:230px}
body.theme-light .localeHeader{background:#f7f9fc}body.theme-light .localeSettingBlock{background:#fff;border-color:#d7e0eb}body.theme-light .localeSelectWrap select{background:#fff}body.theme-light .localeInfoBar{background:#f5f9fd;border-color:#d6e1ec;color:#46566b}
@media(max-width:680px){.localeSettings{grid-template-columns:1fr}.localeFooter{display:grid}.localeSave{width:100%;min-width:0}.localeHeader{grid-template-columns:42px 1fr auto;padding:18px}.localeHeaderIcon{width:42px;height:42px}.localeSettings{padding:14px 18px 8px}.localeInfoBar{margin-left:18px;margin-right:18px}.localeFooter{padding:15px 18px 18px}}


/* V35 · Selector idioma/moneda centrado y ligado al color del tema */
.localeCardV2{
  width:min(660px,calc(100vw - 28px));
  margin:auto;
}
.localeHeader{
  grid-template-columns:48px minmax(0,1fr) 38px;
  align-items:center;
}
.localeHeaderCopy{
  text-align:left;
}
.localeHeaderIcon,
.localeSettingIcon{
  color:color-mix(in srgb,var(--blue) 82%,#fff);
  border-color:color-mix(in srgb,var(--blue) 52%,#29364a);
  background:color-mix(in srgb,var(--blue) 15%,#0b1119);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 10%,transparent);
}
.localeEyebrow{
  color:color-mix(in srgb,var(--blue) 78%,#fff);
}
.localeSettings{
  grid-template-columns:1fr 1fr;
  align-items:stretch;
}
.localeSettingBlock{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  text-align:center;
  border-color:color-mix(in srgb,var(--blue) 24%,#283446);
}
.localeSettingHead{
  grid-template-columns:1fr;
  justify-items:center;
  text-align:center;
  gap:8px;
  min-height:82px;
}
.localeSettingHead small{
  max-width:245px;
  margin:4px auto 0;
}
.localeSelectWrap{
  width:100%;
  display:flex;
  justify-content:center;
}
.localeSelectWrap select{
  width:100%;
  min-height:52px;
  text-align:center;
  text-align-last:center;
  color:color-mix(in srgb,var(--blue) 76%,#fff);
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--blue) 11%,#090f16),#090f16);
  border:1px solid color-mix(in srgb,var(--blue) 58%,#344156);
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--blue) 7%,transparent),
    inset 0 1px 0 rgba(255,255,255,.025);
  font-weight:950;
  padding-left:42px;
  padding-right:42px;
}
.localeSelectWrap select:focus{
  outline:none;
  border-color:var(--blue);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 18%,transparent);
}
.localeSelectWrap select option{
  background:#0b1119;
  color:#f4f7fb;
  text-align:left;
}
.localeInfoBar{
  text-align:center;
  grid-template-columns:1fr;
  justify-items:center;
  border-color:color-mix(in srgb,var(--blue) 30%,#25394c);
}
.localeInfoBar span{
  color:color-mix(in srgb,var(--blue) 75%,#fff);
}
.localeInfoBar p{
  max-width:570px;
}
.localeFooter{
  display:grid;
  grid-template-columns:1fr;
  justify-items:center;
  text-align:center;
  gap:12px;
}
.localeCurrent{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.localeCurrent span,
.localeCurrent b{
  display:inline;
  margin:0;
}
.localeCurrent b{
  color:color-mix(in srgb,var(--blue) 78%,#fff);
}
.localeSave{
  width:min(100%,470px);
  min-width:0;
  background:var(--blue);
  border-color:var(--blue);
}
.localeSave:hover{
  filter:brightness(1.08);
}
body.theme-light .localeSettingBlock{
  border-color:color-mix(in srgb,var(--blue) 24%,#d7e0eb);
}
body.theme-light .localeSelectWrap select{
  color:color-mix(in srgb,var(--blue) 78%,#182235);
  background:color-mix(in srgb,var(--blue) 5%,#fff);
  border-color:color-mix(in srgb,var(--blue) 48%,#cbd5e1);
}
body.theme-light .localeSelectWrap select option{
  background:#fff;
  color:#172033;
}
@media(max-width:680px){
  .localeSettings{grid-template-columns:1fr}
  .localeSettingHead{min-height:0}
  .localeHeaderCopy{text-align:left}
  .localeCurrent{flex-wrap:wrap}
}


/* V36 · Densidad profesional del PANEL CLIENTE en escritorio
   Objetivo: que a 100% de zoom se vea amplio, ordenado y compacto,
   sin afectar Admin ni las vistas móviles. */
@media (min-width:901px){
  body.client-customized .topbar{
    height:58px;
    padding:0 14px;
  }
  body.client-customized .brand{gap:9px}
  body.client-customized .brand img{
    width:40px;
    height:40px;
    border-radius:11px;
  }
  body.client-customized .brand b{font-size:14px}
  body.client-customized .brandMeta{gap:6px;margin-top:3px}
  body.client-customized .tierBadge{
    min-height:20px;
    padding:3px 9px;
    font-size:9px;
  }

  body.client-customized .topActions{gap:7px}
  body.client-customized .balanceBox{
    min-width:132px;
    padding:5px 9px;
  }
  body.client-customized .balanceBox span{font-size:7px}
  body.client-customized .balanceBox b{font-size:13px}
  body.client-customized .topActions .ghost,
  body.client-customized #logoutBtn{
    min-height:38px;
    padding:8px 11px;
    font-size:11px;
  }
  body.client-customized .localeBtn,
  body.client-customized .customizeBtn{
    width:38px;
    height:38px;
    min-width:38px;
    padding:0!important;
  }

  body.client-customized .layout{
    grid-template-columns:184px minmax(0,1fr);
    min-height:calc(100vh - 58px);
  }
  body.client-customized .sidebar{
    padding:11px 8px;
  }
  body.client-customized .sidebar nav{
    gap:3px;
    top:68px;
  }
  body.client-customized .sidebar button{
    padding:8px 9px;
    border-radius:9px;
    font-size:11px;
    line-height:1.2;
  }

  body.client-customized .main{
    padding:18px 20px 26px;
  }
  body.client-customized .pageHead{
    margin-bottom:14px;
    gap:12px;
  }
  body.client-customized .pageHead span{font-size:8px}
  body.client-customized .pageHead h1{
    font-size:22px;
    line-height:1.08;
    margin:3px 0 4px;
  }
  body.client-customized .pageHead p{
    font-size:11px;
    line-height:1.35;
  }
  body.client-customized #refreshBtn{
    padding:8px 11px;
    font-size:10px;
  }

  body.client-customized .card{
    padding:14px;
    border-radius:13px;
  }
  body.client-customized .card h2{font-size:15px}
  body.client-customized .grid{gap:10px}
  body.client-customized .sectionTitle{margin-bottom:10px}
  body.client-customized .tiny{font-size:10px}

  /* Formularios y botones: compactos pero cómodos */
  body.client-customized .field{
    gap:5px;
    font-size:10px;
  }
  body.client-customized .field input,
  body.client-customized .field select,
  body.client-customized .field textarea,
  body.client-customized .search{
    padding:10px 11px;
    border-radius:10px;
    font-size:11px;
  }
  body.client-customized .primary,
  body.client-customized .ghost,
  body.client-customized .good,
  body.client-customized .bad,
  body.client-customized .warn{
    padding:9px 12px;
    border-radius:9px;
    font-size:10px;
  }

  /* Tablas del cliente: mejor aprovechamiento del ancho sin verse apretadas */
  body.client-customized .tableWrap{
    border-radius:11px;
    overflow:auto;
  }
  body.client-customized table{
    min-width:860px;
  }
  body.client-customized th,
  body.client-customized td{
    padding:8px 9px;
    font-size:10px;
    line-height:1.28;
  }
  body.client-customized th{
    font-size:8px;
    letter-spacing:.055em;
  }
  body.client-customized td b{font-size:10.5px}
  body.client-customized .badge{
    padding:3px 7px;
    font-size:8px;
  }

  /* Mis órdenes: distribución estable para 9 columnas */
  body.client-customized .clientOrdersTable{
    width:100%;
    min-width:1000px;
    table-layout:fixed;
  }
  body.client-customized .clientOrdersTable th:nth-child(1),
  body.client-customized .clientOrdersTable td:nth-child(1){width:5%}
  body.client-customized .clientOrdersTable th:nth-child(2),
  body.client-customized .clientOrdersTable td:nth-child(2){width:17%}
  body.client-customized .clientOrdersTable th:nth-child(3),
  body.client-customized .clientOrdersTable td:nth-child(3){width:20%}
  body.client-customized .clientOrdersTable th:nth-child(4),
  body.client-customized .clientOrdersTable td:nth-child(4){width:8%}
  body.client-customized .clientOrdersTable th:nth-child(5),
  body.client-customized .clientOrdersTable td:nth-child(5){width:7%}
  body.client-customized .clientOrdersTable th:nth-child(6),
  body.client-customized .clientOrdersTable td:nth-child(6){width:8%}
  body.client-customized .clientOrdersTable th:nth-child(7),
  body.client-customized .clientOrdersTable td:nth-child(7){width:10%}
  body.client-customized .clientOrdersTable th:nth-child(8),
  body.client-customized .clientOrdersTable td:nth-child(8){width:13%}
  body.client-customized .clientOrdersTable th:nth-child(9),
  body.client-customized .clientOrdersTable td:nth-child(9){width:12%}

  body.client-customized .clientOrdersTable td:nth-child(1),
  body.client-customized .clientOrdersTable td:nth-child(4),
  body.client-customized .clientOrdersTable td:nth-child(5),
  body.client-customized .clientOrdersTable td:nth-child(6){
    white-space:nowrap;
  }
  body.client-customized .clientOrdersTable td:nth-child(2),
  body.client-customized .clientOrdersTable td:nth-child(3){
    overflow:hidden;
  }
  body.client-customized .clientOrdersTable td:nth-child(2) b,
  body.client-customized .clientOrdersTable td:nth-child(3) a{
    overflow:hidden;
    text-overflow:ellipsis;
  }
  body.client-customized .clientOrdersTable td:nth-child(3) a{
    display:block;
    white-space:nowrap;
  }
  body.client-customized .clientOrdersTable .orderDate{
    white-space:normal;
    line-height:1.3;
  }

  /* Inicio / tarjetas / movimientos */
  body.client-customized .homeStats{gap:9px}
  body.client-customized .homeStat{padding:13px}
  body.client-customized .homeStat span{font-size:9px}
  body.client-customized .homeStat b{font-size:19px}
  body.client-customized .movement{
    padding:8px 0;
    gap:9px;
  }

  /* Nueva orden y catálogo */
  body.client-customized .orderCreateCard{max-width:none}
  body.client-customized .orderSectionHead h2{font-size:15px}
  body.client-customized .orderSectionHead p{font-size:10px}
  body.client-customized .selectedServiceCard{border-radius:12px}
  body.client-customized .serviceItem{padding:9px 10px}
  body.client-customized .serviceItem b{font-size:10.5px}
  body.client-customized .serviceItem small{font-size:9px}

  /* Ranking y suscripción: mantener jerarquía sin tamaño excesivo */
  body.client-customized .topRankingHero h2{font-size:20px}
  body.client-customized .topRankingHero p{font-size:10px}
  body.client-customized .topRankingMeCard{padding:10px 12px}
  body.client-customized .proGoalCard{padding:14px}

  /* Configuración/soporte/recargas */
  body.client-customized .split{gap:10px}
  body.client-customized .rechargeTable{min-width:760px}
}

/* Escritorios medianos / laptops: conserva espacio sin comprimir el contenido */
@media (min-width:901px) and (max-width:1250px){
  body.client-customized .layout{grid-template-columns:170px minmax(0,1fr)}
  body.client-customized .main{padding:16px}
  body.client-customized .clientOrdersTable{min-width:960px}
}


/* V37 · PANEL CLIENTE móvil — orden y ancho real, escritorio intacto */
@media(max-width:700px){
  body.client-customized .topbar{gap:8px;padding:9px 10px 10px}
  body.client-customized .brand{width:100%;justify-content:flex-start}
  body.client-customized .brand img{width:38px;height:38px}
  body.client-customized .brand b{font-size:14px}
  body.client-customized .brandMeta{flex-wrap:wrap}

  body.client-customized .topActions{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px 42px 62px;
    gap:6px;min-width:0;
  }
  body.client-customized .balanceBox,
  body.client-customized .balanceBox.levelBox,
  body.client-customized .localeBtn,
  body.client-customized .customizeBtn,
  body.client-customized #logoutBtn{min-width:0;width:100%;box-sizing:border-box}
  body.client-customized .localeBtn,
  body.client-customized .customizeBtn{height:54px}
  body.client-customized #logoutBtn{min-width:0;padding:0 7px!important;font-size:12px}

  body.client-customized .layout,
  body.client-customized .main,
  body.client-customized #view,
  body.client-customized .card,
  body.client-customized .split,
  body.client-customized .balanceSplit,
  body.client-customized .balanceSplit>*{min-width:0;max-width:100%}

  body.client-customized .sidebar{scroll-snap-type:x proximity}
  body.client-customized .sidebar nav{padding-right:6px}

  body.client-customized .main{padding:13px 10px 24px}
  body.client-customized .pageHead{
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center
  }
  body.client-customized .pageHead h1{font-size:22px}
  body.client-customized .pageHead p{font-size:11px}

  body.client-customized .tableWrap{
    width:100%;max-width:100%;min-width:0;overflow-x:auto;
    overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch
  }
  body.client-customized .card{min-width:0}
  body.client-customized .balanceSplit{
    display:grid;grid-template-columns:minmax(0,1fr)!important;gap:12px
  }
  body.client-customized .mpRechargeCard{
    min-width:0;width:100%;overflow:hidden;gap:11px;padding:13px
  }
  body.client-customized .mpRechargeHead{
    display:grid;grid-template-columns:1fr;gap:9px
  }
  body.client-customized .rechargeProviderBadges{justify-content:flex-start}
  body.client-customized .mpMinimum{
    width:100%;min-width:0;padding:10px 11px
  }
  body.client-customized .mpMinimum b{
    flex:0 0 auto;white-space:nowrap
  }
  body.client-customized .rechargePresets{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px
  }
  body.client-customized .rechargePreset{
    width:100%;min-width:0;padding:10px 6px;font-size:10px;white-space:normal
  }
  body.client-customized .rechargeAmountField{
    width:100%;max-width:none;min-width:0
  }
  body.client-customized .rechargePaymentButtons{
    display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0
  }
  body.client-customized .rechargePaymentButtons .rechargeSubmit,
  body.client-customized .mpPayButton{
    display:block;width:100%!important;max-width:100%!important;min-width:0!important;
    white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.2;padding:12px 10px
  }
  body.client-customized .mpModeNotice,
  body.client-customized .rechargeHistoryNote{
    width:100%;min-width:0;overflow-wrap:anywhere;line-height:1.4
  }
  body.client-customized .rechargeHistory{
    width:100%;max-width:100%;margin-left:0;margin-right:0
  }

  body.client-customized .clientOrdersTable,
  body.client-customized .rechargeTable{width:max-content;min-width:760px}
  body.client-customized .clientOrdersTable th,
  body.client-customized .clientOrdersTable td,
  body.client-customized .rechargeTable th,
  body.client-customized .rechargeTable td{padding:8px 9px;font-size:10px}

  body.client-customized .topRankingPodiumStage{
    grid-template-columns:1fr!important;gap:9px
  }
  body.client-customized .topPodiumCard{
    min-height:0!important;transform:none!important
  }

  body.client-customized .orderFieldsGrid,
  body.client-customized .accountSettingsGrid,
  body.client-customized .supportTicketGrid{
    grid-template-columns:minmax(0,1fr)!important
  }
  body.client-customized .selectedServiceFacts{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  body.client-customized .selectedServiceFacts>div{min-width:0}

  body.client-customized input,
  body.client-customized select,
  body.client-customized textarea,
  body.client-customized button{max-width:100%}
}

@media(max-width:420px){
  body.client-customized .topActions{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px 38px 56px;gap:5px
  }
  body.client-customized .balanceBox,
  body.client-customized .balanceBox.levelBox,
  body.client-customized .localeBtn,
  body.client-customized .customizeBtn,
  body.client-customized #logoutBtn{min-height:50px;height:50px}
  body.client-customized .balanceBox b,
  body.client-customized .balanceBox.levelBox b{font-size:12px}
  body.client-customized .selectedServiceFacts{grid-template-columns:1fr!important}
}

.adminUserInactive{opacity:.66}
.adminUserInactive td{background:rgba(255,93,108,.025)}
.adminUsersHelp{margin-top:10px;line-height:1.45}


/* V39 · Admin Clientes — acciones compactas y modales SUB / baja */
.adminClientActions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:290px}
.adminSubBtn{min-width:54px;font-weight:950;letter-spacing:.06em}
.adminUsersTableCompact th:last-child,
.adminUsersTableCompact td:last-child{min-width:315px}
.adminCompactModal{width:min(520px,calc(100vw - 28px))}
.adminSubCurrent{display:flex;align-items:center;justify-content:space-between;margin:16px 0 12px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}
.adminSubCurrent span{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:900;letter-spacing:.08em}
.adminSubCurrent b{font-size:12px}
.adminSubChoiceGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.adminSubChoice{display:grid;gap:4px;justify-items:start;text-align:left;min-height:70px;padding:13px!important}
.adminSubChoice b{font-size:13px}.adminSubChoice small{font-size:9px;opacity:.78;white-space:normal}
.adminSubRemove{width:100%;margin-top:10px}
.adminDeactivateNotice{margin:16px 0 12px}
.adminDeactivateChoices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.adminDeactivateChoices button{display:grid;gap:5px;justify-items:start;text-align:left;min-height:82px;padding:13px!important}
.adminDeactivateChoices b{font-size:11px}.adminDeactivateChoices small{font-size:9px;line-height:1.35;white-space:normal}
.adminDeleteSafety{margin-top:11px;line-height:1.45}
@media(max-width:650px){
  .adminSubChoiceGrid,.adminDeactivateChoices{grid-template-columns:1fr}
}