:root{
  --bg:#f5f7fb;
  --surface:#ffffff;
  --surface-2:#eef3f9;
  --text:#0b1b35;
  --muted:#6d7b91;
  --navy:#061a3a;
  --navy-2:#0b2e63;
  --yellow:#ffd429;
  --red:#ff1639;
  --blue:#2457ff;
  --green:#13a875;
  --border:#dfe6ef;
  --shadow:0 18px 48px rgba(6,26,58,.09);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}

/* PUBLIC SHELL */
.public-shell{width:min(1480px,calc(100% - 48px));margin-left:auto;margin-right:auto}
.public-header{width:min(1480px,calc(100% - 48px));margin:18px auto 0;min-height:82px;padding:0 24px;display:flex;align-items:center;gap:34px;background:var(--navy);border:1px solid rgba(255,255,255,.05);border-radius:15px;color:#fff;box-shadow:0 16px 35px rgba(6,26,58,.16);position:sticky;top:12px;z-index:50;overflow:hidden}
.public-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--yellow) 0 36%,var(--red) 36% 64%,#0b5bce 64% 100%)}
.public-brand{display:flex;align-items:center;gap:10px;font-weight:950;font-size:14px;white-space:nowrap;letter-spacing:.02em}
.public-brand img{width:48px;height:48px;object-fit:contain}
.public-brand b{color:var(--red)}
.public-nav{display:flex;align-items:center;gap:26px;flex:1}
.public-nav a{font-size:14px;font-weight:780;color:#d6dfed;position:relative}
.public-nav a:after{content:"";position:absolute;height:2px;background:var(--yellow);left:0;right:100%;bottom:-8px;transition:.18s ease}
.public-nav a:hover{color:#fff}.public-nav a:hover:after{right:0}
.public-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.public-login{padding:11px 15px;border:1px solid rgba(255,255,255,.18);border-radius:10px;font-weight:850;color:#fff}
.public-register{padding:12px 17px;background:var(--yellow);color:var(--navy);border-radius:10px;font-weight:900;box-shadow:0 6px 18px rgba(255,212,41,.18)}
.public-flash{max-width:980px;margin:18px auto}
.public-footer{text-align:center;padding:34px 20px;color:#7f8aa0;font-size:11px}.public-footer span{font-weight:950;color:var(--navy)}

/* HERO - cinema identity */
.hero-split{margin-top:20px;display:grid;grid-template-columns:1.12fr .88fr;gap:26px;min-height:555px;align-items:stretch}
.hero-copy{background:#fff;border:1px solid var(--border);border-radius:26px;padding:62px 58px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero-copy:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(255,212,41,.16);right:-90px;top:-80px}
.hero-copy:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(255,22,57,.08);left:-40px;bottom:-45px}
.hero-chip{display:inline-flex;align-items:center;width:max-content;background:#fff8cf;color:#765d00;border:1px solid #f4df69;padding:8px 12px;border-radius:9px;font-size:11px;font-weight:950;letter-spacing:.12em;position:relative;z-index:2}
.hero-copy h1{font-size:clamp(42px,5.3vw,76px);line-height:.98;letter-spacing:-.035em;margin:22px 0 20px;max-width:830px;position:relative;z-index:2}
.hero-copy h1 span{color:var(--red)}
.hero-copy p{font-size:19px;line-height:1.65;color:#526179;max-width:760px;margin:0;position:relative;z-index:2}
.hero-actions{display:flex;gap:12px;margin-top:30px;position:relative;z-index:2}.hero-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;position:relative;z-index:2}.hero-points span{background:#f4f7fb;border:1px solid #e4eaf2;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;color:#4d5c73}
.hero-logo-wrap{background:linear-gradient(155deg,#071a3a 0%,#0b2f65 100%);border-radius:26px;padding:34px;display:grid;place-items:center;overflow:hidden;position:relative;box-shadow:var(--shadow)}
.hero-logo-wrap:before{content:"";position:absolute;width:330px;height:330px;border:54px solid rgba(255,255,255,.04);border-radius:50%;right:-120px;top:-120px}.hero-logo-wrap:after{content:"";position:absolute;width:160px;height:10px;background:var(--red);transform:rotate(-28deg);left:-30px;bottom:70px;border-radius:999px}
.cinema-frame{width:min(480px,92%);min-height:390px;background:#fff;border-radius:24px;border:8px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px;position:relative;box-shadow:0 25px 55px rgba(0,0,0,.25)}
.cinema-frame:after{content:"";position:absolute;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--yellow) 0 33%,#0b5bce 33% 66%,var(--red) 66%)}
.cinema-dots{position:absolute;top:16px;left:18px;display:flex;gap:6px}.cinema-dots i{width:9px;height:9px;border-radius:50%;background:#d9e0e9}.cinema-dots i:nth-child(1){background:var(--red)}.cinema-dots i:nth-child(2){background:var(--yellow)}.cinema-dots i:nth-child(3){background:#1ba66f}
.hero-logo{width:min(360px,94%);height:auto;filter:drop-shadow(0 16px 24px rgba(6,26,58,.14))}.cinema-frame small{margin-top:12px;font-weight:850;color:#607089;letter-spacing:.04em}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:#fff;color:var(--text);padding:11px 15px;border-radius:10px;cursor:pointer;font-weight:850;transition:.16s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(6,26,58,.09)}.btn.full{width:100%}.btn.public-primary,.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.public-primary:hover,.btn.primary:hover{background:var(--navy-2)}.btn.public-secondary{background:#fff;color:var(--navy);border:1px solid #ccd5e2}.btn.success{background:#e9fbf3;color:#0c7e58;border-color:#bce8d5}.btn.warn{background:#fff7d7;color:#8b6900;border-color:#ecd989}.btn.danger{background:#fff0f2;color:#b32239;border-color:#ffc4cd}.btn.ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.15);width:100%}.btn.sm{padding:8px 11px;font-size:11px}

.service-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 0 8px}.service-summary>div{background:#fff;border:1px solid var(--border);border-radius:15px;padding:14px 16px;display:flex;align-items:baseline;gap:10px}.service-summary b{font-size:25px;color:var(--navy)}.service-summary span{font-size:11px;color:var(--muted);font-weight:700}

/* CATALOG - deliberately not matching the reference */
.catalog-section{padding:34px 0 44px}.catalog-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:22px}.catalog-title>div{display:flex;align-items:center;gap:14px}.catalog-title small{font-size:11px;font-weight:950;letter-spacing:.13em;color:#8a94a8}.catalog-title h2{font-size:14px;margin:4px 0 0}.catalog-title p{margin:0;color:var(--muted)}.catalog-icon{width:44px;height:44px;background:var(--yellow);color:var(--navy);border-radius:12px;display:grid;place-items:center;font-weight:950}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 12px 32px rgba(6,26,58,.07);overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:320px}.catalog-accent{height:6px;background:var(--blue)}.theme-1 .catalog-accent{background:var(--red)}.theme-2 .catalog-accent{background:var(--yellow)}.theme-3 .catalog-accent{background:#13a875}.theme-4 .catalog-accent{background:#6e4ed2}.theme-5 .catalog-accent{background:#f47f20}
.catalog-card-head{display:flex;align-items:center;gap:14px;padding:22px 22px 14px}.stream-icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:#edf2ff;color:#234ddd;font-size:17px;font-weight:950;flex:0 0 auto}.theme-1 .stream-icon{background:#fff0f2;color:#d81939}.theme-2 .stream-icon{background:#fff8cf;color:#886900}.theme-3 .stream-icon{background:#e7fbf3;color:#0c8d62}.theme-4 .stream-icon{background:#f1edff;color:#6847ca}.theme-5 .stream-icon{background:#fff1e6;color:#d9680d}.catalog-heading span{font-size:10px;font-weight:950;letter-spacing:.11em;color:#919db0}.catalog-heading h3{font-size:21px;line-height:1.18;margin:4px 0 0}.catalog-body{padding:0 22px 22px;display:flex;flex-direction:column;gap:12px;flex:1}.catalog-body p{color:var(--muted);line-height:1.5;margin:0;min-height:45px}.catalog-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding-top:16px;border-top:1px dashed #d9e1ec}.catalog-price{display:flex;flex-direction:column}.catalog-price small{color:#8995a8;font-weight:750}.catalog-price strong{font-size:29px;line-height:1.1;margin-top:2px}.stock-pill{display:flex;align-items:center;gap:7px;background:#eefaf5;color:#08794f;font-size:11px;font-weight:900;padding:7px 10px;border-radius:9px}.stock-pill i{width:7px;height:7px;background:#12ab74;border-radius:50%}.catalog-actions{display:grid;grid-template-columns:1fr 1.15fr;gap:8px;margin-top:auto}.detail-btn{background:#fff;color:#516078}.add-btn{background:var(--red);border-color:var(--red);color:#fff}.add-btn:hover{background:#df0f31}.empty-public{grid-column:1/-1;background:#fff;padding:42px;border-radius:20px;text-align:center;color:var(--muted);border:1px dashed #cbd5e0}

.feature-band{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:10px 0 42px}.feature-band>div{background:#fff;border:1px solid var(--border);border-radius:15px;padding:22px;box-shadow:0 8px 24px rgba(6,26,58,.05)}.feature-band span{font-size:11px;font-weight:950;color:var(--red);letter-spacing:.08em}.feature-band h3{margin:11px 0 7px}.feature-band p{margin:0;color:var(--muted);line-height:1.55}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 0 58px}.benefits>div{background:var(--navy);color:#fff;border-radius:15px;padding:24px;position:relative;overflow:hidden}.benefits>div:after{content:"";position:absolute;width:90px;height:90px;background:rgba(255,255,255,.04);border-radius:50%;right:-25px;top:-25px}.benefits b{font-size:28px}.benefits h3{margin:12px 0 8px}.benefits p{margin:0;color:#c8d4e4;line-height:1.55}

/* AUTH */
.auth-page{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:18px;margin-top:22px;align-items:stretch}.auth-panel{background:#fff;border:1px solid var(--border);border-radius:24px;padding:44px 48px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}.auth-card-light{width:min(650px,100%)}.register-card{width:min(760px,100%)}.form-kicker{display:inline-block;font-size:11px;font-weight:950;letter-spacing:.14em;color:var(--red);margin-bottom:8px}.auth-card-light h2{font-size:36px;letter-spacing:-.02em;margin:0 0 8px}.auth-card-light>p{color:var(--muted);line-height:1.55;margin:0 0 26px}.auth-visual{background:var(--navy);color:#fff;border-radius:24px;padding:46px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:720px;box-shadow:var(--shadow)}.auth-visual:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:42px solid rgba(255,255,255,.035);right:-100px;top:-90px}.auth-visual:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:linear-gradient(90deg,var(--yellow) 0 38%,#0b5bce 38% 70%,var(--red) 70%)}.auth-visual-top{position:relative;z-index:2}.auth-visual img{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 18px 25px rgba(0,0,0,.25));display:block;margin-bottom:18px}.auth-visual .hero-chip{background:rgba(255,212,41,.12);border-color:rgba(255,212,41,.28);color:#ffe579}.auth-visual h1{font-size:46px;line-height:1.04;letter-spacing:-.025em;margin:24px 0 16px;position:relative;z-index:2}.auth-visual h1 span{color:var(--yellow)}.auth-visual p{color:#cdd9e8;font-size:17px;line-height:1.65;position:relative;z-index:2}.auth-benefits{display:grid;gap:10px;margin-top:24px;position:relative;z-index:2}.auth-benefits div{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 13px}.auth-benefits b{color:var(--yellow);font-size:11px;letter-spacing:.08em}.auth-benefits span{font-weight:780;color:#edf3fa}.login-stat{margin-top:26px;padding:16px 18px;border-left:4px solid var(--red);background:rgba(255,255,255,.06);border-radius:0 12px 12px 0;position:relative;z-index:2}.login-stat strong{display:block;color:#fff}.login-stat span{display:block;color:#b9c8da;font-size:11px;margin-top:4px}
.field{margin-bottom:15px}.field label{display:block;font-size:11px;font-weight:850;margin-bottom:7px;color:#293852}.field label span{font-weight:650;color:var(--muted)}.field small{display:block;color:#8994a7;margin-top:6px;line-height:1.45}.field.light input,.field.light select,input,select,textarea{width:100%;background:#fbfcfe;color:var(--text);border:1.5px solid #d7e0ea;border-radius:10px;padding:13px 14px;outline:none}.field.light input:focus,input:focus,select:focus,textarea:focus{border-color:#1d4fd6;box-shadow:0 0 0 3px rgba(36,87,255,.09);background:#fff}.password-row{display:flex;position:relative}.password-row input{padding-right:88px}.password-row button{position:absolute;right:6px;top:6px;bottom:6px;border:0;background:#edf2f8;color:#425472;border-radius:8px;padding:0 10px;font-weight:850;cursor:pointer}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-links{text-align:right;margin:-2px 0 18px}.form-links a,.text-link{color:#1451c9;font-weight:850}.auth-divider{display:flex;align-items:center;gap:12px;color:#98a2b3;font-size:11px;margin:22px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e0e6ed;flex:1}.password-help{display:block;color:#7e899d;margin:-3px 0 16px}.telegram-link-field{background:#f3f8ff;border:1px solid #cfdcf3;padding:15px;border-radius:13px}.telegram-label{display:flex;justify-content:space-between;gap:10px;align-items:center}.telegram-label label{margin:0}.telegram-label em{font-size:9px;font-style:normal;font-weight:950;letter-spacing:.09em;color:#1750be;background:#e7efff;padding:5px 7px;border-radius:6px}.registration-note{margin-top:20px;background:#f8fafc;color:#58677d;padding:13px 14px;border-radius:10px;border-left:4px solid var(--yellow);font-weight:700;line-height:1.45}.login-note{border-left-color:#2457ff}.verify-wrap{min-height:660px;display:grid;place-items:center;padding-top:26px}.verify-card{max-width:560px;padding:40px;border-radius:22px;box-shadow:var(--shadow);text-align:center;background:#fff;border:1px solid var(--border)}.verify-logo{width:125px;height:125px;object-fit:contain;margin-bottom:8px}.verify-card .form-kicker{display:block}.verify-card p{color:var(--muted);line-height:1.55}.otp-input{font-size:14px;letter-spacing:8px;text-align:center;font-weight:950;margin:10px 0 18px;background:#fff!important}

/* AUTHENTICATED */
.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:22px 16px;position:sticky;top:0;height:100vh;overflow:auto;box-shadow:9px 0 30px rgba(6,26,58,.12)}.sidebar:after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--yellow) 0 35%,#0b5bce 35% 68%,var(--red) 68%)}.sidebar-brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:950;padding:6px 7px 19px}.sidebar-brand img{width:50px;height:50px;object-fit:contain}.sidebar-brand b{color:var(--red)}.nav-section{font-size:10px;color:#7f93ad;text-transform:uppercase;letter-spacing:1.3px;margin:22px 10px 7px;font-weight:850}.nav a{display:flex;gap:10px;padding:10px 12px;border-radius:9px;color:#dce5f0;margin:3px 0;font-weight:680}.nav a:hover,.nav a.active{background:#102b55;color:#fff}.logout-form{margin-top:28px}.main{padding:28px;max-width:1520px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px}.page-title{font-size:29px;font-weight:950;letter-spacing:-.02em;margin:0}.sub{color:var(--muted);margin:5px 0 0}.balance{background:#fff;color:var(--navy);border:1px solid var(--border);border-left:4px solid var(--yellow);padding:11px 15px;border-radius:10px;font-weight:900;box-shadow:0 6px 16px rgba(6,26,58,.06)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:18px;box-shadow:0 8px 22px rgba(6,26,58,.055)}.metric .n{font-size:31px;font-weight:950;margin-top:8px}.muted{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px;background:#fff}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;padding:12px 13px;border-bottom:1px solid #e7ecf3;vertical-align:top}th{font-size:11px;color:#748196;text-transform:uppercase;letter-spacing:.65px;background:#f7f9fc;position:sticky;top:0}tr:hover td{background:#fafcff}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900}.active{background:#e3f8ef;color:#0d835b}.expiring{background:#fff6d9;color:#8f6a00}.expired{background:#ffe9ed;color:#ad293e}.historical{background:#edf0f4;color:#657088}.open{background:#fff3d5;color:#8e6500}.progress{background:#e7f3ff;color:#1d6b9a}.resolved{background:#e3f8ef;color:#0b8359}.closed{background:#edf0f4;color:#606b7e}textarea{min-height:120px;resize:vertical}.flash{padding:12px 14px;border-radius:10px;margin-bottom:14px;border:1px solid}.flash.success{background:#e9fbf3;border-color:#bce8d5;color:#087651}.flash.danger{background:#fff0f2;border-color:#ffc2cb;color:#ad273c}.flash.info{background:#eef5ff;border-color:#cdddf5;color:#235f90}.product-card{display:flex;flex-direction:column;gap:12px;min-height:170px}.stock{font-size:11px;color:var(--muted)}.credentials{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#f6f8fb;border:1px dashed #bbc6d6;border-radius:10px;padding:12px;word-break:break-all}.footer{color:#8b95a8;text-align:center;font-size:11px;padding:25px}.mobile-head{display:none}.section-title{font-size:17px;font-weight:950;margin:25px 0 13px}.split{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.codebox{font-size:14px;font-weight:950;letter-spacing:3px;text-align:center;padding:18px;border:1px dashed #174ab8;border-radius:12px;background:#f1f6ff}.welcome-banner{background:var(--navy);color:#fff;border-radius:15px;padding:25px 27px;display:flex;justify-content:space-between;gap:20px;align-items:center;box-shadow:0 14px 30px rgba(6,26,58,.15);margin-bottom:18px;position:relative;overflow:hidden}.welcome-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--yellow) 0 40%,#0b5bce 40% 70%,var(--red) 70%)}.welcome-banner h2{font-size:31px;margin:5px 0}.welcome-banner p{margin:0;color:#d6e0ec}.welcome-kicker{font-size:11px;font-weight:950;letter-spacing:.13em;color:#ffe36d}.welcome-balance{min-width:220px;padding:16px 20px;border-radius:12px;background:#fff;color:var(--navy);border-left:4px solid var(--yellow);position:relative;z-index:2}.welcome-balance span{display:block;font-size:11px;color:#64748a}.welcome-balance strong{font-size:28px}.quick-card>div{font-size:34px}.shop-tabs{display:flex;gap:10px;overflow:auto;margin-bottom:20px}.app-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-ident{display:flex;align-items:center;gap:12px;background:#f7f9fc;padding:12px;border-radius:12px;margin-bottom:14px}.profile-ident img{width:70px;height:70px;object-fit:contain}.profile-ident span{display:block;color:var(--muted);margin-top:4px}.brand-inline{display:flex;align-items:center;gap:8px}.brand-inline img{width:38px;height:38px;object-fit:contain}

@media(max-width:1200px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-nav{gap:16px}.auth-panel{padding:36px 30px}}
@media(max-width:1000px){.public-header{width:calc(100% - 24px);padding:0 15px}.public-nav{display:none}.public-shell{width:calc(100% - 24px)}.hero-split,.auth-page{grid-template-columns:1fr}.auth-visual{min-height:470px;order:-1}.register-page .auth-visual{order:-1}.hero-logo-wrap{min-height:360px}.service-summary{grid-template-columns:repeat(2,1fr)}.feature-band{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto;display:none}.sidebar.open{display:block}.mobile-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--navy);color:#fff}.main{padding:18px}.grid{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.app-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row{grid-template-columns:1fr}}
@media(max-width:650px){.public-header{top:6px;margin-top:8px;min-height:66px}.public-brand span{display:none}.public-actions{margin-left:auto}.public-login{font-size:11px;padding:9px}.public-register{padding:10px 11px;font-size:11px}.hero-copy{padding:34px 24px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:14px}.hero-logo-wrap{min-height:300px;padding:22px}.cinema-frame{min-height:260px;padding:22px}.hero-logo{width:245px}.hero-points{gap:7px}.service-summary{grid-template-columns:1fr 1fr}.service-summary>div{padding:14px}.catalog-grid,.app-catalog{grid-template-columns:1fr}.catalog-title{align-items:flex-start;flex-direction:column}.feature-band,.benefits{grid-template-columns:1fr}.auth-panel{padding:30px 20px}.auth-visual{padding:34px 24px;min-height:420px}.auth-visual img{width:140px;height:140px}.auth-visual h1{font-size:38px}.auth-card-light h2{font-size:31px}.grid{grid-template-columns:1fr}.main{padding:14px}.page-title{font-size:17px}.topbar{align-items:flex-start}.balance{font-size:11px}.welcome-banner{flex-direction:column;align-items:stretch}.welcome-balance{min-width:0}.telegram-label{align-items:flex-start;flex-direction:column}}


/* PURCHASE FLOW v2.2.6 */
.purchase-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.purchase-card,.purchase-help-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 30px rgba(6,26,58,.06)}
.purchase-card{padding:24px}.purchase-help-card{padding:22px;position:sticky;top:22px}
.purchase-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--border)}
.purchase-head h2{font-size:14px;margin:5px 0 7px}.purchase-head p{margin:0;color:var(--muted);max-width:670px;line-height:1.5}
.purchase-kicker{display:block;font-size:10px;font-weight:950;letter-spacing:.13em;color:#1750be}
.stock-box{min-width:120px;text-align:center;background:#f5f8fc;border:1px solid var(--border);border-radius:15px;padding:12px 14px}.stock-box span,.stock-box small{display:block;color:var(--muted);font-size:11px}.stock-box strong{display:block;font-size:14px;color:var(--navy);line-height:1.1;margin:2px 0}
.purchase-step{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:24px 0;border-bottom:1px solid var(--border)}
.step-number{width:36px;height:36px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:950}
.step-body h3{margin:2px 0 5px;font-size:17px}.step-body>p,.step-body>div>p{margin:0 0 15px;color:var(--muted);line-height:1.5}
.qty-picker{display:grid;grid-template-columns:48px 110px 48px;gap:8px;align-items:center;width:max-content}.qty-picker input{text-align:center;font-size:14px;font-weight:950;padding:10px}.qty-btn{height:48px;border:1px solid #ccd6e2;background:#f6f8fb;border-radius:11px;font-size:17px;font-weight:900;color:var(--navy);cursor:pointer}.qty-btn:hover{background:#eef3f9}
.qty-shortcuts{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.qty-chip{border:1px solid #d5deea;background:#fff;border-radius:999px;padding:7px 11px;font-weight:850;color:#4b5a71;cursor:pointer}.qty-chip:hover{border-color:#2457ff;color:#174bc5;background:#f4f7ff}
.plan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.plan-choice{width:100%;text-align:left;border:1.5px solid #dbe3ed;background:#fff;border-radius:15px;padding:16px;cursor:pointer;color:var(--text);transition:.16s ease}.plan-choice:hover{border-color:#8aa7f7;box-shadow:0 8px 20px rgba(36,87,255,.07)}.plan-choice.selected{border-color:#2457ff;background:#f5f8ff;box-shadow:0 0 0 3px rgba(36,87,255,.08)}.plan-choice.disabled-plan{opacity:.48;cursor:not-allowed;background:#f8f9fb}
.plan-choice-title strong{font-size:18px}.plan-choice-price{display:flex;align-items:baseline;gap:8px;margin:10px 0 8px}.plan-choice-price strong{font-size:17px;color:var(--navy)}.plan-choice-price small{color:var(--muted)}.plan-choice-detail{font-size:11px;color:#68778d;line-height:1.5}
.purchase-empty{background:#fff5f6;border:1px solid #ffd2d9;color:#9c2e40;border-radius:12px;padding:13px 14px}
.purchase-summary{display:flex;justify-content:space-between;align-items:center;gap:18px;background:var(--navy);color:#fff;border-radius:16px;padding:14px 16px;margin:20px 0 13px}.purchase-summary span,.purchase-summary small{display:block;color:#bdcadd}.purchase-summary strong{display:block;font-size:21px;margin:3px 0}.summary-price{text-align:right}.summary-price strong{font-size:14px;color:var(--yellow)}.purchase-confirm{width:100%;padding:14px;font-size:13px}.purchase-footnote{text-align:center;color:var(--muted);font-size:11px;margin:9px 0 0}
.purchase-help-card h3{font-size:14px;margin:7px 0 18px}.help-line{padding:15px 0;border-top:1px solid var(--border)}.help-line b{display:block;color:var(--navy);margin-bottom:5px}.help-line p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}

/* ORDER DETAIL v2.2.6 */
.order-hero{background:var(--navy);color:#fff;border-radius:15px;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;overflow:hidden}.order-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--yellow),#0b5bce,var(--red))}.order-hero h2{margin:5px 0}.order-hero p{margin:0;color:#c6d3e2}.order-kicker{font-size:10px;font-weight:950;letter-spacing:.13em;color:var(--yellow)}.order-total{text-align:right;position:relative;z-index:2}.order-total span,.order-total small{display:block;color:#bdcadd}.order-total strong{display:block;font-size:31px;color:#fff;margin:2px 0}
.order-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.order-stat{background:#fff;border:1px solid var(--border);border-radius:14px;padding:15px}.order-stat span{display:block;color:var(--muted);font-size:11px}.order-stat strong{display:block;margin-top:5px;font-size:17px}
.order-items{display:grid;gap:10px}.order-item-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:15px 17px;display:flex;justify-content:space-between;gap:15px;align-items:center}.order-item-card span,.order-item-money small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.order-item-money{text-align:right}.order-item-money strong{font-size:19px}
.order-account-list{display:grid;gap:12px}.order-account-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:17px}.order-account-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.order-account-top h3{margin:9px 0 2px}.order-account-top p{margin:0;color:var(--muted);font-size:11px}.order-account-actions{display:flex;gap:7px;flex-wrap:wrap}.credential-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.credential-pair>div{background:#f6f8fb;border:1px solid #e2e8f0;border-radius:11px;padding:11px 12px}.credential-pair span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.credential-pair strong{display:block;margin-top:4px;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.order-empty{text-align:center}.order-footer-actions{justify-content:flex-end;margin-top:18px}
.friendly-error{max-width:720px;margin:50px auto;background:#fff;border:1px solid var(--border);border-radius:20px;padding:34px;text-align:center;box-shadow:var(--shadow)}.friendly-error>span{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:16px;background:#fff1f3;color:#c0223d;font-weight:950;font-size:17px}.friendly-error h1,.friendly-error h2{margin:16px 0 8px}.friendly-error p{color:var(--muted);line-height:1.5}

@media(max-width:900px){.purchase-shell{grid-template-columns:1fr}.purchase-help-card{position:static}.plan-options{grid-template-columns:1fr}.order-summary-grid{grid-template-columns:1fr 1fr}.credential-pair{grid-template-columns:1fr}}
@media(max-width:600px){.purchase-card{padding:17px}.purchase-head{align-items:flex-start}.stock-box{min-width:95px}.purchase-step{grid-template-columns:1fr}.step-number{margin-bottom:-3px}.purchase-summary,.order-hero,.order-item-card,.order-account-top{align-items:flex-start;flex-direction:column}.summary-price,.order-total,.order-item-money{text-align:left}.order-summary-grid{grid-template-columns:1fr}.order-account-actions{width:100%}.order-account-actions .btn{flex:1}}


/* RANGE HELPER v2.2.7 */
.range-helper{margin-top:13px;border:1px solid #e0e6ef;border-radius:13px;overflow:hidden;background:#fff}
.range-helper-title{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;background:#f7f9fc;border-bottom:1px solid #e5eaf1}
.range-helper-title>span{font-size:11px;font-weight:900;color:var(--navy)}
.range-helper-title>small{font-size:10px;color:var(--muted);text-align:right}
.range-table{width:100%}
.range-row{display:grid;grid-template-columns:1.05fr 1fr .9fr;align-items:center;min-height:48px;border-top:1px solid #edf1f5;transition:.14s ease}
.range-row:first-child{border-top:0}
.range-row>div{padding:9px 11px}
.range-head{min-height:auto;background:#fbfcfe;color:#778399;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.055em}
.range-head>div{padding-top:7px;padding-bottom:7px}
.range-cell span{display:block;font-size:11px}
.range-cell small{display:block;font-size:9px;margin-top:2px}
.range-muted{background:#fbfcfd;color:#9aa5b4}
.range-muted .range-cell small{color:#aeb6c2}
.range-muted .range-price span{font-weight:650;color:#929dac}
.range-muted .range-state span{font-size:10px;font-weight:850;color:#a1aab7}
.range-active{position:relative;background:#eef4ff;color:#0b2c64;box-shadow:inset 4px 0 0 #2457ff}
.range-active .range-cell span{font-weight:950}
.range-active .range-price span{font-size:13px;color:#0a2f6d}
.range-active .range-cell small{color:#627494}
.range-active .range-state span{display:inline-block;width:max-content;background:#dbe8ff;color:#174bc5;border:1px solid #c3d7ff;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.045em}
.plan-choice.selected .range-helper{border-color:#cbd9ff}
.plan-choice.disabled-plan .range-helper{opacity:.7}

@media(max-width:600px){
  .range-helper-title{align-items:flex-start;flex-direction:column}
  .range-helper-title>small{text-align:left}
  .range-row{grid-template-columns:1fr .9fr .85fr}
  .range-row>div{padding:8px 7px}
  .range-cell span{font-size:11px}
  .range-active .range-price span{font-size:11px}
}


/* =====================================================================
   ECUACINE WEB v2.3.0 — REINGENIERÍA DE EXPERIENCIA DE CLIENTE
   El bloque siguiente solo rediseña el panel autenticado y sus pantallas.
   ===================================================================== */

:root{
  --client-bg:#f6f8fc;
  --client-surface:#ffffff;
  --client-soft:#f1f5fb;
  --client-line:#e3e9f2;
  --client-text:#0c2142;
  --client-muted:#718096;
  --client-blue:#1769e8;
  --client-blue-2:#0b4fc5;
  --client-blue-soft:#eef5ff;
  --client-green:#0da771;
  --client-green-soft:#eaf9f3;
  --client-amber:#e79b14;
  --client-amber-soft:#fff7e7;
  --client-rose:#e24b68;
  --client-rose-soft:#fff0f3;
  --client-shadow:0 12px 36px rgba(20,50,90,.07);
  --client-radius:18px;
}

.client-shell{min-height:100vh;background:
  radial-gradient(circle at 14% 0%,rgba(23,105,232,.055),transparent 28%),
  linear-gradient(180deg,#f8fafd 0%,#f5f8fc 100%);
  color:var(--client-text);
}
.client-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--client-line);position:relative;z-index:40}
.client-header:after{content:"";display:block;height:3px;background:linear-gradient(90deg,#ffcc21 0 33%,#1769e8 33% 66%,#ef3658 66% 100%)}
.client-header-inner{max-width:1380px;margin:0 auto;height:72px;padding:0 28px;display:flex;align-items:center;gap:34px}
.client-brand{display:flex;align-items:center;gap:9px;white-space:nowrap}
.client-brand img{width:42px;height:42px;object-fit:contain}
.client-brand span{font-size:17px;font-weight:950;letter-spacing:.015em;color:#0c2142}
.client-brand b{color:#ef2349}
.client-nav{display:flex;align-items:stretch;height:100%;gap:3px;flex:1}
.client-nav a{display:flex;align-items:center;padding:0 14px;color:#62718a;font-size:11px;font-weight:780;border-bottom:3px solid transparent;transition:.15s}
.client-nav a:hover{color:var(--client-blue);background:#f8fbff}
.client-nav a.active{color:var(--client-blue);border-bottom-color:var(--client-blue);font-weight:900}
.client-tools{margin-left:auto;display:flex;align-items:center;gap:10px}
.header-balance{display:flex;align-items:baseline;gap:8px;background:#f8fbff;border:1px solid #dce7f7;border-radius:12px;padding:8px 12px;transition:.15s}
.header-balance:hover{border-color:#bdd3f5;background:#f1f7ff}
.header-balance span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8390a3;font-weight:850}
.header-balance strong{font-size:13px;color:#0c2142}
.account-menu{position:relative}
.account-menu summary{list-style:none;display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:12px;cursor:pointer}
.account-menu summary::-webkit-details-marker{display:none}
.account-menu summary:hover{background:#f3f6fa}
.avatar,.profile-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#1769e8,#4b8ff0);color:#fff;font-weight:950}
.avatar{width:34px;height:34px;font-size:11px}
.account-name{font-size:11px;font-weight:850;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chev{color:#93a0b2;font-size:11px}
.account-menu-panel,.mobile-more-panel{position:absolute;right:0;top:calc(100% + 9px);width:230px;padding:8px;background:#fff;border:1px solid var(--client-line);border-radius:14px;box-shadow:0 18px 44px rgba(15,36,69,.15);z-index:90}
.account-menu-panel a,.account-menu-panel button,.mobile-more-panel a,.mobile-more-panel button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:10px 11px;border-radius:8px;color:#43536d;font-size:11px;font-weight:760;cursor:pointer}
.account-menu-panel a:hover,.account-menu-panel button:hover,.mobile-more-panel a:hover,.mobile-more-panel button:hover{background:#f3f7fc;color:#0f57c5}
.menu-divider,.profile-divider{height:1px;background:var(--client-line);margin:6px 4px}
.client-main{max-width:1320px;margin:0 auto;padding:26px 28px 36px}
.client-page-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}
.client-page-head h1{font-size:30px;line-height:1.12;letter-spacing:-.035em;margin:0;color:#0a2143}
.client-page-head p{font-size:14px;color:var(--client-muted);margin:6px 0 0}
.client-footer{text-align:center;color:#9aa5b4;font-size:11px;padding:32px 0 10px}
.client-mobile-head,.mobile-bottom-nav{display:none}

/* Shared refined primitives */
.eyebrow{display:block;color:#3170c8;font-size:10px;font-weight:950;letter-spacing:.12em}
.btn.soft{background:#f3f7fc;border-color:#dde6f1;color:#304763}
.btn.outline{background:#fff;border-color:#c9d8ec;color:#1761d2}
.btn.primary{background:linear-gradient(180deg,#1d72ee,#105cd2);border-color:#105cd2;color:#fff}
.btn.primary:hover{background:linear-gradient(180deg,#1768df,#0c52bd)}
.btn.copied{background:#eaf9f3!important;color:#0a8559!important;border-color:#bce9d7!important}
.empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:120px;background:#fff;border:1px dashed #d4deea;border-radius:16px;color:#8390a3;text-align:center;padding:26px}
.empty-state strong{color:#42536d}
.soft-notice,.soft-banner{background:#f4f8fe;border:1px solid #dce7f7;border-radius:14px;color:#52657f}
.soft-notice{padding:14px 16px}
.soft-banner{display:flex;align-items:center;gap:10px;padding:13px 16px;margin-bottom:16px}
.soft-banner strong{color:#184d9b;white-space:nowrap}
.soft-banner span{font-size:11px}
.text-action{font-size:11px;font-weight:850;color:#1769e8}
.text-action:hover{text-decoration:underline}

/* Home */
.home-hero{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;background:
  linear-gradient(120deg,#ffffff 0%,#f7fbff 68%,#eff6ff 100%);
  border:1px solid var(--client-line);border-radius:22px;padding:24px 26px;box-shadow:var(--client-shadow);position:relative;overflow:hidden}
.home-hero:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(23,105,232,.055);right:190px;top:-95px}
.home-hero-copy{position:relative;z-index:2}
.home-hero h2{font-size:29px;letter-spacing:-.03em;margin:6px 0 7px}
.home-hero p{margin:0;color:var(--client-muted);font-size:14px}
.home-hero-actions{display:flex;gap:8px;margin-top:17px}
.home-balance-card{position:relative;z-index:2;background:#fff;border:1px solid #dce6f3;border-left:4px solid #ffca24;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;min-height:118px}
.home-balance-card span{font-size:11px;color:#77859a}
.home-balance-card strong{font-size:31px;letter-spacing:-.03em;margin:3px 0;color:#0b2348}
.home-balance-card small{font-weight:850;color:#1769e8}
.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:13px 0 22px}
.mini-stat{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--client-line);border-radius:14px;padding:13px 15px;box-shadow:0 5px 16px rgba(20,50,90,.035)}
.mini-stat:hover{border-color:#c9d8ed}
.mini-stat-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.mini-stat-dot.blue{background:#2475e9}.mini-stat-dot.green{background:#15ac77}.mini-stat-dot.amber{background:#e9a329}.mini-stat-dot.rose{background:#e45470}
.mini-stat div{display:flex;align-items:baseline;gap:8px}.mini-stat small{font-size:11px;color:#78869a}.mini-stat strong{font-size:21px}
.home-section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:20px 0 11px}
.home-section-head h2{font-size:21px;margin:3px 0 0;letter-spacing:-.02em}
.home-section-head>a{font-size:11px;color:#1769e8;font-weight:850}
.home-section-head.compact{margin-top:24px}
.quick-actions-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.quick-action{min-height:86px;background:#fff;border:1px solid var(--client-line);border-radius:15px;padding:14px;display:flex;align-items:center;gap:11px;box-shadow:0 5px 16px rgba(20,50,90,.035);transition:.15s}
.quick-action:hover{transform:translateY(-2px);border-color:#c7d9ef;box-shadow:0 10px 24px rgba(20,50,90,.07)}
.quick-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#edf5ff;color:#1769e8;font-size:13px;font-weight:950;flex:0 0 auto}
.quick-action div{display:flex;flex-direction:column;gap:2px;min-width:0}.quick-action strong{font-size:14px}.quick-action small{font-size:10px;color:#8793a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-action>b{margin-left:auto;color:#9ba6b5;font-size:11px}

/* Compact product catalog */
.product-compact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.store-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.product-compact-card{background:#fff;border:1px solid var(--client-line);border-radius:16px;padding:15px;box-shadow:0 6px 20px rgba(20,50,90,.04);display:flex;flex-direction:column;min-height:220px;transition:.16s}
.product-compact-card:hover{transform:translateY(-2px);border-color:#cad9ec;box-shadow:0 12px 26px rgba(20,50,90,.075)}
.product-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.product-mark{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:#edf4ff;color:#1769e8;font-size:14px;font-weight:950}
.product-mark.theme-1{background:#fff0f3;color:#e33b5d}.product-mark.theme-2{background:#fff7df;color:#b57a00}.product-mark.theme-3{background:#eaf9f3;color:#0c9363}.product-mark.theme-4{background:#f1edff;color:#6b51cb}.product-mark.theme-5{background:#fff1e7;color:#d66b18}
.product-mark.small{width:34px;height:34px;font-size:11px}
.availability{font-size:9px;font-weight:900;border-radius:999px;padding:5px 7px}.availability.ok{background:#eaf9f3;color:#0a8b5d}.availability.no{background:#f0f2f5;color:#8b95a4}
.product-compact-card h3{font-size:13px;line-height:1.25;margin:14px 0 5px}
.product-short{font-size:11px;color:#8894a6;line-height:1.42;margin:0 0 11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:31px}
.product-price-row{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:auto;margin-bottom:12px}
.product-price-row div{display:flex;flex-direction:column}.product-price-row small{font-size:9px;color:#8b96a7}.product-price-row strong{font-size:23px;letter-spacing:-.03em;color:#0b2348}.product-price-row>span{font-size:9px;color:#8793a5;text-align:right}
.product-compact-card .btn{padding:9px 10px;font-size:11px;border-radius:9px}
.disabled-link{pointer-events:none;opacity:.5}
.shop-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--client-line);border-radius:15px;padding:17px 18px;margin-bottom:10px}
.shop-toolbar h2{font-size:21px;margin:3px 0 0}.shop-search{width:min(360px,45%);display:flex;align-items:center;gap:8px;background:#f7f9fc;border:1px solid #dbe3ee;border-radius:11px;padding:0 11px}.shop-search span{color:#91a0b4}.shop-search input{border:0;background:transparent;box-shadow:none!important;padding:11px 0;font-size:11px}
.shop-filter-line{display:flex;align-items:center;gap:7px;margin:10px 0 13px}.filter-chip{border:1px solid #dbe4ef;background:#fff;color:#6e7d92;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:850;cursor:pointer}.filter-chip.active{background:#1769e8;color:#fff;border-color:#1769e8}.shop-count{margin-left:auto;font-size:10px;color:#8a96a7}

/* Deposits */
.balance-overview{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(120deg,#edf5ff,#ffffff);border:1px solid #d7e5f7;border-radius:15px;padding:17px 20px;margin-bottom:14px}
.balance-overview>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.balance-overview span{font-size:11px;color:#718198}.balance-overview strong{font-size:27px}.balance-overview small{font-size:10px;color:#8d98a8}
.deposit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.deposit-card{background:#fff;border:1px solid var(--client-line);border-radius:15px;padding:20px;box-shadow:var(--client-shadow)}
.deposit-card.recommended{border-color:#cfe0f7}
.deposit-card-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px;position:relative}.deposit-card-head h2{font-size:18px;margin:1px 0 4px}.deposit-card-head p{font-size:11px;color:#7d8b9f;margin:0}
.payment-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:14px;font-weight:900}.payment-icon.auto{background:#fff4d6;color:#bf7a00}.payment-icon.manual{background:#edf5ff;color:#1769e8}
.recommended-badge{margin-left:auto;background:#eaf9f3;color:#09855a;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
.field-label{display:block;font-size:11px;font-weight:850;color:#40516b;margin-bottom:8px}
.amount-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.amount-chip{border:1px solid #d8e2ee;background:#fff;border-radius:9px;padding:9px;font-weight:900;color:#354861;cursor:pointer}.amount-chip:hover,.amount-chip.active{border-color:#1769e8;background:#eff6ff;color:#115ccb}
.money-input{display:flex;align-items:center;border:1px solid #d7e1ed;border-radius:11px;padding-left:12px;background:#fbfcfe;margin-bottom:11px}.money-input span{font-weight:900;color:#5a6b82}.money-input input{border:0;background:transparent;box-shadow:none!important;padding:11px;font-size:18px;font-weight:900}
.deposit-action{margin-top:3px}.deposit-note{font-size:10px;color:#8a96a7;line-height:1.45;text-align:center;margin:9px 0 0}
.manual-data{display:grid;gap:8px;background:#f6f9fd;border:1px solid #e0e7f0;border-radius:12px;padding:11px;margin-bottom:11px}.manual-data>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.manual-data span{font-size:10px;color:#7d899b;width:78px}.manual-data strong{font-size:11px;word-break:break-all}.manual-data button{margin-left:auto;border:0;background:#e9f2ff;color:#1769e8;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:900;cursor:pointer}
.manual-instructions{font-size:11px;color:#6f7e92;line-height:1.5;margin:10px 0}
.upload-box{border:1px dashed #c9d6e6;border-radius:12px;padding:13px;margin-bottom:10px;background:#fbfcfe}.upload-box label{display:block;font-size:11px;font-weight:900;margin-bottom:7px}.upload-box input{padding:6px 0;border:0;background:transparent}.upload-box small{display:block;font-size:9px;color:#8d98a7;margin-top:4px}
.help-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--client-line);border-radius:15px;padding:13px 16px;margin-top:14px}.help-strip>div{display:flex;flex-direction:column}.help-strip strong{font-size:11px}.help-strip span{font-size:10px;color:#8793a5;margin-top:2px}

/* Activity */
.payments-head-action,.tickets-head-action{display:flex;justify-content:flex-end;margin:-2px 0 8px}
.activity-section{margin-bottom:22px}.activity-list{display:grid;gap:8px}.activity-row{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;background:#fff;border:1px solid var(--client-line);border-radius:13px;padding:11px 13px}
.activity-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf5ff;color:#1769e8;font-weight:950}.activity-icon.credit{background:#eaf9f3;color:#0c9463}.activity-icon.debit{background:#f3f5f8;color:#68778b}
.activity-main,.activity-meta{display:flex;flex-direction:column;gap:2px}.activity-main strong{font-size:11px}.activity-main span,.activity-meta span{font-size:9px;color:#8995a7}.activity-meta{text-align:right}.activity-meta strong{font-size:11px}.activity-meta strong.positive{color:#0a9a66}.status-text{font-weight:850}.status-completed,.status-approved{color:#0a9563!important}.status-pending{color:#b47a05!important}.status-failed{color:#c13c56!important}

/* Accounts */
.account-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--client-line);border-radius:16px;padding:12px;margin-bottom:12px}.account-search-form{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:7px;min-width:260px;flex:1;border:1px solid #d9e3ee;border-radius:10px;padding:0 10px;background:#fafcff}.search-box input{border:0;background:transparent;box-shadow:none!important;padding:9px 0;font-size:11px}.account-search-form select{width:auto;min-width:140px;padding:9px 10px;font-size:11px}.account-search-form .btn{padding:9px 12px;font-size:10px}.past-toggle{width:100%;font-size:10px;color:#75849a;display:flex;align-items:center;gap:6px}.past-toggle input{width:auto}
.account-card-list{display:grid;gap:10px}.account-service-card{background:#fff;border:1px solid var(--client-line);border-radius:15px;padding:14px 15px;box-shadow:0 5px 16px rgba(20,50,90,.035)}
.account-service-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid #edf1f6}.account-service-head h3{font-size:13px;margin:7px 0 2px}.account-service-head p{font-size:10px;color:#8290a3;margin:0}
.credential-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.credential-grid>div{display:grid;grid-template-columns:1fr auto;gap:3px 8px;align-items:center;background:#f8fafc;border:1px solid #e6ebf2;border-radius:10px;padding:9px 10px}.credential-grid span{grid-column:1/-1;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#8b96a6}.credential-grid strong{font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all}.credential-grid button{border:0;background:#eaf2ff;color:#1769e8;border-radius:7px;padding:5px 7px;font-size:8px;font-weight:900;cursor:pointer}

/* Renewals */
.renew-group{background:#fff;border:1px solid var(--client-line);border-radius:17px;margin-bottom:12px;overflow:hidden}.renew-group-head{padding:13px 15px;border-bottom:1px solid #edf1f6}.renew-group-head>div{display:flex;align-items:center;gap:10px}.renew-group-head h2{font-size:13px;margin:0}.renew-group-head p{font-size:9px;color:#8b96a7;margin:3px 0 0}
.renew-account-list{display:grid}.renew-account-row{display:grid;grid-template-columns:auto 17px 1fr auto;gap:9px;align-items:center;padding:10px 15px;border-bottom:1px solid #f0f3f7;cursor:pointer}.renew-account-row:hover{background:#fbfdff}.renew-account-row>input{position:absolute;opacity:0;pointer-events:none}.renew-check{width:17px;height:17px;border:1.5px solid #c8d4e2;border-radius:5px}.renew-account-row>input:checked+.renew-check{background:#1769e8;border-color:#1769e8;box-shadow:inset 0 0 0 4px #1769e8}.renew-account-row>input:checked+.renew-check:after{content:"✓";display:block;color:#fff;font-size:11px;line-height:14px;text-align:center}.renew-account-row div{display:flex;flex-direction:column}.renew-account-row strong{font-size:11px}.renew-account-row small{font-size:9px;color:#8793a5;margin-top:2px}.renew-actions{display:flex;justify-content:flex-end;padding:11px 15px}
.renew-quote-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px}.renew-summary-card,.renew-options-card{background:#fff;border:1px solid var(--client-line);border-radius:17px;padding:18px;box-shadow:var(--client-shadow)}.renew-summary-card h2,.renew-options-card h2{font-size:17px;margin:4px 0 14px}.renew-summary-list{display:grid;gap:7px;max-height:360px;overflow:auto}.renew-summary-list>div{display:flex;flex-direction:column;background:#f8fafc;border-radius:9px;padding:8px 9px}.renew-summary-list strong{font-size:10px;word-break:break-all}.renew-summary-list span{font-size:8px;color:#8d98a8;margin-top:2px}
.renew-option-list{display:grid;gap:8px;margin-bottom:12px}.renew-option{display:grid;grid-template-columns:auto 16px 1fr auto;gap:9px;align-items:center;border:1px solid #dfe6ef;border-radius:11px;padding:10px;cursor:pointer}.renew-option>input{position:absolute;opacity:0}.renew-option-radio{width:16px;height:16px;border-radius:50%;border:1.5px solid #c8d4e2}.renew-option>input:checked+.renew-option-radio{border:5px solid #1769e8}.renew-option:has(input:checked){border-color:#8db7ef;background:#f5f9ff}.renew-option div{display:flex;flex-direction:column}.renew-option strong{font-size:11px}.renew-option small{font-size:9px;color:#8290a4;margin-top:2px}.renew-option>b{font-size:14px}

/* Orders */
.order-list-modern{display:grid;gap:9px}.order-list-card{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--client-line);border-radius:14px;padding:12px 14px;box-shadow:0 5px 16px rgba(20,50,90,.035)}.order-list-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eaf9f3;color:#0a9b67;font-weight:950}.order-list-main>span{font-size:8px;font-weight:900;color:#7e8ba0;text-transform:uppercase;letter-spacing:.06em}.order-list-main h3{font-size:11px;margin:3px 0 2px}.order-list-main p{font-size:9px;color:#8c97a7;margin:0}.order-list-price{display:flex;align-items:center;gap:10px}.order-list-price>strong{font-size:13px}
.bot-order-sheet{background:#fff;border:1px solid var(--client-line);border-radius:20px;box-shadow:var(--client-shadow);overflow:hidden}.bot-order-confirm{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:19px 21px;background:linear-gradient(120deg,#f7fbff,#ffffff)}.success-mark{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#e7f9f1;color:#0c9b68;font-size:26px;font-weight:950;margin:0 auto 12px}.success-mark.small{width:40px;height:40px;margin:0;font-size:18px}.bot-order-confirm h2{font-size:17px;margin:4px 0}.bot-order-confirm p{font-size:11px;color:#7c899b;margin:0}.bot-order-total{text-align:right}.bot-order-total span{display:block;font-size:9px;color:#8a96a6}.bot-order-total strong{font-size:17px}
.bot-order-summary{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6}.bot-order-summary>div{padding:12px 16px;border-right:1px solid #edf1f6}.bot-order-summary>div:last-child{border-right:0}.bot-order-summary span{display:block;font-size:8px;color:#8b97a7;text-transform:uppercase;letter-spacing:.07em}.bot-order-summary strong{display:block;font-size:11px;margin-top:3px}
.bot-order-section-head{display:flex;align-items:end;justify-content:space-between;padding:17px 20px 10px}.bot-order-section-head h3{font-size:17px;margin:3px 0 0}.bot-order-section-head>span{font-size:9px;color:#8793a5}
.bot-account-list{display:grid;gap:8px;padding:0 20px 18px}.bot-account-list.compact{padding:16px 0 0;text-align:left;width:100%}.bot-account-card{display:grid;grid-template-columns:32px 1fr;gap:10px;border:1px solid #e2e8f0;border-radius:13px;padding:10px;background:#fbfcfe}.bot-account-number{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#eaf2ff;color:#1769e8;font-size:10px;font-weight:950}.bot-account-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.bot-account-title>div{display:flex;flex-direction:column}.bot-account-title span{font-size:8px;color:#8a96a7}.bot-account-title strong{font-size:11px;margin-top:1px}
.bot-credentials{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.bot-credentials>div{display:grid;grid-template-columns:1fr auto;gap:2px 6px;align-items:center;background:#fff;border:1px solid #e5ebf2;border-radius:9px;padding:8px}.bot-credentials span{grid-column:1/-1;font-size:7px;text-transform:uppercase;letter-spacing:.07em;color:#909baa}.bot-credentials strong{font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all}.bot-credentials button{border:0;background:#edf4ff;color:#1769e8;border-radius:6px;padding:4px 6px;font-size:7px;font-weight:900;cursor:pointer}.bot-account-expiry{font-size:8px;color:#7d8999;margin-top:6px}
.bot-order-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f7fafc;border-top:1px solid #e9eef4;padding:14px 20px}.bot-order-footer>div:first-child{display:flex;flex-direction:column}.bot-order-footer strong{font-size:11px}.bot-order-footer span{font-size:9px;color:#8491a3;margin-top:2px}.bot-order-footer .actions{margin:0}
.success-panel{max-width:960px;margin:0 auto;background:#fff;border:1px solid var(--client-line);border-radius:20px;padding:28px;text-align:center;box-shadow:var(--client-shadow)}.success-panel h2{font-size:23px;margin:5px 0 7px}.success-panel>p{font-size:11px;color:#7f8c9e}.success-numbers{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:520px;margin:16px auto}.success-numbers>div{background:#f7f9fc;border-radius:11px;padding:10px}.success-numbers span{display:block;font-size:8px;color:#8995a6}.success-numbers strong{display:block;font-size:17px;margin-top:2px}.center-actions{justify-content:center}
.simple-account-list{display:grid;gap:7px;max-width:680px;margin:14px auto}.simple-account-list>div{display:flex;justify-content:space-between;gap:10px;background:#f8fafc;border-radius:9px;padding:8px 10px;text-align:left}.simple-account-list strong{font-size:10px}.simple-account-list span{font-size:9px;color:#8491a3}

/* Support */
.support-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;align-items:start}.support-form-card,.support-aside{background:#fff;border:1px solid var(--client-line);border-radius:15px;box-shadow:var(--client-shadow)}.support-form-card{padding:20px}.support-step{display:grid;grid-template-columns:32px 1fr;gap:11px;padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid #edf1f6}.support-step:last-of-type{margin-bottom:0}.support-step-number{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#1769e8;color:#fff;font-size:10px;font-weight:950}.support-step-content h2{font-size:14px;margin:4px 0 4px}.support-step-content>p{font-size:10px;color:#7f8c9f;line-height:1.45;margin:0 0 10px}.support-step-content h2 small{font-size:9px;color:#9aa4b2;font-weight:700}.issue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.issue-choice{display:grid;grid-template-columns:16px 1fr;gap:8px;border:1px solid #dfe6ef;border-radius:11px;padding:10px;cursor:pointer}.issue-choice>input{position:absolute;opacity:0}.issue-radio{width:16px;height:16px;border-radius:50%;border:1.5px solid #c5d0df;margin-top:1px}.issue-choice:has(input:checked){border-color:#83b1ef;background:#f3f8ff}.issue-choice>input:checked+.issue-radio{border:5px solid #1769e8}.issue-choice div{display:flex;flex-direction:column}.issue-choice strong{font-size:10px}.issue-choice small{font-size:8px;color:#8b96a7;line-height:1.35;margin-top:3px}.support-email-box{display:flex;align-items:center;gap:8px;background:#fbfcfe;border:1px solid #d8e2ee;border-radius:10px;padding:0 10px}.support-email-box span{color:#8391a4;font-weight:900}.support-email-box input{border:0;background:transparent;box-shadow:none!important;padding:10px 0;font-size:11px}.support-step textarea{min-height:88px;font-size:11px}.support-submit{display:flex;justify-content:space-between;align-items:center;padding-left:43px}.support-aside{padding:22px;text-align:center}.support-illustration{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;margin:0 auto 12px;background:linear-gradient(135deg,#e9f3ff,#f8fbff);color:#1769e8;font-size:28px}.support-aside h3{font-size:14px;margin:0 0 6px}.support-aside p{font-size:10px;line-height:1.5;color:#8290a4}.support-aside ul{list-style:none;padding:0;margin:16px 0 0;text-align:left;display:grid;gap:9px}.support-aside li{font-size:10px;color:#53637a;display:flex;align-items:center;gap:7px}.support-aside li span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#eaf9f3;color:#0b9a66;font-size:9px;font-weight:950}
.ticket-list-modern{display:grid;gap:9px}.ticket-card-modern{display:grid;grid-template-columns:120px 1fr;gap:14px;background:#fff;border:1px solid var(--client-line);border-radius:14px;padding:13px}.ticket-id{display:flex;flex-direction:column;border-right:1px solid #edf1f6}.ticket-id span{font-size:8px;color:#8b96a7;text-transform:uppercase;letter-spacing:.08em}.ticket-id strong{font-size:11px;margin-top:3px}.ticket-main h3{font-size:11px;margin:7px 0 1px}.ticket-main p{font-size:10px;color:#67778d;margin:0}.ticket-main small{font-size:8px;color:#909aa9}.ticket-note{font-size:9px;color:#65758b;background:#f7f9fc;border-radius:8px;padding:7px 8px;margin-top:7px}

/* Mail / profile */
.mail-account-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mail-account-card{background:#fff;border:1px solid var(--client-line);border-radius:14px;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.mail-account-card>div{display:flex;align-items:center;gap:10px;min-width:0}.mail-account-card h3{font-size:11px;margin:0}.mail-account-card p{font-size:9px;color:#79879b;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis}.mail-account-card form{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.mail-account-card .btn{font-size:9px;padding:7px 8px}
.processing-card,.checkout-card{max-width:700px;margin:25px auto;background:#fff;border:1px solid var(--client-line);border-radius:15px;padding:28px;text-align:center;box-shadow:var(--client-shadow)}.processing-dot{display:block;width:16px;height:16px;background:#1769e8;border-radius:50%;margin:0 auto 13px;box-shadow:0 0 0 7px #eaf2ff}.processing-card h2,.checkout-card h2{font-size:21px;margin:0 0 7px}.processing-card p,.checkout-card p{font-size:11px;color:#7f8c9f;line-height:1.5}.result-list{display:grid;gap:9px}.result-card{background:#fff;border:1px solid var(--client-line);border-radius:14px;padding:13px}.result-card .codebox{font-size:17px;padding:13px}
.profile-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:14px}.profile-card{background:#fff;border:1px solid var(--client-line);border-radius:17px;padding:18px;box-shadow:var(--client-shadow)}.profile-card h2{font-size:17px;margin:0 0 7px}.profile-header-modern{display:flex;align-items:center;gap:11px;margin-bottom:17px}.profile-avatar{width:48px;height:48px;font-size:14px}.profile-header-modern h2{margin:0}.profile-header-modern p{font-size:10px;color:#8995a7;margin:3px 0 0}.profile-data-list{display:grid;gap:7px}.profile-data-list>div{display:flex;justify-content:space-between;gap:10px;background:#f8fafc;border-radius:9px;padding:9px 10px}.profile-data-list span{font-size:9px;color:#8290a4}.profile-data-list strong{font-size:10px;text-align:right}.profile-divider{margin:17px 0}.password-card{margin-top:14px}

/* Existing purchase flow restyle + no sticky panel */
.purchase-shell{grid-template-columns:minmax(0,1fr) 290px;gap:14px}
.purchase-card,.purchase-help-card{border-color:var(--client-line);border-radius:15px;box-shadow:var(--client-shadow)}
.purchase-card{padding:20px}.purchase-help-card{position:static;padding:18px}
.purchase-head{padding-bottom:17px}.purchase-head h2{font-size:23px}.purchase-head p{font-size:11px}
.purchase-step{padding:18px 0}.step-number{width:31px;height:31px;border-radius:9px;background:#1769e8;font-size:11px}.step-body h3{font-size:17px}.step-body>p,.step-body>div>p{font-size:11px;margin-bottom:11px}
.stock-box{min-width:102px;padding:10px}.stock-box strong{font-size:23px}
.qty-picker{grid-template-columns:42px 92px 42px}.qty-btn{height:42px}.qty-picker input{font-size:18px;padding:8px}
.plan-options{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-choice{padding:12px;border-radius:12px}.plan-choice-title strong{font-size:13px}.plan-choice-price strong{font-size:17px}
.purchase-summary{background:#f2f7ff;color:#0c2142;border:1px solid #d4e3f7;border-radius:13px;padding:13px 15px}.purchase-summary span,.purchase-summary small{color:#6f8097}.summary-price strong{color:#0c2142;font-size:23px}
.purchase-help-card h3{font-size:18px}.help-line{padding:12px 0}.help-line p{font-size:11px}
.range-helper{border-radius:10px}.range-row{min-height:40px}.range-row>div{padding:7px 8px}.range-cell span{font-size:11px}.range-active .range-price span{font-size:11px}

/* Mobile */
@media(max-width:1150px){
  .store-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .client-header-inner{padding:0 18px;gap:18px}
  .client-nav a{padding:0 9px;font-size:11px}
  .account-name{display:none}
}
@media(max-width:900px){
  body:has(.client-shell){padding-bottom:68px}
  .client-header{display:none}
  .client-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:10px;height:62px;padding:0 15px;background:#fff;border-bottom:1px solid var(--client-line)}
  .mobile-brand{display:flex;align-items:center;gap:7px}.mobile-brand img{width:33px;height:33px;object-fit:contain}.mobile-brand span{font-size:14px;font-weight:950}.mobile-brand b{color:#ef2349}
  .mobile-head-actions{display:flex;align-items:center;gap:7px}.mobile-balance{font-size:11px;font-weight:950;color:#0e4fa9;background:#eff6ff;border:1px solid #d7e6fa;border-radius:999px;padding:7px 9px}
  .mobile-more{position:relative}.mobile-more summary{list-style:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f2f5f9;color:#586a82;font-size:11px;font-weight:950;cursor:pointer}.mobile-more summary::-webkit-details-marker{display:none}.mobile-more-panel{top:40px;width:210px}
  .mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(255,255,255,.97);border-top:1px solid #dfe7f0;padding:6px max(6px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom));box-shadow:0 -8px 28px rgba(17,40,72,.09);backdrop-filter:blur(12px)}
  .mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;color:#8390a2}.mobile-bottom-nav a span{font-size:13px;line-height:1}.mobile-bottom-nav a b{font-size:8px}.mobile-bottom-nav a.active{color:#1769e8}
  .client-main{padding:18px 14px 20px}.client-page-head{margin-bottom:13px}.client-page-head h1{font-size:23px}.client-page-head p{font-size:11px}
  .home-hero{grid-template-columns:1fr;padding:18px}.home-hero h2{font-size:22px}.home-balance-card{min-height:95px;padding:14px}
  .mini-stats{grid-template-columns:1fr 1fr}.quick-actions-modern{grid-template-columns:1fr 1fr}.quick-action{min-height:78px}
  .product-compact-grid,.store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-compact-card{min-height:198px;padding:12px}.product-short{display:none}.product-price-row strong{font-size:19px}
  .shop-toolbar{align-items:stretch;flex-direction:column}.shop-search{width:100%}
  .deposit-grid,.renew-quote-layout,.support-layout,.profile-layout{grid-template-columns:1fr}
  .support-aside{display:none}.issue-grid{grid-template-columns:1fr}
  .account-toolbar{flex-direction:column}.account-search-form{width:100%}.account-toolbar>.btn{width:100%}.search-box{min-width:0;width:100%}.account-search-form select{flex:1}
  .mail-account-grid{grid-template-columns:1fr}
  .purchase-shell{grid-template-columns:1fr}.purchase-help-card{display:none}
  .bot-order-summary{grid-template-columns:1fr 1fr}.bot-order-summary>div:nth-child(2){border-right:0}.bot-order-summary>div:nth-child(-n+2){border-bottom:1px solid #edf1f6}
}
@media(max-width:560px){
  .client-main{padding:14px 11px 18px}
  .home-hero{padding:15px;border-radius:17px}.home-hero h2{font-size:17px}.home-hero-actions .btn{flex:1;font-size:10px;padding:9px}
  .home-balance-card strong{font-size:25px}.mini-stats{gap:7px}.mini-stat{padding:10px}.mini-stat div{display:flex;flex-direction:column;gap:1px}.mini-stat strong{font-size:18px}
  .quick-actions-modern{gap:7px}.quick-action{padding:10px;gap:8px;min-height:72px}.quick-icon{width:30px;height:30px}.quick-action small{display:none}
  .home-section-head{margin-top:16px}.home-section-head h2{font-size:18px}
  .product-compact-grid,.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-compact-card{min-height:182px}.product-compact-card h3{font-size:11px;margin-top:10px}.product-card-top .availability{font-size:7px}.product-mark{width:34px;height:34px}.product-price-row>span{display:none}
  .balance-overview{align-items:flex-start;flex-direction:column}.balance-overview>div{display:flex;flex-direction:column;gap:1px}.deposit-card{padding:15px}.amount-chips{grid-template-columns:repeat(4,1fr)}.amount-chip{padding:8px 4px;font-size:10px}.help-strip{align-items:flex-start;flex-direction:column}.help-strip .btn{width:100%}
  .activity-row{grid-template-columns:32px 1fr auto;padding:9px}.activity-icon{width:29px;height:29px}.activity-main strong{font-size:10px}.activity-meta strong{font-size:11px}
  .credential-grid,.bot-credentials{grid-template-columns:1fr}.account-service-head{flex-direction:column}.account-service-head .text-action{align-self:flex-start}
  .renew-account-row{grid-template-columns:auto 17px 1fr}.renew-account-row>.badge{grid-column:3}.renew-actions .btn{width:100%}
  .order-list-card{grid-template-columns:32px 1fr}.order-list-price{grid-column:2;justify-content:space-between}.order-list-icon{width:30px;height:30px}
  .bot-order-confirm{grid-template-columns:38px 1fr;padding:15px}.bot-order-total{grid-column:2;text-align:left;display:flex;align-items:baseline;gap:7px}.bot-order-total strong{font-size:18px}.bot-order-summary{grid-template-columns:1fr 1fr}.bot-account-list{padding:0 11px 13px}.bot-order-section-head{padding:14px 12px 9px}.bot-order-footer{align-items:flex-start;flex-direction:column;padding:12px}.bot-order-footer .actions{width:100%}.bot-order-footer .btn{flex:1}
  .support-form-card{padding:14px}.support-step{grid-template-columns:28px 1fr}.support-step-number{width:25px;height:25px}.support-submit{padding-left:0;align-items:stretch;flex-direction:column;gap:10px}.support-submit .btn{width:100%}
  .ticket-card-modern{grid-template-columns:1fr}.ticket-id{border-right:0;border-bottom:1px solid #edf1f6;padding-bottom:7px}
  .mail-account-card{align-items:flex-start;flex-direction:column}.mail-account-card form{width:100%;justify-content:flex-start}.mail-account-card .btn{flex:1}
  .profile-card{padding:14px}.form-row{grid-template-columns:1fr}
  .purchase-card{padding:13px}.purchase-head{align-items:flex-start}.purchase-head h2{font-size:17px}.plan-options{grid-template-columns:1fr}.purchase-summary{align-items:flex-start;flex-direction:column}.summary-price{text-align:left}
}

/* Avoid yellow-dominant auth screens on small devices */
@media(max-width:650px){
  .auth-visual{background:linear-gradient(145deg,#0d2a55,#16579f)!important;min-height:280px!important}
  .auth-visual:before{background:rgba(255,255,255,.06)!important}
  .auth-panel{background:#f7f9fc!important}
  .auth-card-light{box-shadow:0 12px 34px rgba(13,42,85,.09)!important}
}


/* =====================================================================
   ECUACINE WEB v2.3.1 — CARRITO SIMPLE
   Compra tipo e-commerce: producto + cantidad. Nada de rangos visibles.
   ===================================================================== */

/* Important: author CSS must respect the HTML hidden attribute. */
[hidden]{display:none!important}

.nav-cart-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:4px;border-radius:999px;background:#1769e8;color:#fff;font-size:8px;font-weight:950;line-height:1}
.client-nav a.active .nav-cart-count{background:#0d54bf}
.mobile-cart-icon{position:relative}
.mobile-cart-icon i{position:absolute;top:-7px;right:-10px;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:#ef3d5e;color:#fff;font:800 8px/15px Arial,sans-serif;font-style:normal}

.shop-toolbar-simple{align-items:center}
.shop-toolbar-simple p{margin:5px 0 0;color:#7b899d;font-size:11px}
.add-cart-form{width:100%;margin:0}
.product-compact-card form .btn{width:100%}

/* Product detail kept intentionally simple */
.simple-product-page{max-width:780px;margin:0 auto}
.simple-product-card{background:#fff;border:1px solid var(--client-line);border-radius:19px;padding:22px;box-shadow:var(--client-shadow)}
.simple-product-identity{display:flex;align-items:flex-start;gap:15px}
.product-mark.large{width:58px;height:58px;border-radius:15px;font-size:23px;flex:0 0 auto}
.simple-product-identity h2{font-size:17px;margin:8px 0 5px;letter-spacing:-.025em}
.simple-product-identity p{font-size:11px;color:#7c899c;line-height:1.55;margin:0}
.simple-product-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0 12px}
.simple-product-facts>div{background:#f7f9fc;border:1px solid #e5eaf1;border-radius:11px;padding:11px}
.simple-product-facts span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#8995a6}
.simple-product-facts strong{display:block;font-size:13px;margin-top:4px}
.simple-cart-note{display:flex;flex-direction:column;gap:3px;background:#eef6ff;border:1px solid #d6e6fb;border-radius:12px;padding:11px 13px;margin-bottom:12px}
.simple-cart-note strong{font-size:11px;color:#1857a8}
.simple-cart-note span{font-size:10px;color:#65768d;line-height:1.45}
.simple-back{display:inline-block;margin-top:12px}

/* Cart */
.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}
.cart-items-panel,.cart-summary-card{background:#fff;border:1px solid var(--client-line);border-radius:15px;box-shadow:var(--client-shadow)}
.cart-items-panel{padding:17px}
.cart-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid #edf1f6}
.cart-panel-head h2{font-size:17px;margin:3px 0 0}
.cart-item-list{display:grid}
.cart-item-card{display:grid;grid-template-columns:46px 1fr;gap:12px;padding:15px 2px;border-bottom:1px solid #edf1f6}
.cart-item-card:last-child{border-bottom:0;padding-bottom:2px}
.cart-item-card.has-problem{background:#fff9fa;border-radius:12px;padding:12px;margin-top:8px;border:1px solid #f2d9df}
.cart-product-mark{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#edf4ff;color:#1769e8;font-size:17px;font-weight:950}
.cart-product-info{min-width:0}
.cart-product-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.cart-product-title h3{font-size:14px;margin:1px 0 2px}
.cart-product-title>div>span{font-size:9px;color:#8491a4}
.bulk-saving{white-space:nowrap;background:#eaf9f3;color:#09845a;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:950}
.cart-problem{margin:8px 0;background:#fff0f3;color:#ad344e;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:750}
.cart-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px}
.cart-qty-form{display:flex;align-items:center;gap:5px}
.cart-qty-form>button:not(.cart-update-btn){width:29px;height:29px;border:1px solid #d5dfeb;background:#fff;border-radius:8px;color:#31506f;font-size:17px;font-weight:800;cursor:pointer}
.cart-qty-form>button:not(.cart-update-btn):hover{border-color:#99b8df;background:#f4f8fe}
.cart-qty-form input[type=number]{width:57px;height:29px;padding:4px 5px;border:1px solid #d5dfeb;border-radius:8px;text-align:center;font-size:11px;font-weight:900;box-shadow:none}
.cart-update-btn{height:29px;border:0;background:#eef5ff;color:#1764d6;border-radius:8px;padding:0 8px;font-size:8px;font-weight:900;cursor:pointer}
.cart-price-info{display:flex;align-items:baseline;gap:9px;text-align:right}
.cart-price-info span{font-size:9px;color:#7d8a9c}
.cart-price-info strong{font-size:14px;color:#0b2348}
.cart-item-actions{display:flex;align-items:center;justify-content:space-between;margin-top:7px}
.cart-item-actions>span{font-size:8px;color:#909baa}
.cart-item-actions form{margin:0}
.cart-remove{border:0;background:transparent;color:#ad5364;font-size:8px;font-weight:850;cursor:pointer;padding:3px 0}
.cart-remove:hover{text-decoration:underline}

.cart-summary-card{padding:19px;position:sticky;top:14px}
.cart-summary-card h2{font-size:21px;margin:4px 0 15px}
.cart-summary-lines{display:grid;gap:9px}
.cart-summary-lines>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#748298}
.cart-summary-lines strong{color:#203653;font-size:11px}
.cart-summary-total{border-top:1px solid #e7ecf3;padding-top:11px;margin-top:2px}
.cart-summary-total strong{font-size:23px;color:#0b2348}
.cart-balance-line{display:flex;align-items:center;justify-content:space-between;background:#f6f9fd;border-radius:10px;padding:9px 10px;margin:13px 0}
.cart-balance-line span{font-size:9px;color:#7d8a9c}
.cart-balance-line strong{font-size:11px}
.cart-safe-note{background:#eaf9f3;color:#157252;border-radius:9px;padding:8px 9px;font-size:9px;margin-bottom:10px}
.cart-checkout-message{background:#fff6e5;color:#936312;border-radius:9px;padding:9px 10px;font-size:9px;line-height:1.45;margin-bottom:10px}
.cart-checkout-message a{font-weight:900;color:#1769e8}
.cart-checkout:disabled{opacity:.5;cursor:not-allowed}
.cart-summary-foot{font-size:8px;line-height:1.4;text-align:center;color:#929dac;margin:9px 0 0}
.cart-empty{max-width:560px;margin:40px auto;background:#fff;border:1px solid var(--client-line);border-radius:19px;padding:34px;text-align:center;box-shadow:var(--client-shadow)}
.cart-empty-icon{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;background:#edf5ff;color:#1769e8;margin:0 auto 13px;font-size:22px}
.cart-empty h2{font-size:14px;margin:0 0 6px}
.cart-empty p{font-size:11px;color:#7c899c;margin:0 0 16px}

/* Order / purchase result for multi-product cart */
.purchase-result-products{display:grid;gap:7px;max-width:720px;margin:14px auto 3px;text-align:left}
.purchase-result-product{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f7f9fc;border:1px solid #e7ecf2;border-radius:10px;padding:9px 11px}
.purchase-result-product>div{display:flex;flex-direction:column}
.purchase-result-product strong{font-size:10px}
.purchase-result-product span{font-size:8px;color:#8390a3;margin-top:2px}
.purchase-result-product>b{font-size:11px}
.order-product-summary{display:grid;gap:7px;padding:15px 20px 0}
.order-product-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f7f9fc;border:1px solid #e7ecf2;border-radius:10px;padding:9px 11px}
.order-product-summary>div>div{display:flex;flex-direction:column}
.order-product-summary strong{font-size:10px}
.order-product-summary span{font-size:8px;color:#8491a4;margin-top:2px}

/* Mobile cart */
@media(max-width:900px){
  .cart-layout{grid-template-columns:1fr}
  .cart-summary-card{position:static}
}
@media(max-width:560px){
  .simple-product-card{padding:15px}
  .simple-product-identity{gap:10px}
  .product-mark.large{width:47px;height:47px;font-size:18px}
  .simple-product-identity h2{font-size:19px}
  .simple-product-facts{grid-template-columns:1fr 1fr}
  .simple-product-facts>div:last-child{grid-column:1/-1}
  .cart-items-panel{padding:12px}
  .cart-panel-head{align-items:flex-start;flex-direction:column}
  .cart-item-card{grid-template-columns:38px 1fr;gap:9px}
  .cart-product-mark{width:36px;height:36px;border-radius:10px;font-size:14px}
  .cart-product-title{align-items:flex-start;flex-direction:column;gap:5px}
  .bulk-saving{align-self:flex-start}
  .cart-row-bottom{align-items:flex-start;flex-direction:column}
  .cart-qty-form{width:100%;display:grid;grid-template-columns:30px 62px 30px 1fr}
  .cart-qty-form>button:not(.cart-update-btn){width:30px}
  .cart-qty-form input[type=number]{width:62px}
  .cart-update-btn{width:100%}
  .cart-price-info{width:100%;justify-content:space-between;text-align:left}
  .cart-summary-card{padding:15px}
}


/* =====================================================================
   ECUACINE WEB v2.3.3 — MIS CUENTAS + RENOVACIÓN UNIFICADOS
   ===================================================================== */

.accounts-top-actions{
  display:flex;align-items:end;justify-content:space-between;gap:14px;
  background:#fff;border:1px solid var(--client-line);border-radius:17px;
  padding:15px 17px;margin-bottom:10px;box-shadow:0 5px 18px rgba(20,50,90,.035)
}
.accounts-top-actions h2{font-size:17px;margin:3px 0 0}
.accounts-top-buttons{display:flex;gap:7px}
.accounts-top-buttons .btn{padding:9px 11px;font-size:10px}

.accounts-filter-panel{
  display:grid;grid-template-columns:minmax(240px,1fr) 190px 180px auto auto auto;
  align-items:center;gap:7px;background:#fff;border:1px solid var(--client-line);
  border-radius:15px;padding:10px;margin-bottom:10px
}
.accounts-filter-search{
  display:flex;align-items:center;gap:7px;border:1px solid #d9e3ee;
  background:#fafcff;border-radius:9px;padding:0 9px
}
.accounts-filter-search span{color:#93a0b2}
.accounts-filter-search input{border:0;background:transparent;box-shadow:none!important;padding:9px 0;font-size:10px}
.accounts-filter-panel select{padding:9px 10px;font-size:10px;border-radius:9px}
.accounts-filter-panel .btn{padding:9px 10px;font-size:9px}
.accounts-history-toggle{display:flex;align-items:center;gap:5px;font-size:9px;color:#718198;white-space:nowrap}
.accounts-history-toggle input{width:auto}

.accounts-table-shell{
  background:#fff;border:1px solid var(--client-line);border-radius:17px;
  overflow:hidden;box-shadow:var(--client-shadow)
}
.accounts-table-head,.account-table-row{
  display:grid;
  grid-template-columns:44px minmax(165px,1.1fr) minmax(220px,1.5fr) minmax(160px,1fr) 150px 125px 125px;
  align-items:center
}
.accounts-table-head{
  min-height:42px;background:#f6f8fc;border-bottom:1px solid #e5eaf1;
  color:#62728a;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.055em
}
.accounts-table-head>div{padding:0 10px}
.account-table-row{
  min-height:66px;border-bottom:1px solid #edf1f6;transition:.14s ease
}
.account-table-row:last-child{border-bottom:0}
.account-table-row:hover{background:#fbfdff}
.account-table-row.selected{background:#f2f7ff;box-shadow:inset 3px 0 0 #1769e8}
.account-table-row.selection-disabled{opacity:.48}
.account-table-row>div{padding:10px;min-width:0}
.account-col-select{display:grid;place-items:center}

.account-master-check,.account-row-check{display:inline-grid;place-items:center;cursor:pointer}
.account-master-check input,.account-row-check input{position:absolute;opacity:0;pointer-events:none}
.account-master-check span,.account-row-check span{
  width:18px;height:18px;border:1.5px solid #c7d4e4;border-radius:5px;background:#fff;position:relative
}
.account-master-check input:checked+span,.account-row-check input:checked+span{
  background:#1769e8;border-color:#1769e8
}
.account-master-check input:checked+span:after,.account-row-check input:checked+span:after{
  content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:950
}
.account-row-check input:disabled+span{background:#f2f4f7;border-color:#e1e6ed;cursor:not-allowed}
.account-no-renew{color:#a7b0bd;font-size:11px}

.account-col-product{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.account-product-chip{
  display:inline-flex;align-items:center;width:max-content;max-width:100%;
  background:#edf4ff;color:#185fbf;border-radius:999px;padding:5px 8px;
  font-size:9px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.account-col-product .badge{
  display:inline-flex!important;align-self:flex-start!important;width:auto!important;
  max-width:max-content;padding:3px 7px;font-size:8px
}

.account-col-email,.account-col-password{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center}
.account-col-email strong,.account-col-password strong{
  font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.account-mini-copy{
  border:0;background:#edf4ff;color:#1769e8;border-radius:6px;padding:4px 6px;
  font-size:7px;font-weight:900;cursor:pointer
}
.account-col-expiry strong,.account-col-remaining strong{font-size:9px;color:#52637a}
.remaining-active{color:#0a8e60!important}
.remaining-expiring{color:#c37c00!important}
.remaining-expired{color:#c23e59!important}
.remaining-historical{color:#919baa!important}

.account-col-actions{display:flex;align-items:center;gap:5px}
.account-action-btn{
  display:inline-flex;align-items:center;justify-content:center;padding:6px 7px;border-radius:7px;
  font-size:8px;font-weight:900;border:1px solid #dce5ef
}
.account-action-btn.code{background:#eef5ff;color:#1764d6;border-color:#d5e4f8}
.account-action-btn.help{background:#fff7e8;color:#9a6811;border-color:#f4e4bf}

.accounts-empty-state{
  padding:36px;text-align:center;display:flex;flex-direction:column;gap:4px;color:#8390a3
}
.accounts-empty-state strong{color:#42536d;font-size:11px}
.accounts-empty-state span{font-size:10px}

.renew-selection-bar{
  position:fixed;left:50%;bottom:22px;transform:translateX(-50%);
  width:min(820px,calc(100% - 44px));z-index:75;
  display:grid;grid-template-columns:34px auto minmax(140px,1fr) minmax(180px,1.2fr) auto;
  align-items:center;gap:12px;background:rgba(255,255,255,.98);
  border:1px solid #d9e3ef;border-radius:17px;padding:10px 11px;
  box-shadow:0 20px 48px rgba(17,44,81,.18);backdrop-filter:blur(14px)
}
.renew-selection-close{
  width:30px;height:30px;border:0;border-radius:9px;background:#f1f4f8;color:#8794a6;
  font-size:18px;cursor:pointer
}
.renew-selected-count{display:flex;align-items:center;gap:6px;white-space:nowrap}
.renew-selected-count strong{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:#1769e8;color:#fff;font-size:10px
}
.renew-selected-count span{font-size:10px;color:#617189;font-weight:850}
.renew-selected-product{display:flex;flex-direction:column;min-width:0}
.renew-selected-product span{font-size:7px;text-transform:uppercase;letter-spacing:.07em;color:#96a0af}
.renew-selected-product strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.renew-selection-note{font-size:9px;color:#7d8a9c;line-height:1.35}
.renew-selected-submit{padding:10px 14px;font-size:10px;white-space:nowrap}

/* v2.3.3: old renewal page is no longer part of the client navigation.
   Keep this safeguard in case an old cached page is still open. */
.renew-account-row>.badge{width:auto!important;max-width:max-content!important;justify-self:start!important}

@media(max-width:1100px){
  .accounts-filter-panel{grid-template-columns:minmax(210px,1fr) 160px 160px auto auto}
  .accounts-history-toggle{grid-column:1/-1}
  .accounts-table-head,.account-table-row{
    grid-template-columns:42px 145px minmax(200px,1.4fr) minmax(140px,1fr) 130px 110px 108px
  }
}
@media(max-width:900px){
  .accounts-top-actions{align-items:flex-start;flex-direction:column}
  .accounts-top-buttons{width:100%}.accounts-top-buttons .btn{flex:1}
  .accounts-filter-panel{grid-template-columns:1fr 1fr}
  .accounts-filter-search{grid-column:1/-1}
  .accounts-history-toggle{grid-column:1/-1}
  .accounts-filter-panel .btn{width:100%}

  .accounts-table-head{display:none}
  .accounts-table-shell{background:transparent;border:0;box-shadow:none;overflow:visible}
  .accounts-table-body{display:grid;gap:9px}
  .account-table-row{
    display:grid;grid-template-columns:34px 1fr auto;
    grid-template-areas:
      "check product actions"
      "check email email"
      "check password password"
      "check expiry remaining";
    gap:7px 9px;align-items:start;min-height:0;background:#fff;border:1px solid var(--client-line);
    border-radius:14px;padding:11px;box-shadow:0 5px 16px rgba(20,50,90,.035)
  }
  .account-table-row>div{padding:0}
  .account-col-select{grid-area:check;align-self:stretch;place-items:start center;padding-top:2px!important}
  .account-col-product{grid-area:product;flex-direction:row;align-items:center;flex-wrap:wrap}
  .account-col-email{grid-area:email}
  .account-col-password{grid-area:password}
  .account-col-expiry{grid-area:expiry}
  .account-col-remaining{grid-area:remaining;text-align:right}
  .account-col-actions{grid-area:actions;justify-content:flex-end}
  .account-col-email,.account-col-password{
    background:#f8fafc;border:1px solid #e7ecf2;border-radius:8px;padding:7px 8px!important
  }
  .account-col-expiry:before,.account-col-remaining:before{
    content:attr(data-label);display:block;font-size:7px;text-transform:uppercase;letter-spacing:.06em;color:#98a2b0;margin-bottom:2px
  }
  .renew-selection-bar{bottom:74px;width:calc(100% - 22px)}
}
@media(max-width:600px){
  .accounts-filter-panel{grid-template-columns:1fr}
  .accounts-filter-search,.accounts-history-toggle{grid-column:auto}
  .accounts-top-buttons{flex-direction:column}
  .account-table-row{
    grid-template-columns:30px 1fr;
    grid-template-areas:
      "check product"
      "check actions"
      "check email"
      "check password"
      "check expiry"
      "check remaining";
  }
  .account-col-actions{justify-content:flex-start}
  .account-col-remaining{text-align:left}
  .renew-selection-bar{
    grid-template-columns:30px 1fr auto;gap:8px;padding:9px;
  }
  .renew-selected-product{grid-column:2/4}
  .renew-selection-note{display:none}
  .renew-selected-submit{grid-column:2/4;width:100%}
}


/* =====================================================================
   ECUACINE WEB v2.3.4 — TIPOGRAFÍA + CÓDIGOS POR BÚSQUEDA DIRECTA
   ===================================================================== */

/* Texto ligeramente más grande en el panel de cliente */
.client-page-head h1{font-size:33px}
.client-page-head p{font-size:13px}
.client-nav a{font-size:14px}
.header-balance strong{font-size:14px}
.account-name{font-size:11px}

/* Mis cuentas: legibilidad */
.accounts-top-actions h2{font-size:22px}
.accounts-top-actions .eyebrow{font-size:11px}
.accounts-top-buttons .btn{font-size:11px;padding:10px 13px}

.accounts-filter-search input{font-size:11px;padding:10px 0}
.accounts-filter-panel select{font-size:11px;padding:10px 11px}
.accounts-filter-panel .btn{font-size:10px;padding:10px 12px}
.accounts-history-toggle{font-size:10px}

.accounts-table-head{font-size:10px}
.account-table-row{min-height:72px}
.account-product-chip{font-size:10px;padding:6px 9px}
.account-col-product .badge{font-size:9px;padding:4px 8px}
.account-col-email strong,.account-col-password strong{font-size:11.5px}
.account-mini-copy{font-size:8px;padding:5px 7px}
.account-col-expiry strong,.account-col-remaining strong{font-size:11px}
.account-action-btn{font-size:9px;padding:7px 8px}

/* Códigos y correos: entrada directa */
.mail-search-layout{
  display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:15px;align-items:start
}
.mail-search-card,.mail-search-aside{
  background:#fff;border:1px solid var(--client-line);border-radius:19px;
  box-shadow:var(--client-shadow)
}
.mail-search-card{padding:25px}
.mail-search-card h2{font-size:25px;margin:6px 0 7px;letter-spacing:-.025em}
.mail-search-card>p{
  margin:0 0 20px;color:#708098;font-size:14px;line-height:1.55
}
.mail-direct-form{display:grid;gap:14px}
.mail-account-input{
  display:flex;align-items:center;gap:10px;background:#f9fbfe;
  border:1.5px solid #cddbea;border-radius:13px;padding:0 14px
}
.mail-account-input:focus-within{
  border-color:#6fa4eb;box-shadow:0 0 0 4px rgba(23,105,232,.07)
}
.mail-account-input>span{
  color:#718198;font-size:18px;font-weight:900
}
.mail-account-input input{
  border:0!important;background:transparent!important;box-shadow:none!important;
  font-size:13px;font-weight:700;color:#132a4a;padding:14px 0
}
.mail-account-input input::placeholder{color:#a1abba;font-weight:500}

.mail-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mail-action-card{
  display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;
  width:100%;text-align:left;border:1px solid #dbe4ef;background:#fff;
  color:#18314f;border-radius:13px;padding:14px;cursor:pointer;transition:.15s
}
.mail-action-card:hover{
  border-color:#9cbce7;background:#f8fbff;transform:translateY(-1px)
}
.mail-action-card.primary-action{
  border-color:#b7d2f5;background:#f3f8ff
}
.mail-action-icon{
  width:39px;height:39px;border-radius:11px;display:grid;place-items:center;
  background:#e8f2ff;color:#1769e8;font-size:17px;font-weight:950
}
.mail-action-card div{display:flex;flex-direction:column;gap:3px}
.mail-action-card strong{font-size:11px}
.mail-action-card small{
  font-size:10px;line-height:1.4;color:#7f8c9f;font-weight:500
}
.mail-action-card>b{font-size:14px;color:#8c99aa}

.mail-help-note{
  display:flex;align-items:center;gap:8px;background:#f6f9fd;
  border-radius:10px;padding:10px 12px;margin-top:14px
}
.mail-help-note strong{font-size:10px;color:#37506e}
.mail-help-note span{font-size:10px;color:#75849a}

.mail-search-aside{padding:23px;text-align:center}
.mail-aside-icon{
  width:62px;height:62px;border-radius:15px;display:grid;place-items:center;
  background:#edf5ff;color:#1769e8;font-size:25px;font-weight:950;
  margin:0 auto 13px
}
.mail-search-aside h3{font-size:18px;margin:0 0 7px}
.mail-search-aside p{
  color:#7a889c;font-size:11px;line-height:1.55;margin:0
}
.mail-aside-links{
  display:grid;gap:7px;border-top:1px solid #e8edf3;margin-top:17px;padding-top:14px
}
.mail-aside-links a{
  font-size:11px;font-weight:900;color:#1769e8;padding:5px
}

/* Resultado de código un poco más legible */
.processing-card h2,.checkout-card h2{font-size:23px}
.processing-card p,.checkout-card p{font-size:11px}
.result-card .codebox{font-size:17px}
.result-card .btn{font-size:11px}

@media(max-width:900px){
  .client-page-head h1{font-size:27px}
  .client-page-head p{font-size:11px}
  .mail-search-layout{grid-template-columns:1fr}
  .mail-search-aside{display:none}
  .account-col-email strong,.account-col-password strong{font-size:11px}
  .account-col-expiry strong,.account-col-remaining strong{font-size:10px}
}
@media(max-width:600px){
  .mail-search-card{padding:17px}
  .mail-search-card h2{font-size:21px}
  .mail-search-card>p{font-size:11px}
  .mail-account-input input{font-size:14px}
  .mail-action-grid{grid-template-columns:1fr}
  .mail-action-card strong{font-size:11px}
  .mail-action-card small{font-size:9px}
  .accounts-top-actions h2{font-size:17px}
}


/* ECUACINE WEB v2.3.6 — fuente original + mejora puntual de cuentas + pago automático */

/* IMPORTANTE:
   Se conserva la tipografía original de toda la WEB.
   Solo correo y contraseña dentro de "Mis cuentas" dejan de usar monospace. */
.account-col-email strong,
.account-col-password strong{
  font-family:inherit;
  font-size:11px;
  font-weight:700;
  letter-spacing:0;
}

/* Pago automático del faltante — se conserva sin cambios funcionales */
.cart-balance-shortfall{
  background:#f2f7ff;border:1px solid #d4e4f8;border-radius:11px;
  padding:11px 12px;margin-bottom:10px
}
.cart-balance-shortfall>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cart-balance-shortfall span{font-size:10px;color:#64768e}
.cart-balance-shortfall strong{font-size:19px;color:#0b4fae}
.cart-balance-shortfall small{
  display:block;font-size:9px;color:#73839a;line-height:1.45;margin-top:5px
}
.automatic-pay-btn{font-size:11px;padding:12px 14px}
.automatic-pay-caption{
  margin:8px 0 0;text-align:center;font-size:8.5px;line-height:1.4;color:#8b97a7
}

.order-payment-layout{
  display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:15px;
  max-width:1000px;margin:0 auto;align-items:start
}
.order-payment-card,.order-payment-aside{
  background:#fff;border:1px solid var(--client-line);border-radius:20px;
  box-shadow:var(--client-shadow)
}
.order-payment-card{padding:24px}
.order-payment-head{display:flex;align-items:flex-start;gap:13px}
.payment-lightning{
  width:45px;height:45px;border-radius:13px;display:grid;place-items:center;
  background:#fff5d9;color:#b97800;font-size:19px;flex:0 0 auto
}
.order-payment-head h2{font-size:25px;margin:4px 0 5px}
.order-payment-head p{font-size:11px;color:#748399;line-height:1.5;margin:0}
.order-payment-numbers{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 13px
}
.order-payment-numbers>div{
  background:#f7f9fc;border:1px solid #e4eaf2;border-radius:11px;padding:10px 11px
}
.order-payment-numbers span{
  display:block;font-size:8px;color:#8894a5;text-transform:uppercase;letter-spacing:.05em
}
.order-payment-numbers strong{display:block;font-size:17px;margin-top:3px}
.order-payment-numbers .due{background:#eef6ff;border-color:#cee1fa}
.order-payment-numbers .due strong{color:#115cc4;font-size:21px}
.order-payment-open{padding:13px;font-size:11px}
.order-payment-status{
  display:flex;align-items:center;gap:10px;margin:12px 0 9px;padding:11px 12px;
  border-radius:11px;background:#f7f9fc;border:1px solid #e5eaf1
}
.order-payment-status>div{display:flex;flex-direction:column;gap:2px}
.order-payment-status strong{font-size:11px}
.order-payment-status small{font-size:9px;color:#7e8b9f;line-height:1.4}
.order-payment-pulse{
  width:13px;height:13px;border-radius:50%;background:#1769e8;
  box-shadow:0 0 0 0 rgba(23,105,232,.25);animation:ecuacinePulse 1.7s infinite
}
.order-payment-status.success{background:#ecfaf4;border-color:#c9ebdc}
.order-payment-status.error{background:#fff2f4;border-color:#f3ced6}
.order-payment-check,.order-payment-error{
  width:25px;height:25px;border-radius:50%;display:grid;place-items:center;
  font-size:11px;font-weight:950;flex:0 0 auto
}
.order-payment-check{background:#dff6eb;color:#09885a}
.order-payment-error{background:#ffe1e7;color:#b6304b}
.order-payment-note{
  font-size:9px;color:#7c899c;line-height:1.5;margin-top:10px;
  background:#fbfcfe;border-radius:9px;padding:9px 10px
}
.order-payment-aside{padding:20px}
.order-payment-aside h3{font-size:17px;margin:0 0 14px}
.order-payment-aside ol{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.order-payment-aside li{
  display:grid;grid-template-columns:27px 1fr;gap:9px;align-items:start
}
.order-payment-aside li>span{
  width:26px;height:26px;border-radius:8px;display:grid;place-items:center;
  background:#edf5ff;color:#1769e8;font-size:9px;font-weight:950
}
.order-payment-aside li div{display:flex;flex-direction:column}
.order-payment-aside li strong{font-size:10px}
.order-payment-aside li small{
  font-size:8.5px;color:#8290a4;line-height:1.4;margin-top:2px
}
.order-payment-aside>a{
  display:inline-block;margin-top:17px;font-size:10px;font-weight:900;color:#1769e8
}
@keyframes ecuacinePulse{
  0%{box-shadow:0 0 0 0 rgba(23,105,232,.25)}
  70%{box-shadow:0 0 0 8px rgba(23,105,232,0)}
  100%{box-shadow:0 0 0 0 rgba(23,105,232,0)}
}
@media(max-width:900px){
  .account-col-email strong,.account-col-password strong{font-size:11px}
  .order-payment-layout{grid-template-columns:1fr}
  .order-payment-aside{display:none}
}
@media(max-width:600px){
  .order-payment-card{padding:16px}
  .order-payment-head h2{font-size:21px}
  .order-payment-numbers{grid-template-columns:1fr}
}


/* =====================================================================
   ECUACINE WEB v2.3.7 — RECORDARME + MIS CUENTAS PREMIUM
   ===================================================================== */
.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 20px}
.login-options>a{font-size:11px;font-weight:900;color:#155bd4;white-space:nowrap}
.remember-login{display:flex;align-items:center;gap:10px;cursor:pointer;color:#1a304f}
.remember-login>input{position:absolute;opacity:0;pointer-events:none}
.remember-box{width:20px;height:20px;border:1.5px solid #c7d5e6;border-radius:6px;background:#fff;position:relative;flex:0 0 auto}
.remember-login>input:checked+.remember-box{background:#0b2b59;border-color:#0b2b59}
.remember-login>input:checked+.remember-box:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:950}
.remember-login>span:last-child{display:flex;flex-direction:column;gap:1px}
.remember-login strong{font-size:11px}.remember-login small{font-size:10px;color:#8491a3;font-weight:500}

/* La cabecera y filtros conservan la lógica, pero ganan jerarquía y aire. */
.accounts-top-actions{padding:17px 20px;border-radius:19px;margin-bottom:13px;box-shadow:0 8px 26px rgba(19,54,99,.05)}
.accounts-top-actions h2{font-size:17px}.accounts-top-buttons{gap:9px}.accounts-top-buttons .btn{font-size:11px;padding:11px 15px;border-radius:10px}
.accounts-filter-panel{grid-template-columns:minmax(280px,1fr) 190px 180px auto auto auto;gap:9px;padding:11px 12px;border-radius:17px;margin-bottom:14px;box-shadow:0 6px 22px rgba(19,54,99,.035)}
.accounts-filter-search{border-radius:11px;padding:0 12px}.accounts-filter-search input{font-size:11px;padding:12px 0}
.accounts-filter-panel select{font-size:11px;padding:12px;border-radius:11px}.accounts-filter-panel .btn{font-size:11px;padding:12px 14px}.accounts-history-toggle{font-size:11px}

/* Card-table: más fácil de escanear que una tabla compacta. */
.accounts-table-shell{background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none}
.accounts-table-head{display:none}
.accounts-table-body{display:grid;gap:10px}
.account-table-row{display:grid;grid-template-columns:38px minmax(150px,.8fr) minmax(310px,1.65fr) minmax(170px,.9fr) 160px 120px 150px;align-items:center;min-height:88px;background:#fff;border:1px solid #dde6f0!important;border-radius:16px;box-shadow:0 7px 24px rgba(19,54,99,.045);overflow:hidden}
.account-table-row:last-child{border-bottom:1px solid #dde6f0}.account-table-row:hover{background:#fff;border-color:#c9daed!important;box-shadow:0 10px 30px rgba(19,54,99,.075);transform:translateY(-1px)}
.account-table-row>div{padding:13px 12px}.account-table-row.selected{background:#f7fbff;box-shadow:inset 3px 0 0 #1769e8,0 8px 24px rgba(19,54,99,.06)}
.account-col-product{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"mark product" "mark state";column-gap:9px;row-gap:4px;align-items:center}
.account-service-mark{grid-area:mark;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf3ff,#f5f8fd);color:#1769e8;font-size:17px;font-weight:950;border:1px solid #e1eaf5}
.account-product-chip{grid-area:product;background:transparent;color:#102b50;padding:0;font-size:11px;border-radius:0}.account-col-product .badge{grid-area:state;font-size:9px;padding:4px 8px}
.account-col-email,.account-col-password{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.account-field-label{display:block;font-size:9px;color:#8593a6;font-weight:750;line-height:1;text-transform:none}
.account-email-line,.account-password-line{display:flex;align-items:center;gap:9px;width:100%;min-width:0}.account-col-email strong{font-family:inherit;font-size:14px;font-weight:800;color:#0c2344;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.account-col-password strong{font-family:inherit;font-size:14px;font-weight:800;color:#0c2344;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-copy-email,.account-password-view{border:1px solid #d9e6f7;background:#eff6ff;color:#1769e8;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap;flex:0 0 auto}.account-copy-email:hover,.account-password-view:hover{background:#e5f0ff;border-color:#bfd6f4}.account-password-view{background:#f6f8fb;color:#53657d;border-color:#e1e7ef}
.account-col-expiry,.account-col-remaining{display:flex;flex-direction:column;gap:5px}.account-col-expiry strong,.account-col-remaining strong{font-size:11px}.account-col-actions{gap:7px}.account-action-btn{font-size:10px;padding:9px 11px;border-radius:9px}

@media(max-width:1180px){.account-table-row{grid-template-columns:38px 140px minmax(245px,1.5fr) 150px 140px 105px 130px}.account-col-email strong{font-size:11px}.account-copy-email{padding:6px 7px;font-size:8px}}
@media(max-width:900px){
  .login-options{align-items:flex-start}.remember-login small{display:none}
  .account-table-row{display:grid;grid-template-columns:34px 1fr auto;grid-template-areas:"check product actions" "check email email" "check password password" "check expiry remaining";gap:9px 10px;min-height:0;padding:13px;border-radius:15px;overflow:visible}
  .account-table-row>div{padding:0}.account-col-select{grid-area:check}.account-col-product{grid-area:product}.account-col-email{grid-area:email}.account-col-password{grid-area:password}.account-col-expiry{grid-area:expiry}.account-col-remaining{grid-area:remaining}.account-col-actions{grid-area:actions}
  .account-col-email,.account-col-password{background:#f8fafc;border:1px solid #e6ecf3;border-radius:10px;padding:9px 10px!important}.account-col-expiry:before,.account-col-remaining:before{display:none}
  .account-col-email strong{font-size:11px}.account-col-password strong{font-size:11px}
}
@media(max-width:600px){
  .login-options{flex-direction:column;gap:11px}.login-options>a{align-self:flex-end}
  .accounts-top-actions{padding:14px}.accounts-top-buttons{display:grid;grid-template-columns:1fr 1fr}.accounts-top-buttons .btn{padding:10px 8px}
  .account-table-row{grid-template-columns:28px 1fr;grid-template-areas:"check product" "check actions" "check email" "check password" "check expiry" "check remaining"}.account-col-actions{justify-content:flex-start}.account-email-line{align-items:flex-start;flex-direction:column}.account-copy-email{width:100%;padding:8px}.account-col-expiry,.account-col-remaining{text-align:left}
}


/* ECUACINE WEB v2.3.8 — códigos sin recarga de página */
.mail-wait-shell{max-width:900px;margin:14px auto 0}
.mail-wait-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#f9fbff 100%);border:1px solid #dfe7f2;border-radius:24px;padding:38px 34px 30px;text-align:center;box-shadow:0 18px 48px rgba(25,54,92,.09)}
.mail-wait-card:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:#edf5ff;right:-105px;top:-110px;opacity:.75}
.mail-wait-visual{width:88px;height:88px;position:relative;margin:0 auto 18px;display:grid;place-items:center}
.mail-wait-ring{position:absolute;border-radius:50%;border:2px solid #d9e8fb;animation:mailRing 2.4s ease-out infinite}
.mail-wait-ring.ring-one{width:62px;height:62px}.mail-wait-ring.ring-two{width:84px;height:84px;animation-delay:.65s}
.mail-wait-mail{position:relative;z-index:2;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#1769e8;color:#fff;font-size:14px;box-shadow:0 10px 25px rgba(23,105,232,.25)}
.mail-wait-card h2{font-size:14px;letter-spacing:-.03em;margin:7px 0 9px;color:#0a2345}.mail-wait-card>p{max-width:650px;margin:0 auto;color:#6f8098;font-size:14px;line-height:1.6}
.mail-wait-progress{height:6px;max-width:480px;margin:25px auto 14px;background:#eaf0f7;border-radius:999px;overflow:hidden}.mail-wait-progress span{display:block;width:35%;height:100%;border-radius:999px;background:#1769e8;animation:mailProgress 1.8s ease-in-out infinite}
.mail-wait-state{display:flex;align-items:center;justify-content:center;gap:8px;color:#24405f;font-size:11px}.mail-live-dot{width:8px;height:8px;border-radius:50%;background:#16a36f;box-shadow:0 0 0 5px #e3f7ef}.mail-wait-card>small{display:block;margin-top:11px;color:#93a0b2;font-size:11px}
.mail-result-head{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #dce8e3;border-radius:19px;padding:19px 21px;margin-bottom:12px;box-shadow:0 12px 35px rgba(25,54,92,.07)}.mail-success-icon{width:43px;height:43px;border-radius:13px;background:#e3f8ef;color:#0b9361;display:grid;place-items:center;font-weight:900;font-size:17px}.mail-result-head h2{margin:2px 0 2px;font-size:22px}.mail-result-head p{margin:0;color:#78889c;font-size:11px}
.mail-live-results{margin-top:12px}.mail-live-result{padding:18px 19px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 9px 28px rgba(25,54,92,.06)}.mail-live-result .codebox{flex:1;overflow-wrap:anywhere;background:#f5f8fc;border:1px solid #e2e9f2;border-radius:11px;color:#0a2345;font-weight:800}.mail-live-result .actions{flex:0 0 auto}
.mail-live-error,.mail-live-empty{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:20px;margin-top:12px}.mail-live-error>span,.mail-live-empty>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:900}.mail-live-error>span{background:#fff0f2;color:#c43b55}.mail-live-empty>span{background:#edf5ff;color:#1769e8}.mail-live-error strong,.mail-live-empty strong{font-size:14px}.mail-live-error p,.mail-live-empty p{margin:3px 0 0;color:#7a899c;font-size:11px}
.mail-wait-actions{display:flex;justify-content:center;gap:9px;margin-top:16px}
@keyframes mailRing{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.2);opacity:0}}
@keyframes mailProgress{0%{transform:translateX(-120%)}50%{transform:translateX(90%)}100%{transform:translateX(310%)}}
@media(max-width:700px){.mail-wait-shell{margin-top:6px}.mail-wait-card{padding:28px 18px 24px;border-radius:18px}.mail-wait-card h2{font-size:23px}.mail-wait-card>p{font-size:11px}.mail-live-result{align-items:stretch;flex-direction:column}.mail-live-result .actions{width:100%}.mail-live-result .actions>*{flex:1}.mail-wait-actions{align-items:stretch}.mail-wait-actions .btn{flex:1}}


/* =====================================================================
   ECUACINE WEB v2.3.9 — OPTIMIZACIÓN DE LOGO / CARGA
   ===================================================================== */

/* El panel de acceso ya no usa un logo gigante.
   El mismo WebP de 128px sirve al header y al panel, por lo que normalmente
   solo hay una descarga pequeña en el login. */
.auth-visual img{
  width:104px!important;
  height:104px!important;
  margin-bottom:14px!important;
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.18))!important;
}
.verify-logo{
  width:88px!important;
  height:88px!important;
}
@media(max-width:650px){
  .auth-visual img{
    width:82px!important;
    height:82px!important;
  }
  .verify-logo{
    width:78px!important;
    height:78px!important;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.10 — NOMBRE DEL CLIENTE
   ===================================================================== */

.profile-name-edit{
  margin:2px 0 17px;
  padding:15px;
  border:1px solid #e3eaf3;
  border-radius:13px;
  background:linear-gradient(135deg,#f8fbff 0%,#fff 100%);
}
.profile-section-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.profile-section-title h3{
  margin:3px 0 0;
  font-size:14px;
  color:#142d4f;
}
.profile-greeting-preview{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 9px;
  border-radius:999px;
  background:#edf5ff;
  color:#1769e8;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}
.profile-name-form{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:8px;
  align-items:end;
}
.profile-name-form .field{
  margin:0;
}
.profile-name-form .field label{
  font-size:9px;
}
.profile-name-form .field input{
  padding:9px 10px;
  font-size:11px;
}
.profile-name-form .btn{
  min-height:38px;
  white-space:nowrap;
  font-size:10px;
}
.profile-name-help{
  margin:8px 0 0;
  color:#8491a3;
  font-size:9px;
  line-height:1.4;
}
@media(max-width:760px){
  .profile-section-title{
    flex-direction:column;
  }
  .profile-name-form{
    grid-template-columns:1fr;
  }
  .profile-name-form .btn{
    width:100%;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.11 — RESULTADOS DE CÓDIGOS DESTACADOS
   ===================================================================== */

.mail-live-shell{
  max-width:1180px;
  margin:0 auto;
}

/* Espera mucho más pequeña: no domina la pantalla */
.mail-wait-compact{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:18px;
  align-items:center;
  max-width:880px;
  margin:24px auto 16px;
  padding:24px 28px;
  background:#fff;
  border:1px solid var(--client-line);
  border-radius:15px;
  box-shadow:var(--client-shadow);
}
.mail-wait-compact-icon{
  width:66px;
  height:66px;
  border-radius:20px;
  display:grid;
  place-items:center;
  position:relative;
  background:#eef5ff;
  color:#1769e8;
}
.mail-wait-compact-icon span{
  position:absolute;
  inset:8px;
  border-radius:50%;
  border:3px solid #d5e6fb;
  border-top-color:#1769e8;
  animation:mailCompactSpin 1.1s linear infinite;
}
.mail-wait-compact-icon b{
  position:relative;
  z-index:2;
  font-size:17px;
}
@keyframes mailCompactSpin{
  to{transform:rotate(360deg)}
}
.mail-wait-compact-copy h2{
  margin:5px 0 6px;
  font-size:25px;
  letter-spacing:-.025em;
}
.mail-wait-compact-copy>p{
  max-width:720px;
  margin:0;
  color:#718198;
  font-size:11px;
  line-height:1.55;
}
.mail-wait-inline-state{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:11px;
}
.mail-wait-inline-state strong{
  font-size:10px;
  color:#37506e;
}

/* Resultado pasa a ser el héroe de la pantalla */
.mail-found-area{
  display:grid;
  gap:12px;
  margin:8px auto 16px;
}
.mail-found-hero{
  display:grid;
  grid-template-columns:58px 1fr auto;
  gap:15px;
  align-items:center;
  padding:17px 20px;
  background:linear-gradient(120deg,#edf9f4 0%,#ffffff 68%);
  border:1px solid #ccebdd;
  border-radius:15px;
  box-shadow:0 12px 32px rgba(23,105,70,.07);
}
.mail-found-check{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:#dff6eb;
  color:#079160;
  font-size:14px;
  font-weight:900;
}
.mail-found-copy h2{
  margin:3px 0 3px;
  font-size:23px;
  letter-spacing:-.025em;
}
.mail-found-copy p{
  margin:0;
  color:#66788f;
  font-size:11px;
}
.mail-found-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border-radius:999px;
  background:#0c9d69;
  color:#fff;
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em;
}

.mail-result-list{
  display:grid;
  gap:10px;
}
.mail-result-card{
  padding:16px;
  background:#fff;
  border:1px solid #dee7f0;
  border-radius:16px;
  box-shadow:0 7px 20px rgba(18,48,84,.04);
}
.mail-result-card.latest{
  border-color:#a8c9f4;
  box-shadow:0 12px 28px rgba(23,105,232,.09);
}
.mail-result-card-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:11px;
}
.mail-result-card-head>div{
  display:flex;
  align-items:center;
  gap:9px;
}
.mail-result-card-head>div>div{
  display:flex;
  flex-direction:column;
  gap:1px;
}
.mail-result-number{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#edf5ff;
  color:#1769e8;
  font-size:10px;
  font-weight:950;
}
.mail-result-title{
  color:#8491a4;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.07em;
  font-weight:850;
}
.mail-result-card-head strong{
  font-size:11px;
}
.mail-latest-badge{
  padding:5px 8px;
  border-radius:999px;
  background:#fff3d8;
  color:#9d6800;
  font-size:7px;
  font-weight:950;
  letter-spacing:.06em;
}

.mail-result-meta{
  display:grid;
  grid-template-columns:1.6fr .7fr .7fr;
  gap:7px;
  margin-bottom:10px;
}
.mail-result-meta>div{
  padding:8px 9px;
  background:#f7f9fc;
  border-radius:9px;
  min-width:0;
}
.mail-result-meta span{
  display:block;
  margin-bottom:2px;
  color:#8c98a8;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.065em;
}
.mail-result-meta strong{
  display:block;
  color:#314761;
  font-size:10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mail-result-value{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:84px;
  padding:12px 16px;
  border-radius:12px;
  border:1px solid #dce7f5;
  background:#f4f8fe;
}
.mail-result-value>span{
  color:#7b8ba1;
  font-size:8px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.mail-code-value{
  align-items:center;
  text-align:center;
}
.mail-code-value strong{
  margin-top:4px;
  color:#0c2d5a;
  font-size:35px;
  line-height:1;
  letter-spacing:.16em;
  font-weight:950;
}
.mail-link-value strong{
  margin-top:5px;
  color:#155abb;
  font-size:10px;
  line-height:1.45;
  word-break:break-all;
}

.mail-result-actions{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:10px;
}
.mail-result-actions .btn{
  padding:8px 10px;
  font-size:9px;
}
.mail-received-full{
  margin-left:auto;
  color:#8a96a7;
  font-size:8px;
}

.mail-monitor-strip{
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 12px;
  background:#f7fafc;
  border:1px solid #e5ebf2;
  border-radius:11px;
}
.mail-monitor-strip>div{
  display:flex;
  flex-direction:column;
  gap:1px;
}
.mail-monitor-strip strong{
  font-size:9px;
  color:#40536c;
}
.mail-monitor-strip small{
  font-size:8px;
  color:#8a96a6;
}

/* Las acciones finales se acercan al contenido */
.mail-live-shell .mail-wait-actions{
  margin-top:12px;
  justify-content:center;
}

@media(max-width:760px){
  .mail-wait-compact{
    grid-template-columns:52px 1fr;
    gap:12px;
    margin-top:10px;
    padding:16px;
  }
  .mail-wait-compact-icon{
    width:50px;
    height:50px;
    border-radius:15px;
  }
  .mail-wait-compact-copy h2{
    font-size:19px;
  }
  .mail-found-hero{
    grid-template-columns:38px 1fr;
    padding:14px;
  }
  .mail-found-check{
    width:42px;
    height:42px;
    border-radius:13px;
    font-size:14px;
  }
  .mail-found-badge{
    grid-column:2;
    justify-self:start;
  }
  .mail-found-copy h2{
    font-size:19px;
  }
  .mail-result-meta{
    grid-template-columns:1fr 1fr;
  }
  .mail-result-meta>div:first-child{
    grid-column:1/-1;
  }
  .mail-code-value strong{
    font-size:29px;
  }
  .mail-result-actions{
    flex-wrap:wrap;
  }
  .mail-received-full{
    width:100%;
    margin-left:0;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.12 — ENTREGA DE VENTA IGUAL AL BOT DE TELEGRAM
   ===================================================================== */

.sale-success-top,
.order-bot-intro{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:16px 18px;
  margin-bottom:13px;
  background:#fff;
  border:1px solid var(--client-line);
  border-radius:17px;
  box-shadow:0 6px 20px rgba(20,50,90,.04);
}
.sale-success-top{
  display:grid;
  grid-template-columns:45px 1fr auto;
}
.sale-success-check{
  width:42px;height:42px;border-radius:13px;display:grid;place-items:center;
  background:#e4f8ee;color:#089461;font-size:21px;font-weight:950
}
.sale-success-top h2,.order-bot-intro h2{
  margin:3px 0 2px;font-size:17px;letter-spacing:-.025em
}
.sale-success-top p,.order-bot-intro p{
  margin:0;color:#77869a;font-size:10px
}
.sale-success-balance,.order-bot-intro-total{
  display:flex;flex-direction:column;align-items:flex-end
}
.sale-success-balance span,.order-bot-intro-total span{
  color:#8390a3;font-size:8px;text-transform:uppercase;letter-spacing:.06em
}
.sale-success-balance strong,.order-bot-intro-total strong{
  color:#0b2348;font-size:17px
}

.telegram-delivery-wrap{
  display:grid;
  gap:13px;
}
.tg-sale-card{
  max-width:1120px;
  width:100%;
  margin:0 auto;
  background:#fff;
  border:1px solid #dfe7f1;
  border-radius:15px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(20,50,90,.06);
}
.tg-sale-card.individual{
  max-width:780px;
}
.tg-sale-individual,
.tg-sale-mass{
  padding:22px 24px;
}
.tg-sale-title,
.tg-sale-mass-title{
  text-align:center;
  color:#0b2348;
  font-size:18px;
  line-height:1.35;
}
.tg-sale-mass-title{
  padding-bottom:13px;
  border-bottom:1px solid #edf1f6;
  margin-bottom:15px;
}
.tg-sale-individual-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:17px 0 11px;
}
.tg-sale-individual-meta>div{
  padding:10px 12px;
  background:#f7f9fc;
  border-radius:10px;
  font-size:11px;
}
.tg-sale-single-credentials{
  display:grid;
  gap:8px;
}
.tg-sale-single-credentials>div{
  display:grid;
  grid-template-columns:1fr auto;
  gap:3px 8px;
  align-items:center;
  padding:11px 12px;
  background:#f8fafc;
  border:1px solid #e5eaf1;
  border-radius:10px;
}
.tg-sale-single-credentials span{
  grid-column:1/-1;
  color:#7f8c9f;
  font-size:9px;
}
.tg-sale-single-credentials strong{
  color:#132a4a;
  font-size:11px;
  word-break:break-all;
}
.tg-sale-single-credentials button{
  border:0;background:#eaf2ff;color:#1769e8;border-radius:7px;
  padding:5px 8px;font-size:8px;font-weight:900;cursor:pointer
}
.tg-sale-expiry{
  margin:13px 0;
  padding:10px 12px;
  text-align:center;
  border-radius:10px;
  background:#fff7e8;
  color:#72500d;
  font-size:11px;
}
.tg-sale-ok{
  text-align:center;
  color:#08784f;
  font-size:11px;
  font-weight:850;
}

.tg-sale-mass>p{display:none}
.tg-sale-mass-redesign{
  display:grid;
  gap:16px;
}
.tg-sale-mass-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:start;
  padding-bottom:14px;
  border-bottom:1px solid #edf2f7;
}
.tg-sale-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 12px;
  border-radius:999px;
  background:#eaf8f1;
  color:#0c7e58;
  font-size:10px;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.tg-sale-mass-title{
  padding:0;
  border:0;
  margin:10px 0 6px;
  text-align:left;
  font-size:22px;
  line-height:1.2;
}
.tg-sale-mass-subtitle{
  margin:0;
  color:#5e6f85;
  font-size:12px;
  line-height:1.6;
  max-width:680px;
}
.tg-sale-top-actions{
  min-width:300px;
  display:flex;
  flex-direction:column;
  gap:9px;
  position:sticky;
  top:14px;
}
.tg-sale-copy-main{
  min-height:46px;
  padding:12px 16px;
  font-size:12px;
  font-weight:900;
  border-radius:12px;
}
.tg-sale-top-actions-secondary{
  display:grid;
  gap:8px;
}
.tg-sale-top-actions-secondary .btn{
  justify-content:center;
}
.tg-sale-summary-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.tg-sale-summary-card{
  padding:14px 15px;
  border:1px solid #e3ebf4;
  background:#f9fbfe;
  border-radius:13px;
  display:flex;
  flex-direction:column;
  gap:5px;
  min-height:84px;
}
.tg-sale-summary-card span{
  color:#7990aa;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.03em;
  font-weight:800;
}
.tg-sale-summary-card strong{
  color:#102947;
  font-size:15px;
  line-height:1.35;
}
.tg-sale-summary-card-wide{
  grid-column:1 / -1;
  min-height:auto;
}
.tg-sale-list-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
}
.tg-sale-list-eyebrow{
  display:block;
  color:#2563eb;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.tg-sale-list-head h3{
  margin:0;
  color:#163251;
  font-size:18px;
}
.tg-sale-list-head p{
  margin:4px 0 0;
  color:#6a7c93;
  font-size:11px;
}
.tg-sale-table-wrap{
  border:1px solid #e3ebf4;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}
.tg-sale-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}
.tg-sale-table thead th{
  background:#f7faff;
  color:#617792;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  padding:12px 14px;
  border-bottom:1px solid #e3ebf4;
  text-align:left;
}
.tg-sale-table tbody td{
  padding:12px 14px;
  border-bottom:1px solid #edf2f7;
  color:#14304f;
  font-size:11px;
  vertical-align:middle;
}
.tg-sale-table tbody tr:last-child td{
  border-bottom:0;
}
.tg-sale-table tbody td strong,
.tg-sale-password{
  color:#102947;
  word-break:break-all;
  font-weight:800;
}
.tg-sale-table tbody td:last-child{
  text-align:right;
  white-space:nowrap;
}
.tg-sale-closing-redesign{
  padding:14px 16px;
  border-radius:13px;
  background:#f8fafc;
  border:1px solid #e7edf5;
}
.tg-sale-closing{
  display:flex;
  flex-direction:column;
  gap:4px;
  color:#52647a;
  font-size:11px;
  line-height:1.5;
}
.tg-sale-closing strong{
  color:#08794f;
}
.tg-sale-card-actions{
  display:flex;
  justify-content:flex-end;
  padding:10px 14px;
  background:#f8fafc;
  border-top:1px solid #e8edf3;
}
.tg-sale-card-actions .btn{
  padding:8px 10px;
  font-size:9px;
}
.sale-page-actions{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:14px;
}

@media(max-width:760px){
  .sale-success-top{
    grid-template-columns:40px 1fr;
  }
  .sale-success-balance{
    grid-column:2;
    align-items:flex-start;
  }
  .order-bot-intro{
    align-items:flex-start;
    flex-direction:column;
  }
  .order-bot-intro-total{
    align-items:flex-start;
  }
  .tg-sale-individual,
  .tg-sale-mass{
    padding:16px;
  }
  .tg-sale-title,
  .tg-sale-mass-title{
    font-size:13px;
  }
  .tg-sale-mass-hero{
    grid-template-columns:1fr;
  }
  .tg-sale-top-actions{
    min-width:0;
    position:static;
  }
  .tg-sale-summary-grid{
    grid-template-columns:1fr;
  }
  .tg-sale-summary-card-wide{
    grid-column:auto;
  }
  .tg-sale-list-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .tg-sale-table-wrap{
    overflow:visible;
    border:0;
    background:transparent;
  }
  .tg-sale-table,
  .tg-sale-table thead,
  .tg-sale-table tbody,
  .tg-sale-table tr,
  .tg-sale-table td{
    display:block;
    width:100%;
  }
  .tg-sale-table thead{
    display:none;
  }
  .tg-sale-table tbody{
    display:grid;
    gap:10px;
  }
  .tg-sale-table tr{
    border:1px solid #e3ebf4;
    border-radius:12px;
    background:#fff;
    overflow:hidden;
  }
  .tg-sale-table tbody td{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    border-bottom:1px solid #edf2f7;
  }
  .tg-sale-table tbody td:last-child{
    border-bottom:0;
    text-align:left;
  }
  .tg-sale-table tbody td::before{
    content:attr(data-label);
    color:#6f8198;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.03em;
  }
  .sale-page-actions{
    flex-direction:column;
  }
  .sale-page-actions .btn{
    width:100%;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.13 — DETALLE DE ORDEN SIMPLE
   El comprobante BOT se conserva al momento de la venta. En histórico de
   órdenes mostramos únicamente las cuentas y un botón para copiar el pedido.
   ===================================================================== */

.order-accounts-simple{
  max-width:1180px;
  margin:0 auto;
}
.order-accounts-simple-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 18px;
  margin-bottom:11px;
  background:#fff;
  border:1px solid var(--client-line);
  border-radius:16px;
  box-shadow:0 6px 20px rgba(20,50,90,.04);
}
.order-accounts-simple-head h2{
  margin:3px 0 2px;
  font-size:17px;
  letter-spacing:-.025em;
}
.order-accounts-simple-head p{
  margin:0;
  color:#7b899d;
  font-size:10px;
}
.order-copy-full{
  flex:0 0 auto;
  padding:10px 13px;
  font-size:10px;
}

.order-accounts-simple-list{
  display:grid;
  gap:6px;
}
.order-account-simple-row{
  display:grid;
  grid-template-columns:36px 130px minmax(260px,1.55fr) minmax(170px,.85fr) 150px;
  gap:10px;
  align-items:center;
  min-height:58px;
  padding:9px 12px;
  background:#fff;
  border:1px solid #e2e9f2;
  border-radius:11px;
  transition:.12s ease;
}
.order-account-simple-row:hover{
  border-color:#c6d8ed;
  background:#fbfdff;
}
.order-account-simple-number{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#edf5ff;
  color:#1769e8;
  font-size:9px;
  font-weight:950;
}
.order-account-simple-row>div:not(.order-account-simple-number){
  min-width:0;
}
.order-account-simple-row span{
  display:block;
  margin-bottom:2px;
  color:#8b97a8;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.order-account-simple-row strong{
  display:block;
  color:#142d4d;
  font-size:10.5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.order-account-simple-email strong{
  font-size:11px;
}
.order-account-simple-password strong{
  font-size:11px;
}
.order-account-simple-expiry strong{
  color:#52647a;
  font-size:9.5px;
}

@media(max-width:850px){
  .order-accounts-simple-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .order-copy-full{
    width:100%;
  }
  .order-account-simple-row{
    grid-template-columns:32px 1fr 1fr;
    grid-template-areas:
      "num product expiry"
      "num email email"
      "num password password";
  }
  .order-account-simple-number{grid-area:num}
  .order-account-simple-product{grid-area:product}
  .order-account-simple-email{grid-area:email}
  .order-account-simple-password{grid-area:password}
  .order-account-simple-expiry{grid-area:expiry;text-align:right}
}

@media(max-width:560px){
  .order-account-simple-row{
    grid-template-columns:28px 1fr;
    grid-template-areas:
      "num product"
      "num email"
      "num password"
      "num expiry";
    padding:10px;
  }
  .order-account-simple-expiry{
    text-align:left;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.15 — ZENO DIRECTO + OPCIONES DEL BOT
   ===================================================================== */

.deposit-auto-v2315{
  position:relative;
}
.zeno-bot-copy{
  display:flex;
  flex-direction:column;
  gap:3px;
  margin:3px 0 12px;
  padding:11px 12px;
  border-radius:11px;
  background:#f4f8fe;
  border:1px solid #dce8f7;
}
.zeno-bot-copy strong{
  color:#184f99;
  font-size:11px;
}
.zeno-bot-copy span{
  color:#728198;
  font-size:9px;
  line-height:1.4;
}

.zeno-methods-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 11px;
  margin-bottom:13px;
  border-radius:10px;
  background:#f8fafc;
  border:1px solid #e6ebf2;
}
.zeno-methods-line span{
  color:#7b899d;
  font-size:9px;
}
.zeno-methods-line strong{
  color:#1c3758;
  font-size:10px;
}

.zeno-quick-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.zeno-quick-title>span{
  color:#183452;
  font-size:11px;
  font-weight:900;
}
.zeno-quick-title small{
  color:#8b97a7;
  font-size:8px;
  text-align:right;
}

.zeno-quick-form{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:7px;
}
.zeno-quick-amount{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:46px;
  border:1px solid #cfe0f5;
  border-radius:11px;
  background:#eef5ff;
  color:#1764d6;
  cursor:pointer;
  transition:.14s ease;
}
.zeno-quick-amount:hover{
  transform:translateY(-1px);
  border-color:#84b2ef;
  background:#e5f0ff;
  box-shadow:0 6px 14px rgba(23,105,232,.08);
}
.zeno-quick-amount span{
  font-size:11px;
}
.zeno-quick-amount strong{
  font-size:11px;
}

.zeno-custom-block{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #e8edf3;
}
.zeno-custom-block>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
}
.zeno-custom-block>div strong{
  color:#183452;
  font-size:10px;
}
.zeno-custom-block>div span{
  color:#8895a6;
  font-size:8px;
}
.zeno-custom-form{
  display:grid;
  grid-template-columns:minmax(120px,1fr) auto;
  gap:7px;
}
.zeno-custom-money{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:40px;
  padding:0 10px;
  border:1px solid #d7e1ec;
  border-radius:9px;
  background:#fbfcfe;
}
.zeno-custom-money span{
  color:#61738a;
  font-size:11px;
  font-weight:900;
}
.zeno-custom-money input{
  width:100%;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:8px 0;
  font-size:11px;
  font-weight:800;
}
.zeno-custom-form .btn{
  min-height:40px;
  font-size:9px;
  padding:8px 12px;
}

.zeno-auto-note{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-top:12px;
  padding:9px 10px;
  border-radius:10px;
  background:#eef9f4;
  border:1px solid #d4eee2;
}
.zeno-auto-note>span{
  font-size:11px;
}
.zeno-auto-note>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.zeno-auto-note strong{
  color:#176a4e;
  font-size:9px;
}
.zeno-auto-note small{
  color:#678276;
  font-size:8px;
  line-height:1.4;
}

.manual-web-steps{
  display:grid;
  gap:6px;
  margin:10px 0 12px;
}
.manual-web-steps>div{
  display:grid;
  grid-template-columns:23px 1fr;
  gap:7px;
  align-items:center;
  padding:7px 8px;
  border-radius:8px;
  background:#f8fafc;
}
.manual-web-steps span{
  width:22px;
  height:22px;
  border-radius:7px;
  display:grid;
  place-items:center;
  background:#fff1d7;
  color:#9b6908;
  font-size:8px;
  font-weight:950;
}
.manual-web-steps strong{
  color:#5a687b;
  font-size:9px;
}

@media(max-width:700px){
  .zeno-quick-form{
    grid-template-columns:repeat(2,1fr);
  }
  .zeno-quick-amount:last-child{
    grid-column:1/-1;
  }
  .zeno-methods-line,
  .zeno-quick-title,
  .zeno-custom-block>div{
    align-items:flex-start;
    flex-direction:column;
  }
  .zeno-quick-title small{
    text-align:left;
  }
  .zeno-custom-form{
    grid-template-columns:1fr;
  }
  .zeno-custom-form .btn{
    width:100%;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.16 — CAMBIO DE PERFIL USUARIO / ADMINISTRADOR
   ===================================================================== */

.admin-header:after{
  background:linear-gradient(90deg,#1769e8 0 48%,#7b61d1 48% 76%,#ef3658 76% 100%);
}
.admin-header-inner{
  max-width:1540px;
  gap:20px;
}
.admin-nav{
  gap:0;
}
.admin-nav a{
  padding:0 8px;
  font-size:10.5px;
  white-space:nowrap;
}
.admin-mode-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  border:1px solid #d9e4f3;
  border-radius:11px;
  background:#f4f8fe;
  color:#194f96;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}
.admin-mode-chip i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#1769e8;
  box-shadow:0 0 0 4px rgba(23,105,232,.10);
}
.account-identity{
  display:flex;
  flex-direction:column;
  line-height:1.05;
}
.account-identity small{
  margin-top:2px;
  color:#8a96a7;
  font-size:7px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.admin-avatar{
  background:linear-gradient(135deg,#1769e8,#7158cb)!important;
}

.mode-account-menu{
  width:260px;
}
.mode-current-card{
  display:grid;
  grid-template-columns:36px 1fr;
  gap:9px;
  align-items:center;
  margin:2px 2px 7px;
  padding:9px;
  border-radius:10px;
}
.mode-current-card.user{
  background:#f6f9fd;
  border:1px solid #e2eaf3;
}
.mode-current-card.admin{
  background:#eef5ff;
  border:1px solid #d3e3f7;
}
.mode-current-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#fff;
  color:#1769e8;
  font-size:11px;
  font-weight:950;
  box-shadow:0 3px 8px rgba(20,50,90,.06);
}
.mode-current-card>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.mode-current-card strong{
  color:#1c3454;
  font-size:10px;
}
.mode-current-card small{
  color:#8794a6;
  font-size:8px;
}

.account-menu-panel .mode-switch-action,
.mobile-more-panel .mode-switch-action{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  padding:10px 11px;
  border:0;
  border-radius:9px;
  cursor:pointer;
  font-size:10px;
  font-weight:900;
}
.mode-switch-action span{
  font-size:11px;
}
.mode-switch-action.admin-mode{
  background:#edf5ff;
  color:#155fca;
}
.mode-switch-action.admin-mode:hover{
  background:#e3efff!important;
  color:#0e55bd!important;
}
.mode-switch-action.user-mode{
  background:#f5f7fa;
  color:#465a73;
}
.mode-switch-action.user-mode:hover{
  background:#edf1f6!important;
  color:#263d59!important;
}

.admin-main{
  max-width:1480px;
}
.admin-mobile-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:52px;
  height:30px;
  padding:0 8px;
  border-radius:10px;
  background:#edf5ff;
  color:#1769e8;
  border:1px solid #d4e3f5;
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em;
}
.admin-welcome-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
  padding:15px 17px;
  border:1px solid #dce6f2;
  border-radius:16px;
  background:linear-gradient(120deg,#f5f9ff 0%,#fff 65%);
  box-shadow:0 6px 20px rgba(20,50,90,.04);
}
.admin-welcome-card h2{
  margin:3px 0 2px;
  font-size:18px;
}
.admin-welcome-card p{
  margin:0;
  color:#7b899d;
  font-size:9px;
}
.admin-operation-card>div{
  font-size:17px!important;
}
.admin-operation-card strong{
  font-size:11px;
}

@media(max-width:1180px) and (min-width:901px){
  .admin-header-inner{
    padding:0 14px;
    gap:10px;
  }
  .admin-nav a{
    padding:0 5px;
    font-size:9px;
  }
  .admin-mode-chip{
    display:none;
  }
}

@media(max-width:900px){
  .admin-welcome-card{
    align-items:flex-start;
    flex-direction:column;
  }
  .admin-welcome-card form,
  .admin-welcome-card .btn{
    width:100%;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.17 — ADMIN NAV / INVENTARIO / CÓDIGOS UNIVERSALES
   ===================================================================== */

/* Las opciones superiores de administración recuperan tamaño y jerarquía. */
.admin-header-inner{
  max-width:1600px;
  height:76px;
  gap:18px;
}
.admin-nav{
  height:100%;
}
.admin-nav a{
  padding:0 11px;
  font-size:11px;
  font-weight:800;
  letter-spacing:-.01em;
}
.admin-nav a.active{
  font-weight:950;
}
.admin-mode-chip{
  font-size:10px;
  padding:9px 11px;
}

/* Inventario */
.admin-inventory-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}
.admin-inventory-add,
.admin-inventory-filter{
  padding:21px;
}
.admin-inventory-add h2,
.admin-inventory-filter h2{
  margin:4px 0 5px;
  font-size:17px;
}
.admin-form-helper{
  margin:0 0 15px;
  color:#718198;
  font-size:11px;
  line-height:1.45;
}
.admin-inventory-textarea{
  min-height:170px;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  line-height:1.55;
}
.inventory-format-example{
  display:flex;
  align-items:center;
  gap:8px;
  margin:-3px 0 13px;
  padding:8px 10px;
  border-radius:9px;
  background:#f5f8fc;
  border:1px solid #e4eaf1;
}
.inventory-format-example span{
  color:#8390a3;
  font-size:8px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.inventory-format-example code{
  color:#20436d;
  font-size:9px;
  word-break:break-all;
}

/* Códigos admin: mismo patrón simple del cliente. */
.admin-mail-direct-layout{
  max-width:1120px;
  margin:0 auto;
}
.admin-mail-direct-card{
  min-height:0;
}
.admin-mail-service-picker{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  position:relative;
  padding-top:18px;
}
.admin-mail-service-label{
  position:absolute;
  top:0;
  left:0;
  color:#73839a;
  font-size:9px;
  font-weight:850;
}
.admin-mail-service-option{
  cursor:pointer;
}
.admin-mail-service-option>input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.service-radio-card{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:9px;
  align-items:center;
  padding:10px;
  border:1px solid #dce5ef;
  border-radius:11px;
  background:#fff;
  transition:.14s ease;
}
.service-radio-card>b{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#edf5ff;
  color:#1769e8;
  font-size:14px;
}
.service-radio-card>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.service-radio-card strong{
  color:#193451;
  font-size:11px;
}
.service-radio-card small{
  color:#8390a3;
  font-size:8px;
}
.admin-mail-service-option>input:checked + .service-radio-card{
  border-color:#79aaf0;
  background:#f2f7ff;
  box-shadow:0 0 0 3px rgba(23,105,232,.06);
}
.admin-mail-service-option>input:checked + .service-radio-card>b{
  background:#1769e8;
  color:#fff;
}
.admin-unrestricted-note{
  align-items:flex-start;
}
.admin-unrestricted-note span{
  line-height:1.45;
}
.admin-mail-aside-rules{
  display:grid;
  gap:7px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #e8edf3;
  text-align:left;
}
.admin-mail-aside-rules>div{
  display:grid;
  grid-template-columns:24px 1fr;
  gap:7px;
  align-items:center;
}
.admin-mail-aside-rules span{
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#edf5ff;
  color:#1769e8;
  font-size:8px;
  font-weight:950;
}
.admin-mail-aside-rules strong{
  color:#53657b;
  font-size:9px;
}

@media(max-width:1320px) and (min-width:901px){
  .admin-header-inner{
    padding:0 14px;
    gap:10px;
  }
  .admin-nav a{
    padding:0 7px;
    font-size:11.5px;
  }
}

@media(max-width:900px){
  .admin-inventory-layout{
    grid-template-columns:1fr;
  }
  .admin-mail-service-picker{
    grid-template-columns:1fr;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.18 — CONSULTA DE CUENTAS ADMIN
   ===================================================================== */

.admin-account-query{
  padding:18px;
  background:#fff;
  border:1px solid var(--client-line);
  border-radius:17px;
  box-shadow:0 6px 20px rgba(20,50,90,.04);
}
.admin-account-query-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:15px;
  margin-bottom:14px;
}
.admin-account-query-head h2{
  margin:3px 0 3px;
  font-size:17px;
}
.admin-account-query-head p{
  margin:0;
  color:#7b899d;
  font-size:10px;
  line-height:1.45;
}
.admin-account-result-count{
  min-width:88px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  padding:8px 10px;
  border-radius:10px;
  background:#f5f8fc;
  border:1px solid #e4ebf3;
}
.admin-account-result-count span{
  color:#8a96a7;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.admin-account-result-count strong{
  color:#183452;
  font-size:17px;
  line-height:1.1;
}

.admin-account-filter-form{
  display:grid;
  grid-template-columns:minmax(300px,1.55fr) minmax(190px,.65fr) minmax(180px,.6fr) auto auto auto;
  gap:8px;
  align-items:center;
}
.admin-account-search{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:43px;
  padding:0 11px;
  border:1px solid #d6e0eb;
  border-radius:10px;
  background:#fbfcfe;
}
.admin-account-search:focus-within{
  border-color:#79aaf0;
  box-shadow:0 0 0 3px rgba(23,105,232,.06);
}
.admin-account-search>span{
  color:#7c8ba0;
  font-size:11px;
}
.admin-account-search input{
  width:100%;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:9px 0;
  font-size:11px;
}
.admin-account-filter-form select{
  min-height:43px;
  padding:0 10px;
  border:1px solid #d6e0eb;
  border-radius:10px;
  background:#fbfcfe;
  font-size:10px;
}
.admin-account-filter-submit,
.admin-account-filter-clear{
  min-height:43px;
  padding:9px 12px;
  white-space:nowrap;
  font-size:10px;
}

.admin-history-toggle{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:43px;
  padding:6px 9px;
  border:1px solid #dce4ed;
  border-radius:10px;
  background:#f8fafc;
  cursor:pointer;
  user-select:none;
}
.admin-history-toggle>input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.admin-history-switch{
  position:relative;
  flex:0 0 auto;
  width:30px;
  height:17px;
  border-radius:999px;
  background:#cbd6e3;
  transition:.15s ease;
}
.admin-history-switch:after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:11px;
  height:11px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.16);
  transition:.15s ease;
}
.admin-history-toggle>input:checked + .admin-history-switch{
  background:#1769e8;
}
.admin-history-toggle>input:checked + .admin-history-switch:after{
  transform:translateX(13px);
}
.admin-history-copy{
  display:flex;
  flex-direction:column;
  gap:1px;
  white-space:nowrap;
}
.admin-history-copy strong{
  color:#40536b;
  font-size:8.5px;
}
.admin-history-copy small{
  color:#8b97a7;
  font-size:6.8px;
}

.admin-account-results{
  margin-top:13px;
}
.admin-account-results-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 3px 8px;
}
.admin-account-results-head h3{
  margin:0;
  color:#193451;
  font-size:11px;
}
.admin-account-results-head p{
  margin:2px 0 0;
  color:#8a96a7;
  font-size:8px;
}
.admin-history-visible-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 8px;
  border-radius:999px;
  background:#eef1f5;
  color:#66758a;
  font-size:7px;
  font-weight:900;
}

.admin-accounts-table-wrap{
  border:1px solid #dfe7f0;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}
.admin-accounts-table{
  margin:0;
}
.admin-accounts-table th{
  padding:11px 12px;
  background:#f6f8fb;
  color:#6e7e93;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.06em;
  border-bottom:1px solid #e2e8f0;
}
.admin-accounts-table td{
  padding:11px 12px;
  vertical-align:middle;
  border-bottom:1px solid #edf1f5;
  font-size:10px;
}
.admin-accounts-table tbody tr:last-child td{
  border-bottom:0;
}
.admin-accounts-table tbody tr:hover{
  background:#fbfdff;
}
.admin-accounts-table .historical-row{
  background:#fafbfc;
  opacity:.78;
}
.admin-account-client{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.admin-account-client strong{
  color:#193451;
  font-size:10px;
}
.admin-account-client small{
  color:#8b97a7;
  font-size:8px;
}
.admin-account-product{
  display:inline-flex;
  padding:5px 8px;
  border-radius:8px;
  background:#edf5ff;
  color:#1769e8;
  font-size:8px;
  font-weight:850;
}
.admin-account-email{
  color:#102a4a;
  font-size:10px;
}
.admin-account-password{
  color:#334c6b;
  font-size:10px;
}
.admin-account-expiry{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.admin-account-expiry strong{
  color:#344a66;
  font-size:9px;
}
.admin-account-expiry small{
  color:#7e8c9e;
  font-size:7.5px;
}
.admin-account-empty{
  min-height:130px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  color:#8491a4;
}
.admin-account-empty>span{
  font-size:17px;
  color:#b1bcc9;
}
.admin-account-empty strong{
  color:#51627a;
  font-size:11px;
}
.admin-account-empty small{
  font-size:8px;
}

@media(max-width:1260px){
  .admin-account-filter-form{
    grid-template-columns:minmax(280px,1.5fr) 1fr 1fr;
  }
  .admin-history-toggle{
    grid-column:1 / span 1;
  }
}
@media(max-width:760px){
  .admin-account-query-head{
    flex-direction:column;
  }
  .admin-account-result-count{
    align-items:flex-start;
  }
  .admin-account-filter-form{
    grid-template-columns:1fr;
  }
  .admin-history-toggle{
    grid-column:auto;
  }
  .admin-account-filter-submit,
  .admin-account-filter-clear{
    width:100%;
  }
  .admin-accounts-table-wrap{
    overflow-x:auto;
  }
  .admin-accounts-table{
    min-width:850px;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.19 — ORDEN DE CUENTAS + REPARACIÓN ADMIN
   ===================================================================== */

/* Tabla: Cuenta > Contraseña > Producto > Estado > Vencimiento > Cliente */
.admin-account-main{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.admin-account-repair-link{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:3px;
  color:#1769e8;
  font-size:7px;
  font-weight:900;
}
.admin-account-repair-link:hover{
  text-decoration:underline;
}

/* Repair module */
.admin-repair-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:14px;
  align-items:start;
  max-width:1120px;
  margin:0 auto;
}
.admin-repair-card,
.admin-repair-info,
.admin-repair-confirm-card,
.admin-repair-result{
  background:#fff;
  border:1px solid var(--client-line);
  border-radius:15px;
  box-shadow:var(--client-shadow);
}
.admin-repair-card{
  padding:22px;
}
.admin-repair-card h2{
  margin:4px 0 5px;
  font-size:14px;
}
.admin-repair-card>p{
  margin:0 0 14px;
  color:#748399;
  font-size:10px;
  line-height:1.45;
}
.admin-repair-warning{
  display:grid;
  grid-template-columns:32px 1fr;
  gap:9px;
  align-items:start;
  margin-bottom:15px;
  padding:10px;
  border:1px solid #f2ddb2;
  border-radius:10px;
  background:#fff8e9;
}
.admin-repair-warning>span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#ffe9b7;
  color:#986100;
  font-weight:950;
}
.admin-repair-warning>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.admin-repair-warning strong{
  color:#765013;
  font-size:9px;
}
.admin-repair-warning small{
  color:#8b744b;
  font-size:8px;
  line-height:1.45;
}
.admin-repair-form{
  display:grid;
  gap:13px;
}
.admin-repair-products{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.admin-repair-product-option{
  cursor:pointer;
}
.admin-repair-product-option>input{
  position:absolute;
  opacity:0;
}
.admin-repair-product-option>span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:50px;
  padding:10px 11px;
  border:1px solid #dce5ef;
  border-radius:10px;
  background:#fbfcfe;
}
.admin-repair-product-option b{
  color:#183452;
  font-size:10px;
}
.admin-repair-product-option small{
  color:#7e8b9f;
  font-size:8px;
}
.admin-repair-product-option>input:checked + span{
  border-color:#73a8ef;
  background:#eff6ff;
  box-shadow:0 0 0 3px rgba(23,105,232,.06);
}
.admin-repair-product-option>input:checked + span b{
  color:#1769e8;
}
.admin-repair-info{
  padding:20px;
  text-align:center;
}
.admin-repair-info-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  margin:0 auto 10px;
  border-radius:16px;
  background:#eef5ff;
  font-size:25px;
}
.admin-repair-info h3{
  margin:0 0 12px;
  font-size:17px;
}
.admin-repair-steps{
  display:grid;
  gap:8px;
  text-align:left;
}
.admin-repair-steps>div{
  display:grid;
  grid-template-columns:25px 1fr;
  gap:8px;
  align-items:center;
}
.admin-repair-steps span{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#edf5ff;
  color:#1769e8;
  font-size:8px;
  font-weight:950;
}
.admin-repair-steps p{
  margin:0;
  color:#617289;
  font-size:9px;
}
.admin-repair-history{
  max-width:1120px;
  margin:14px auto 0;
}
.admin-repair-history-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:10px;
  padding:0 3px 8px;
}
.admin-repair-history-head h2{
  margin:3px 0 0;
  font-size:13px;
}
.admin-repair-history-head>span{
  color:#8592a4;
  font-size:8px;
}
.repair-history-password{
  display:block;
  margin-top:2px;
  color:#8592a4;
  font-size:8px;
}

/* confirmation */
.admin-repair-confirm-card{
  max-width:780px;
  margin:0 auto;
  padding:22px;
}
.admin-repair-confirm-head{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:12px;
  align-items:center;
}
.admin-repair-confirm-head>span{
  width:44px;height:44px;display:grid;place-items:center;
  border-radius:13px;background:#edf5ff;font-size:17px;
}
.admin-repair-confirm-head h2{
  margin:3px 0 2px;font-size:21px;
}
.admin-repair-confirm-head p{
  margin:0;color:#7b899d;font-size:9px;
}
.admin-repair-confirm-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr .7fr;
  gap:8px;
  margin:16px 0 12px;
}
.admin-repair-confirm-grid>div{
  padding:10px;
  border-radius:10px;
  background:#f7f9fc;
}
.admin-repair-confirm-grid span{
  display:block;color:#8995a6;font-size:7px;text-transform:uppercase;
}
.admin-repair-confirm-grid strong{
  display:block;margin-top:3px;color:#183452;font-size:10px;
  word-break:break-word;
}
.admin-repair-confirm-warning{
  padding:11px 12px;
  border:1px solid #f1d9a9;
  border-radius:10px;
  background:#fff8e9;
}
.admin-repair-confirm-warning strong{
  color:#795414;font-size:9px;
}
.admin-repair-confirm-warning p{
  margin:3px 0 0;color:#887347;font-size:8px;line-height:1.45;
}
.admin-repair-confirm-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:13px;
}

/* result */
.admin-repair-result{
  max-width:820px;
  margin:0 auto;
  padding:24px;
}
.admin-repair-result-check{
  width:58px;height:58px;display:grid;place-items:center;
  margin:0 auto 10px;border-radius:15px;
  background:#e4f8ee;color:#0a9664;font-size:14px;font-weight:950;
}
.admin-repair-result-title{
  text-align:center;
}
.admin-repair-result-title h2{
  margin:3px 0 2px;font-size:23px;
}
.admin-repair-result-title p{
  margin:0;color:#8491a3;font-size:9px;
}
.admin-repair-result-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:18px 0 12px;
}
.admin-repair-result-grid>div{
  position:relative;
  padding:11px;
  border:1px solid #e2e9f1;
  border-radius:10px;
  background:#f8fafc;
}
.admin-repair-result-grid span{
  display:block;color:#8793a4;font-size:7px;text-transform:uppercase;
}
.admin-repair-result-grid strong{
  display:block;margin-top:3px;color:#173250;font-size:11px;
  word-break:break-all;
}
.admin-repair-result-grid .problem{
  background:#fff6f7;border-color:#f3dce0;
}
.admin-repair-result-grid .replacement{
  background:#f2f8ff;border-color:#dbe9fb;
}
.admin-repair-result-grid button{
  margin-top:7px;border:0;border-radius:7px;padding:5px 7px;
  background:#e5f0ff;color:#1769e8;font-size:8px;font-weight:900;
  cursor:pointer;
}
.admin-repair-result-note{
  display:flex;flex-direction:column;gap:2px;
  padding:10px 11px;border-radius:10px;
  background:#eef9f4;border:1px solid #d6eee3;
}
.admin-repair-result-note strong{
  color:#167550;font-size:9px;
}
.admin-repair-result-note span{
  color:#668174;font-size:8px;
}
.admin-repair-result-actions{
  display:flex;justify-content:center;gap:8px;margin-top:13px;
}

@media(max-width:900px){
  .admin-repair-layout{
    grid-template-columns:1fr;
  }
  .admin-repair-info{
    display:none;
  }
}
@media(max-width:650px){
  .admin-repair-products{
    grid-template-columns:1fr;
  }
  .admin-repair-confirm-grid,
  .admin-repair-result-grid{
    grid-template-columns:1fr;
  }
  .admin-repair-confirm-actions,
  .admin-repair-result-actions{
    flex-direction:column;
  }
  .admin-repair-confirm-actions .btn,
  .admin-repair-confirm-actions form,
  .admin-repair-confirm-actions button,
  .admin-repair-result-actions .btn{
    width:100%;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.21 — HISTORIAL DE REPARACIONES
   ===================================================================== */

.repair-history-v2321{
  max-width:1120px;
  margin:16px auto 0;
}
.repair-history-top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.repair-history-top h2{
  margin:3px 0 2px;
  font-size:18px;
}
.repair-history-top p{
  margin:0;
  color:#7d8b9f;
  font-size:9px;
}
.repair-history-summary{
  display:flex;
  gap:7px;
}
.repair-history-summary>div{
  min-width:105px;
  padding:8px 10px;
  border:1px solid #e1e8f1;
  border-radius:10px;
  background:#fff;
  text-align:right;
}
.repair-history-summary span{
  display:block;
  color:#8a96a7;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.repair-history-summary strong{
  display:block;
  margin-top:2px;
  color:#183452;
  font-size:11px;
}

.repair-history-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.repair-history-search{
  display:flex;
  align-items:center;
  gap:7px;
  width:min(460px,100%);
  min-height:39px;
  padding:0 10px;
  border:1px solid #dce5ef;
  border-radius:10px;
  background:#fff;
}
.repair-history-search:focus-within{
  border-color:#7eacf0;
  box-shadow:0 0 0 3px rgba(23,105,232,.06);
}
.repair-history-search>span{
  color:#8592a5;
  font-size:11px;
}
.repair-history-search input{
  width:100%;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:8px 0;
  font-size:10px;
}
.repair-history-visible-count{
  color:#8794a6;
  font-size:8px;
  white-space:nowrap;
}

.repair-history-list{
  display:grid;
  gap:7px;
}
.repair-history-item{
  display:grid;
  grid-template-columns:125px minmax(190px,1fr) 28px minmax(220px,1.15fr) 170px 125px;
  gap:9px;
  align-items:center;
  padding:10px 11px;
  border:1px solid #e1e8f0;
  border-radius:12px;
  background:#fff;
  box-shadow:0 3px 10px rgba(20,50,90,.025);
  transition:.14s ease;
}
.repair-history-item:hover{
  border-color:#c9d8e9;
  box-shadow:0 7px 18px rgba(20,50,90,.05);
  transform:translateY(-1px);
}

.repair-history-item-meta{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.repair-history-id{
  display:inline-flex;
  width:max-content;
  padding:3px 6px;
  border-radius:999px;
  background:#edf5ff;
  color:#1769e8;
  font-size:7px;
  font-weight:950;
}
.repair-history-item-meta strong{
  margin-top:2px;
  color:#243c5b;
  font-size:9px;
}
.repair-history-item-meta small{
  color:#8b97a8;
  font-size:7px;
}

.repair-history-account{
  min-width:0;
  padding:8px 9px;
  border-radius:9px;
  border:1px solid #e5eaf1;
}
.repair-history-account.problem{
  background:#fff8f8;
  border-color:#f1dfe2;
}
.repair-history-account.replacement{
  background:#f2f8ff;
  border-color:#dce9fa;
}
.repair-history-account-label{
  display:block;
  margin-bottom:3px;
  color:#8995a6;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.repair-history-account>strong{
  display:block;
  color:#17304f;
  font-size:9.5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.repair-history-account>small{
  display:block;
  margin-top:3px;
  color:#9b7c82;
  font-size:7px;
}
.repair-history-password-line{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:4px;
}
.repair-history-password-line span{
  color:#7d8da2;
  font-size:7px;
}
.repair-history-password-line b{
  color:#25496f;
  font-size:8px;
}

.repair-history-arrow{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:50%;
  background:#eef5ff;
  color:#1769e8;
  font-size:11px;
  font-weight:950;
}

.repair-history-context{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}
.repair-product-chip{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:5px 7px;
  border-radius:8px;
  background:#edf5ff;
  color:#1769e8;
  font-size:7.5px;
  font-weight:900;
}
.repair-admin-chip{
  display:grid;
  grid-template-columns:27px 1fr;
  gap:6px;
  align-items:center;
  min-width:0;
}
.repair-admin-chip>span{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:8px;
  font-size:8px;
  font-weight:950;
}
.repair-admin-chip.web>span{
  background:#e9f2ff;
  color:#1769e8;
}
.repair-admin-chip.bot>span{
  background:#eef8f3;
  color:#087c57;
}
.repair-admin-chip>div{
  min-width:0;
}
.repair-admin-chip strong{
  display:block;
  color:#3a4e68;
  font-size:8px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.repair-admin-chip small{
  display:block;
  margin-top:1px;
  color:#8b97a8;
  font-size:6.5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.repair-history-actions{
  display:flex;
  justify-content:flex-end;
}
.repair-copy-replacement{
  width:100%;
  min-height:34px;
  border:1px solid #d5e2f2;
  border-radius:9px;
  background:#f5f9ff;
  color:#1769e8;
  font-size:7.5px;
  font-weight:900;
  cursor:pointer;
  transition:.14s ease;
}
.repair-copy-replacement:hover{
  background:#eaf3ff;
  border-color:#a9c7ed;
}
.repair-copy-replacement.copied{
  background:#eaf8f2;
  color:#07845a;
  border-color:#ccebdd;
}

.repair-history-empty,
.repair-history-empty-filter{
  min-height:150px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  border:1px dashed #dce4ed;
  border-radius:13px;
  background:#fbfcfe;
  color:#8794a6;
}
.repair-history-empty>span,
.repair-history-empty-filter>span{
  font-size:25px;
}
.repair-history-empty strong,
.repair-history-empty-filter strong{
  color:#50617a;
  font-size:11px;
}
.repair-history-empty small,
.repair-history-empty-filter small{
  font-size:8px;
}

@media(max-width:1100px){
  .repair-history-item{
    grid-template-columns:110px minmax(180px,1fr) 25px minmax(200px,1fr) 145px;
  }
  .repair-history-actions{
    grid-column:1/-1;
    justify-content:flex-end;
  }
  .repair-copy-replacement{
    width:auto;
    padding:0 12px;
  }
}

@media(max-width:760px){
  .repair-history-top{
    align-items:flex-start;
    flex-direction:column;
  }
  .repair-history-summary{
    width:100%;
  }
  .repair-history-summary>div{
    flex:1;
    text-align:left;
  }
  .repair-history-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }
  .repair-history-search{
    width:100%;
  }
  .repair-history-item{
    grid-template-columns:1fr;
    gap:7px;
  }
  .repair-history-arrow{
    transform:rotate(90deg);
    margin:0 auto;
  }
  .repair-history-actions{
    grid-column:auto;
  }
  .repair-copy-replacement{
    width:100%;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.22 — SOPORTE DE PAGOS + CHECKOUT ZENO INTERACTIVO
   ===================================================================== */

/* Soporte */
.support-issue-grid-v2322{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.payment-issue-choice{
  border-color:#dce7f5;
}
.payment-issue-choice:has(input:checked){
  background:#f2f7ff;
  border-color:#86afe8;
}
.support-payment-select{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.support-payment-select>span{
  color:#5e718a;
  font-size:9px;
  font-weight:850;
}
.support-payment-select select{
  width:100%;
  min-height:45px;
  border:1px solid #d6e1ed;
  border-radius:10px;
  background:#fbfcfe;
  padding:0 10px;
  color:#1c3554;
  font-size:10px;
}
.support-payment-tip{
  display:grid;
  grid-template-columns:30px 1fr auto;
  gap:8px;
  align-items:center;
  margin-top:9px;
  padding:9px 10px;
  border:1px solid #e2e9f1;
  border-radius:10px;
  background:#f8fafc;
}
.support-payment-tip>span{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#edf5ff;
}
.support-payment-tip>div{
  display:flex;
  flex-direction:column;
  gap:1px;
}
.support-payment-tip strong{
  color:#36506e;
  font-size:8.5px;
}
.support-payment-tip small{
  color:#8794a6;
  font-size:7.5px;
}
.support-payment-tip>a{
  color:#1769e8;
  font-size:8px;
  font-weight:900;
  white-space:nowrap;
}

/* Zeno quick checkout */
.deposit-auto-v2322{
  position:relative;
}
.zeno-quick-amount{
  position:relative;
  flex-direction:column;
  gap:1px;
  min-height:58px;
}
.zeno-quick-amount>span{
  font-size:11px;
}
.zeno-quick-amount>strong{
  font-size:14px;
  line-height:1.1;
}
.zeno-quick-amount>small{
  color:#7e90a8;
  font-size:7px;
  font-weight:800;
}
.zeno-quick-amount:disabled,
.zeno-custom-form button:disabled,
.zeno-custom-form input:disabled{
  cursor:not-allowed;
  opacity:.55;
}
.deposit-auto-v2322.is-checkout-loading .zeno-quick-amount{
  transform:none!important;
  box-shadow:none!important;
}

.zeno-checkout-status{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:10px;
  align-items:center;
  margin-top:12px;
  padding:12px;
  border:1px solid #cfe1f8;
  border-radius:12px;
  background:linear-gradient(120deg,#eff6ff,#fff);
}
.zeno-checkout-spinner{
  width:38px;
  height:38px;
  border-radius:50%;
  border:4px solid #dceafb;
  border-top-color:#1769e8;
  animation:zenoSpin .8s linear infinite;
}
@keyframes zenoSpin{
  to{transform:rotate(360deg)}
}
.zeno-checkout-status-copy{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.zeno-checkout-status-copy>strong{
  color:#183b66;
  font-size:11px;
}
.zeno-checkout-status-copy>small{
  color:#6f8198;
  font-size:8px;
  line-height:1.4;
}
.zeno-checkout-steps{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:5px;
  margin-top:3px;
}
.zeno-checkout-steps>span{
  position:relative;
  padding:6px 7px 6px 20px;
  border-radius:8px;
  background:#f3f6fa;
  color:#8995a6;
  font-size:7px;
  font-weight:850;
}
.zeno-checkout-steps>span:before{
  content:"";
  position:absolute;
  left:7px;
  top:50%;
  width:6px;
  height:6px;
  margin-top:-3px;
  border-radius:50%;
  background:#c5d0dc;
}
.zeno-checkout-steps>span.active{
  background:#eaf3ff;
  color:#1769e8;
}
.zeno-checkout-steps>span.active:before{
  background:#1769e8;
  box-shadow:0 0 0 3px rgba(23,105,232,.12);
}
.zeno-checkout-steps>span.done{
  background:#edf9f4;
  color:#087d58;
}
.zeno-checkout-steps>span.done:before{
  background:#0a9968;
}

.zeno-checkout-error{
  display:grid;
  grid-template-columns:30px 1fr auto;
  gap:8px;
  align-items:center;
  margin-top:12px;
  padding:10px 11px;
  border:1px solid #f0ccd2;
  border-radius:11px;
  background:#fff5f6;
}
.zeno-checkout-error>span{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#ffe2e6;
  color:#b72d45;
  font-weight:950;
}
.zeno-checkout-error>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.zeno-checkout-error strong{
  color:#8f2639;
  font-size:9px;
}
.zeno-checkout-error small{
  color:#9b6670;
  font-size:8px;
  line-height:1.35;
}
.zeno-checkout-error>a{
  color:#1769e8;
  font-size:8px;
  font-weight:900;
  white-space:nowrap;
}

.payment-help-strip-v2322{
  border-color:#dbe6f4;
}
.payment-support-link{
  display:block;
  margin-top:3px;
  color:#1769e8;
  font-size:7px;
  font-weight:850;
}

@media(max-width:700px){
  .support-issue-grid-v2322{
    grid-template-columns:1fr;
  }
  .support-payment-tip{
    grid-template-columns:30px 1fr;
  }
  .support-payment-tip>a{
    grid-column:2;
  }
  .zeno-checkout-error{
    grid-template-columns:30px 1fr;
  }
  .zeno-checkout-error>a{
    grid-column:2;
  }
}


/* v2.3.23 — dashboard simplificado y estados actualizados */
.home-section-subtle{
  margin:4px 0 0;
  color:#6f8198;
  font-size:9px;
  line-height:1.45;
}


/* =====================================================================
   ECUACINE WEB v2.3.25 — AJUSTE TIPOGRÁFICO COMPROBANTE MANUAL
   ===================================================================== */

/* Solo afecta el bloque de carga de comprobantes del pago manual. */
.deposit-card .upload-box .manual-proof-title{
  font-size:9px;
  line-height:1.25;
  font-weight:850;
  margin-bottom:6px;
}

.deposit-card .manual-proof-submit{
  min-height:38px;
  padding:8px 12px;
  font-size:10px;
  line-height:1.15;
  font-weight:850;
}

@media(max-width:700px){
  .deposit-card .upload-box .manual-proof-title{
    font-size:9px;
  }

  .deposit-card .manual-proof-submit{
    min-height:40px;
    font-size:10px;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.26 — CORRECCIÓN DEFINITIVA TIPOGRAFÍA COMPROBANTE
   Solo afecta el bloque "Sube tu comprobante" del pago manual.
   ===================================================================== */

.deposit-card .upload-box .manual-proof-title{
  font-size:8px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  margin-bottom:5px !important;
}

/* Texto nativo: "Seleccionar archivo" + "Ningún archivo seleccionado" */
.deposit-card .upload-box input[type="file"]{
  font-size:8px !important;
  line-height:1.2 !important;
  color:#566a83 !important;
  padding:4px 0 !important;
}

.deposit-card .upload-box input[type="file"]::file-selector-button{
  font:inherit !important;
  font-size:8px !important;
  line-height:1.15 !important;
  padding:5px 8px !important;
  margin-right:7px !important;
  border:1px solid #cbd8e7 !important;
  border-radius:7px !important;
  background:#f5f8fc !important;
  color:#183452 !important;
  cursor:pointer !important;
}

/* Compatibilidad WebKit/Chrome antiguos */
.deposit-card .upload-box input[type="file"]::-webkit-file-upload-button{
  font:inherit !important;
  font-size:8px !important;
  line-height:1.15 !important;
  padding:5px 8px !important;
  margin-right:7px !important;
  border:1px solid #cbd8e7 !important;
  border-radius:7px !important;
  background:#f5f8fc !important;
  color:#183452 !important;
}

.deposit-card .upload-box small{
  font-size:7px !important;
  line-height:1.2 !important;
  margin-top:4px !important;
}

/* Botón únicamente de envío del comprobante */
.deposit-card .manual-proof-submit{
  min-height:34px !important;
  padding:7px 10px !important;
  font-size:8.5px !important;
  line-height:1.1 !important;
  font-weight:850 !important;
}

@media(max-width:700px){
  .deposit-card .upload-box .manual-proof-title{
    font-size:8.5px !important;
  }

  .deposit-card .upload-box input[type="file"],
  .deposit-card .upload-box input[type="file"]::file-selector-button,
  .deposit-card .upload-box input[type="file"]::-webkit-file-upload-button{
    font-size:8.5px !important;
  }

  .deposit-card .manual-proof-submit{
    min-height:36px !important;
    font-size:9px !important;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.27 — NOMBRE COMERCIAL EDITABLE EN PRODUCTOS ADMIN
   ===================================================================== */

.admin-products-intro{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:13px;
  padding:14px 16px;
  border:1px solid var(--client-line);
  border-radius:15px;
  background:#fff;
  box-shadow:0 5px 18px rgba(20,50,90,.035);
}
.admin-products-intro h2{
  margin:3px 0 2px;
  font-size:18px;
}
.admin-products-intro p{
  margin:0;
  color:#7c899d;
  font-size:9px;
}
.admin-product-card{
  padding:18px;
}
.admin-product-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.admin-product-card-head h3{
  margin:4px 0 0;
  font-size:18px;
}
.admin-product-code{
  display:inline-flex;
  padding:4px 7px;
  border-radius:7px;
  background:#f2f6fb;
  color:#73839a;
  font-size:7px;
  font-weight:900;
  letter-spacing:.05em;
}
.admin-product-stock{
  display:flex;
  gap:7px;
  margin-bottom:13px;
}
.admin-product-stock>span{
  padding:6px 8px;
  border-radius:8px;
  background:#f7f9fc;
  color:#718198;
  font-size:8px;
}
.admin-product-stock strong{
  color:#183452;
}
.admin-product-form{
  display:grid;
  gap:10px;
}
.admin-product-name-field input{
  font-size:11px;
  font-weight:800;
  color:#142f50;
}
.admin-product-name-field small{
  display:block;
  margin-top:4px;
  color:#8b97a8;
  font-size:7.5px;
  line-height:1.35;
}
.admin-product-technical-note{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:8px;
  align-items:start;
  padding:9px 10px;
  border:1px solid #e0e8f1;
  border-radius:9px;
  background:#f8fafc;
}
.admin-product-technical-note>span{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#edf5ff;
  color:#1769e8;
  font-size:11px;
}
.admin-product-technical-note>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.admin-product-technical-note strong{
  color:#496078;
  font-size:8px;
}
.admin-product-technical-note small{
  color:#8794a6;
  font-size:7px;
  line-height:1.35;
}
.admin-product-actions{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:2px;
}

@media(max-width:700px){
  .admin-products-intro{
    align-items:flex-start;
    flex-direction:column;
  }
  .admin-products-intro .btn{
    width:100%;
  }
  .admin-product-actions{
    flex-direction:column;
  }
  .admin-product-actions .btn{
    width:100%;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.29 — CAMBIO DE CORREO ADMIN
   ===================================================================== */

.admin-mail-action-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.admin-change-email-action{
  border-color:#d8d5f5;
  background:#faf9ff;
}

.admin-change-email-action:hover{
  border-color:#a9a0e9;
  background:#f5f2ff;
}

.admin-change-email-action .mail-action-icon{
  background:#eeeaff;
  color:#6654cb;
}

.admin-mail-hbo-capability{
  display:grid;
  grid-template-columns:32px 1fr;
  gap:8px;
  align-items:start;
  margin-top:16px;
  padding:10px;
  border:1px solid #dedbf6;
  border-radius:10px;
  background:#faf9ff;
  text-align:left;
}

.admin-mail-hbo-capability>span{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#eeeaff;
  font-size:14px;
}

.admin-mail-hbo-capability>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.admin-mail-hbo-capability strong{
  color:#4d428e;
  font-size:9px;
}

.admin-mail-hbo-capability small{
  color:#77708f;
  font-size:7.5px;
  line-height:1.4;
}

@media(max-width:1000px){
  .admin-mail-action-grid{
    grid-template-columns:1fr;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.30 — INVENTARIO SOLO PRE-VENTA
   ===================================================================== */

.inventory-presale-notice{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:10px;
  align-items:start;
  margin-bottom:12px;
  padding:11px 13px;
  border:1px solid #dbe7f5;
  border-radius:12px;
  background:#f5f9ff;
}

.inventory-presale-notice>span{
  width:37px;
  height:37px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#e8f2ff;
  font-size:17px;
}

.inventory-presale-notice>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.inventory-presale-notice strong{
  color:#173a64;
  font-size:9.5px;
}

.inventory-presale-notice p{
  margin:0;
  color:#687d97;
  font-size:8px;
  line-height:1.45;
}

.inventory-status-pill{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 8px;
  border-radius:999px;
  font-size:8px;
  font-weight:900;
}

.inventory-status-pill.available{
  background:#e7f8f0;
  color:#07855b;
}

.inventory-status-pill.removed{
  background:#f1f3f6;
  color:#6f7b8a;
}

.inventory-empty-state{
  min-height:110px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  color:#8491a3;
  text-align:center;
}

.inventory-empty-state>span{
  font-size:17px;
}

.inventory-empty-state strong{
  color:#4e627b;
  font-size:10px;
}

.inventory-empty-state small{
  font-size:8px;
}

@media(max-width:700px){
  .inventory-presale-notice{
    grid-template-columns:32px 1fr;
  }

  .inventory-presale-notice>span{
    width:31px;
    height:31px;
    font-size:14px;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.31 — INVENTARIO: ÚNICA ACCIÓN = ELIMINAR
   ===================================================================== */

.inventory-list-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:15px 2px 7px;
}

.inventory-list-head h2{
  margin:3px 0 1px;
  color:#173451;
  font-size:13px;
}

.inventory-list-head p{
  margin:0;
  color:#8592a4;
  font-size:8px;
}

.inventory-delete-only-table th{
  font-size:8px;
}

.inventory-delete-only-table td{
  vertical-align:middle;
  padding-top:11px;
  padding-bottom:11px;
}

.inventory-id{
  color:#75859a;
  font-size:9px;
  font-weight:850;
}

.inventory-product-name{
  color:#193451;
  font-size:10px;
  font-weight:850;
}

.inventory-account-email{
  color:#102d4e;
  font-size:10px;
  font-weight:800;
}

.inventory-pool-pill{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 8px;
  border-radius:999px;
  font-size:7.5px;
  font-weight:900;
}

.inventory-pool-pill.public{
  background:#e9f5ff;
  color:#1769e8;
}

.inventory-pool-pill.admin_reserved{
  background:#f1edff;
  color:#6751c8;
}

.inventory-action-column{
  width:120px;
  text-align:right;
}

.inventory-delete-cell{
  text-align:right;
}

.inventory-delete-form{
  display:inline-block;
  margin:0;
}

.inventory-delete-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:34px;
  padding:7px 10px;
  border:1px solid #f0cfd4;
  border-radius:8px;
  background:#fff7f8;
  color:#b52d43;
  font-size:8.5px;
  font-weight:900;
  cursor:pointer;
  transition:.14s ease;
}

.inventory-delete-button:hover{
  border-color:#df9da8;
  background:#ffedef;
  color:#9f2035;
}

.inventory-delete-button>span{
  font-size:10px;
}

@media(max-width:700px){
  .inventory-delete-only-table{
    overflow-x:auto;
  }

  .inventory-delete-only-table table{
    min-width:700px;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.32 — ACCIONES EDITAR / ELIMINAR EN CUENTAS ADMIN
   ===================================================================== */

/* El enlace Reparar deja de existir en la tabla de cuentas. */
.admin-account-repair-link{
  display:none !important;
}

.admin-account-actions-head{
  width:150px;
  text-align:right;
}

.admin-account-actions-cell{
  text-align:right;
}

.admin-account-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:5px;
}

.admin-account-delete-form{
  margin:0;
}

.admin-account-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:29px;
  padding:5px 8px;
  border-radius:7px;
  font-size:7.5px;
  line-height:1;
  font-weight:900;
  white-space:nowrap;
  cursor:pointer;
  transition:.14s ease;
}

.admin-account-action.edit{
  border:1px solid #cfe0f5;
  background:#f2f7ff;
  color:#1769e8;
}

.admin-account-action.edit:hover{
  border-color:#93bbed;
  background:#e8f2ff;
}

.admin-account-action.delete{
  border:1px solid #f0cfd4;
  background:#fff7f8;
  color:#b52d43;
}

.admin-account-action.delete:hover{
  border-color:#dc9ba6;
  background:#ffedef;
}

.admin-account-readonly{
  color:#919cab;
  font-size:7.5px;
  font-weight:850;
}

/* Edit account */
.admin-account-edit-shell{
  max-width:760px;
  margin:0 auto;
}

.admin-account-edit-card{
  padding:20px;
  border:1px solid var(--client-line);
  border-radius:15px;
  background:#fff;
  box-shadow:var(--client-shadow);
}

.admin-account-edit-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding-bottom:13px;
  margin-bottom:14px;
  border-bottom:1px solid #e8edf3;
}

.admin-account-edit-head h2{
  margin:3px 0 2px;
  color:#102d4e;
  font-size:18px;
  word-break:break-word;
}

.admin-account-edit-head p{
  margin:0;
  color:#7d8b9e;
  font-size:9px;
}

.admin-account-edit-form{
  display:grid;
  gap:12px;
}

.admin-account-readonly-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.admin-account-readonly-grid>div{
  padding:10px;
  border:1px solid #e2e9f1;
  border-radius:10px;
  background:#f8fafc;
}

.admin-account-readonly-grid span{
  display:block;
  color:#8895a7;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.055em;
}

.admin-account-readonly-grid strong{
  display:block;
  margin-top:3px;
  color:#1b3858;
  font-size:10px;
  word-break:break-word;
}

.admin-account-readonly-grid small{
  display:block;
  margin-top:3px;
  color:#8b97a8;
  font-size:7px;
  line-height:1.35;
}

.admin-account-edit-form .field>label span{
  color:#8995a6;
  font-size:7px;
  font-weight:700;
}

.admin-account-edit-help{
  display:block;
  margin-top:4px;
  color:#8995a6;
  font-size:7px;
  line-height:1.35;
}

.admin-account-edit-note{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:8px;
  align-items:start;
  padding:9px 10px;
  border:1px solid #dce7f5;
  border-radius:9px;
  background:#f5f9ff;
}

.admin-account-edit-note>span{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#e8f2ff;
  color:#1769e8;
  font-size:10px;
  font-weight:950;
}

.admin-account-edit-note>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.admin-account-edit-note strong{
  color:#315476;
  font-size:8.5px;
}

.admin-account-edit-note small{
  color:#75889f;
  font-size:7.5px;
  line-height:1.4;
}

.admin-account-edit-actions{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  margin-top:2px;
}

@media(max-width:900px){
  .admin-accounts-table{
    min-width:1000px;
  }
}

@media(max-width:650px){
  .admin-account-readonly-grid{
    grid-template-columns:1fr;
  }

  .admin-account-edit-actions{
    flex-direction:column-reverse;
  }

  .admin-account-edit-actions .btn{
    width:100%;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.33 — VENTAS HISTÓRICAS ADMIN
   ===================================================================== */

.historical-sale-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:12px;
  padding:16px 18px;
  border:1px solid #dbe5f0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 7px 22px rgba(24,52,82,.045);
}

.historical-sale-hero h2{
  margin:4px 0 3px;
  color:#102e50;
  font-size:19px;
}

.historical-sale-hero p{
  max-width:760px;
  margin:0;
  color:#718197;
  font-size:9px;
  line-height:1.45;
}

.historical-sale-rule{
  min-width:150px;
  padding:10px 12px;
  border:1px solid #d9eee5;
  border-radius:11px;
  background:#f3fbf7;
}

.historical-sale-rule strong,
.historical-sale-rule span{
  display:block;
}

.historical-sale-rule strong{
  color:#6b7b8e;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.historical-sale-rule span{
  margin-top:3px;
  color:#088557;
  font-size:11px;
  font-weight:900;
}

.historical-sale-form{
  display:grid;
  gap:10px;
}

.historical-sale-context,
.historical-sale-mode,
.historical-sale-data{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:11px;
  padding:16px;
}

.historical-step-number{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#eaf3ff;
  color:#1769e8;
  font-size:14px;
  font-weight:950;
}

.historical-step-content h3{
  margin:0 0 2px;
  color:#173451;
  font-size:14px;
}

.historical-step-content>p{
  margin:0 0 11px;
  color:#8290a2;
  font-size:8px;
}

.historical-selected-user{
  margin-top:7px;
  padding:8px 9px;
  border:1px solid #dce8f7;
  border-radius:9px;
  background:#f7faff;
}

.historical-selected-user span,
.historical-selected-user strong,
.historical-selected-user small{
  display:block;
}

.historical-selected-user span{
  color:#8190a3;
  font-size:6.5px;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.historical-selected-user strong{
  margin-top:2px;
  color:#183a62;
  font-size:9px;
}

.historical-selected-user small{
  margin-top:2px;
  color:#7d8da1;
  font-size:7px;
}

.historical-mode-picker{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.historical-mode-option{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:9px;
  align-items:center;
  padding:11px;
  border:1px solid #dce5ef;
  border-radius:11px;
  background:#fbfcfe;
  cursor:pointer;
  transition:.14s ease;
}

.historical-mode-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.historical-mode-option.active{
  border-color:#9cc2f7;
  background:#f0f6ff;
  box-shadow:0 0 0 2px rgba(23,105,232,.07);
}

.historical-mode-icon{
  width:33px;
  height:33px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#e9f2ff;
  font-size:13px;
}

.historical-mode-option strong,
.historical-mode-option small{
  display:block;
}

.historical-mode-option strong{
  color:#173451;
  font-size:9px;
}

.historical-mode-option small{
  margin-top:2px;
  color:#8190a2;
  font-size:7px;
  line-height:1.35;
}

.historical-client-lookup{
  display:flex;
  gap:12px;
  align-items:flex-end;
}
.historical-client-lookup input{
  flex:1;
}
.historical-client-lookup .btn{
  white-space:nowrap;
  min-width:160px;
}
.historical-sale-three{
  grid-template-columns:.7fr 1fr 1fr;
}

.historical-sale-data textarea{
  min-height:210px;
  font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size:9px;
  line-height:1.55;
}

.historical-batch-format{
  margin-bottom:9px;
  padding:9px 10px;
  border:1px solid #dbe5f1;
  border-radius:9px;
  background:#f7f9fc;
}

.historical-batch-format span{
  display:block;
  margin-bottom:3px;
  color:#8190a2;
  font-size:6.5px;
  font-weight:900;
  letter-spacing:.055em;
}

.historical-batch-format code{
  color:#173451;
  font-size:8px;
}

.historical-batch-hints{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:7px;
}

.historical-batch-hints span{
  padding:5px 7px;
  border-radius:999px;
  background:#eef7f3;
  color:#18815b;
  font-size:7px;
  font-weight:800;
}

.historical-sale-submit{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border:1px solid #dce5ef;
  border-radius:13px;
  background:#fff;
}

.historical-sale-submit strong,
.historical-sale-submit small{
  display:block;
}

.historical-sale-submit strong{
  color:#173451;
  font-size:9px;
}

.historical-sale-submit small{
  margin-top:2px;
  color:#8290a2;
  font-size:7px;
}

.historical-sale-empty{
  text-align:center;
  padding:28px;
}

.historical-sale-empty strong{
  color:#173451;
}

.historical-sale-empty p{
  color:#8190a2;
}

@media(max-width:850px){
  .historical-sale-hero{
    align-items:flex-start;
    flex-direction:column;
  }

  .historical-sale-rule{
    width:100%;
  }

  .historical-sale-three{
    grid-template-columns:1fr;
  }
  .historical-client-lookup{
    flex-direction:column;
    align-items:stretch;
  }
  .historical-client-lookup .btn{
    width:100%;
    min-width:0;
  }
}

@media(max-width:650px){
  .historical-sale-context,
  .historical-sale-mode,
  .historical-sale-data{
    grid-template-columns:1fr;
  }

  .historical-step-number{
    width:30px;
    height:30px;
    font-size:11px;
  }

  .historical-mode-picker{
    grid-template-columns:1fr;
  }

  .historical-sale-submit{
    align-items:stretch;
    flex-direction:column;
  }

  .historical-sale-submit .btn{
    width:100%;
  }
}


/* v2.3.35 — contador de ventas históricas por lote */
.historical-batch-counter{
  margin-top:5px;
  color:#7f8ea1;
  font-size:7.5px;
  font-weight:800;
  text-align:right;
}

.historical-batch-counter.over-limit{
  color:#c53048;
}


/* =====================================================================
   ECUACINE WEB v2.3.36 — MAYOR LEGIBILIDAD EN PARTE INFERIOR HISTÓRICAS
   Solo afecta la parte inferior del registro por lote.
   ===================================================================== */

.historical-batch-counter{
  margin-top:7px !important;
  color:#5f7188 !important;
  font-size:9.5px !important;
  line-height:1.25 !important;
  font-weight:850 !important;
}

.historical-batch-counter #historicalBatchCount{
  color:#173451;
  font-size:11px;
  font-weight:950;
}

.historical-batch-counter.over-limit,
.historical-batch-counter.over-limit #historicalBatchCount{
  color:#c53048 !important;
}

.historical-batch-hints{
  gap:8px !important;
  margin-top:10px !important;
}

.historical-batch-hints span{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  padding:6px 10px !important;
  font-size:9px !important;
  line-height:1.15 !important;
  font-weight:850 !important;
}

.historical-sale-submit{
  margin-top:2px;
  padding:14px 16px !important;
}

.historical-sale-submit strong{
  font-size:11px !important;
  line-height:1.2 !important;
}

.historical-sale-submit small{
  margin-top:3px !important;
  font-size:9px !important;
  line-height:1.35 !important;
}

.historical-sale-submit .btn{
  min-height:40px;
  padding:9px 14px;
  font-size:10px;
  font-weight:900;
}

@media(max-width:650px){
  .historical-batch-counter{
    font-size:10px !important;
  }

  .historical-batch-counter #historicalBatchCount{
    font-size:11px;
  }

  .historical-batch-hints span{
    font-size:9.5px !important;
    min-height:30px;
  }

  .historical-sale-submit strong{
    font-size:11px !important;
  }

  .historical-sale-submit small{
    font-size:9.5px !important;
  }

  .historical-sale-submit .btn{
    min-height:42px;
    font-size:10.5px;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.37 — PARTE INFERIOR HISTÓRICAS MÁS EQUILIBRADA
   Ajuste visual a partir de la captura real de escritorio.
   ===================================================================== */

/* Contador: debe leerse a simple vista, no como texto auxiliar. */
.historical-batch-counter{
  margin-top:9px !important;
  font-size:11px !important;
  line-height:1.25 !important;
  font-weight:850 !important;
  color:#53677f !important;
}

.historical-batch-counter #historicalBatchCount{
  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;
  color:#102f52 !important;
}

/* Chips informativos: suben un nivel de jerarquía visual. */
.historical-batch-hints{
  gap:9px !important;
  margin-top:12px !important;
}

.historical-batch-hints span{
  min-height:32px !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  font-size:10.5px !important;
  line-height:1.15 !important;
  font-weight:850 !important;
}

/* Pie de importación: más presencia y proporción con el resto de la página. */
.historical-sale-submit{
  min-height:70px !important;
  padding:15px 17px !important;
  border-radius:14px !important;
}

.historical-sale-submit strong{
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
}

.historical-sale-submit small{
  margin-top:4px !important;
  font-size:10.5px !important;
  line-height:1.4 !important;
}

.historical-sale-submit .btn{
  min-height:44px !important;
  padding:10px 17px !important;
  font-size:11px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
}

/* El texto inmediatamente superior también gana legibilidad. */
.historical-step-content>p{
  font-size:9px !important;
  line-height:1.4 !important;
}

.historical-batch-format span{
  font-size:7.5px !important;
}

.historical-batch-format code{
  font-size:9px !important;
  line-height:1.45 !important;
}

@media(max-width:650px){
  .historical-batch-counter{
    font-size:11.5px !important;
  }

  .historical-batch-counter #historicalBatchCount{
    font-size:13.5px !important;
  }

  .historical-batch-hints span{
    min-height:34px !important;
    font-size:11px !important;
  }

  .historical-sale-submit{
    min-height:unset !important;
  }

  .historical-sale-submit strong{
    font-size:11px !important;
  }

  .historical-sale-submit small{
    font-size:11px !important;
  }

  .historical-sale-submit .btn{
    min-height:46px !important;
    font-size:11.5px !important;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.39 — ROLLBACK CUENTAS ADMIN + SOLO TIPOGRAFÍA
   Mantiene exactamente el diseño de v2.3.37.
   Únicamente aumenta tamaños de texto.
   ===================================================================== */

/* Encabezado de consulta */
.admin-account-query-head h2{
  font-size:17px !important;
}
.admin-account-query-head p{
  font-size:11px !important;
}
.admin-account-result-count span{
  font-size:8.5px !important;
}
.admin-account-result-count strong{
  font-size:17px !important;
}

/* Filtros */
.admin-account-search input{
  font-size:11px !important;
}
.admin-account-filter-form select{
  font-size:11px !important;
}
.admin-account-filter-submit,
.admin-account-filter-clear{
  font-size:11px !important;
}
.admin-history-copy strong{
  font-size:10px !important;
}
.admin-history-copy small{
  font-size:8px !important;
}

/* Título sobre la tabla */
.admin-account-results-head h3{
  font-size:14px !important;
}
.admin-account-results-head p{
  font-size:10px !important;
}
.admin-history-visible-badge{
  font-size:9px !important;
}

/* Tabla: MISMO diseño, texto mayor */
.admin-accounts-table th{
  font-size:10px !important;
}
.admin-accounts-table td{
  font-size:11px !important;
}

/* Cuenta y contraseña siguen visibles exactamente como antes */
.admin-account-email{
  font-size:11px !important;
}
.admin-account-password{
  font-size:11px !important;
}

/* Producto */
.admin-account-product{
  font-size:10px !important;
}

/* Estado */
.admin-accounts-table .badge{
  font-size:10px !important;
}

/* Vencimiento */
.admin-account-expiry strong{
  font-size:11.5px !important;
}
.admin-account-expiry small{
  font-size:9px !important;
}

/* Cliente */
.admin-account-client strong{
  font-size:11px !important;
}
.admin-account-client small{
  font-size:9.5px !important;
}

/* Acciones */
.admin-account-action{
  font-size:9.5px !important;
}
.admin-account-readonly{
  font-size:9px !important;
}

/* Estado vacío */
.admin-account-empty strong{
  font-size:11px !important;
}
.admin-account-empty small{
  font-size:10px !important;
}

@media(max-width:700px){
  .admin-account-query-head h2{
    font-size:22px !important;
  }
  .admin-account-query-head p{
    font-size:11.5px !important;
  }
  .admin-account-search input,
  .admin-account-filter-form select,
  .admin-account-filter-submit,
  .admin-account-filter-clear{
    font-size:12.5px !important;
  }
  .admin-account-email,
  .admin-account-password{
    font-size:12.5px !important;
  }
}

/* =====================================================================
   ECUACINE WEB v2.3.40 — LANDING COMERCIAL + CATÁLOGO EN PRIMERA VISTA
   ===================================================================== */

.landing-v240{padding-bottom:10px}
.landing-hero-v240{
  margin-top:18px;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);
  gap:18px;
  align-items:stretch;
}
.landing-hero-copy-v240{
  min-height:420px;
  padding:42px 44px;
  border:1px solid #dce5ef;
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 34px rgba(6,26,58,.065);
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  overflow:hidden;
}
.landing-hero-copy-v240:after{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  border-radius:50%;
  background:rgba(255,212,41,.14);
  top:-85px;
  right:-65px;
}
.landing-kicker-v240{
  display:inline-flex;
  width:max-content;
  padding:7px 10px;
  border:1px solid #f0dc79;
  border-radius:8px;
  background:#fff9db;
  color:#806500;
  font-size:10px;
  font-weight:950;
  letter-spacing:.08em;
  position:relative;
  z-index:2;
}
.landing-hero-copy-v240 h1{
  margin:18px 0 14px;
  max-width:620px;
  font-size:clamp(34px,3.6vw,54px);
  line-height:1.02;
  letter-spacing:-.035em;
  color:#0b2140;
  position:relative;
  z-index:2;
}
.landing-hero-copy-v240 h1 span{color:#1769e8}
.landing-hero-copy-v240>p{
  margin:0;
  max-width:610px;
  color:#5f7087;
  font-size:11px;
  line-height:1.5;
  position:relative;
  z-index:2;
}
.landing-hero-actions-v240{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:22px;
  position:relative;
  z-index:2;
}
.landing-btn-primary-v240,
.landing-btn-secondary-v240{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:10px 15px;
  border-radius:10px;
  font-size:11px;
  font-weight:900;
}
.landing-btn-primary-v240{background:var(--yellow);color:#102846;border:1px solid #f1ca1e}
.landing-btn-primary-v240:hover{box-shadow:0 8px 18px rgba(255,212,41,.24);transform:translateY(-1px)}
.landing-btn-secondary-v240{background:#fff;color:#173451;border:1px solid #cfd9e6}
.landing-benefits-mini-v240{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:24px;
  position:relative;
  z-index:2;
}
.landing-benefits-mini-v240>div{
  display:grid;
  grid-template-columns:28px 1fr;
  grid-template-rows:auto auto;
  column-gap:7px;
  align-items:center;
}
.landing-benefits-mini-v240>div>span{
  grid-row:1/3;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#edf4ff;
  color:#1769e8;
  font-size:11px;
  font-weight:900;
}
.landing-benefits-mini-v240 strong{font-size:9px;color:#163657}
.landing-benefits-mini-v240 small{font-size:7.5px;color:#8996a7}

.landing-preview-v240{
  min-height:420px;
  border-radius:22px;
  background:linear-gradient(150deg,#071a3a 0%,#0c3269 100%);
  box-shadow:0 14px 36px rgba(6,26,58,.14);
  position:relative;
  overflow:hidden;
  padding:30px 44px 24px 34px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.landing-preview-glow-v240{
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  border:55px solid rgba(255,255,255,.035);
  right:-170px;
  top:-160px;
}
.landing-browser-v240{
  width:min(650px,92%);
  background:#f8fbff;
  border:7px solid rgba(255,255,255,.12);
  border-radius:17px;
  box-shadow:0 24px 45px rgba(0,0,0,.28);
  overflow:hidden;
  transform:rotate(-1deg);
  position:relative;
  z-index:2;
}
.landing-browser-top-v240{
  height:49px;
  padding:0 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #dde6f0;
  background:#fff;
}
.landing-browser-brand-v240{display:flex;align-items:center;gap:6px;font-size:11px;color:#0d294c}
.landing-browser-brand-v240 img{width:25px;height:25px;object-fit:contain}
.landing-browser-brand-v240 span{color:var(--red)}
.landing-browser-user-v240{display:flex;align-items:center;gap:6px;font-size:8px;color:#62748a;font-weight:800}
.landing-browser-user-v240 i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#2170e9;color:#fff;font-style:normal}
.landing-browser-body-v240{display:grid;grid-template-columns:112px 1fr;min-height:265px}
.landing-browser-menu-v240{padding:14px 9px;background:#082347;color:#cbd8e7;display:flex;flex-direction:column;gap:6px;font-size:7.5px}
.landing-browser-menu-v240>*{padding:7px 8px;border-radius:6px}
.landing-browser-menu-v240 b{background:#14375f;color:#fff}
.landing-browser-content-v240{padding:14px;background:#f6f9fd}
.landing-browser-welcome-v240{padding:13px;border-radius:10px;background:linear-gradient(135deg,#0a2850,#123f77);color:#fff;position:relative;overflow:hidden}
.landing-browser-welcome-v240:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--yellow),#1769e8,var(--red))}
.landing-browser-welcome-v240 span{display:block;color:#ffe16b;font-size:6.5px;font-weight:950;letter-spacing:.08em}
.landing-browser-welcome-v240 strong{display:block;font-size:14px;margin-top:3px}
.landing-browser-welcome-v240 small{display:block;font-size:7px;color:#c8d7e8;margin-top:2px}
.landing-browser-stats-v240{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}
.landing-browser-stats-v240>div{padding:8px;border:1px solid #e1e7ef;border-radius:8px;background:#fff}
.landing-browser-stats-v240 span{display:block;color:#8b98a8;font-size:6px}
.landing-browser-stats-v240 strong{display:block;color:#102d4e;font-size:10px;margin-top:2px}
.landing-browser-products-v240{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}
.landing-mini-product-v240{display:flex;align-items:center;gap:6px;padding:8px;background:#fff;border:1px solid #e1e7ef;border-radius:8px;min-width:0}
.landing-mini-product-v240 i{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#edf4ff;color:#1769e8;font-style:normal;font-weight:950;font-size:10px;flex:0 0 auto}
.landing-mini-product-v240 div{min-width:0}.landing-mini-product-v240 strong,.landing-mini-product-v240 small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-mini-product-v240 strong{font-size:7px;color:#173451}.landing-mini-product-v240 small{font-size:6px;color:#7b8da2;margin-top:2px}.landing-mini-product-v240.empty{grid-column:1/-1;display:block;text-align:center}
.landing-phone-v240{
  position:absolute;
  z-index:3;
  right:18px;
  bottom:18px;
  width:118px;
  min-height:215px;
  padding:24px 10px 11px;
  border:6px solid #061b3b;
  border-radius:24px;
  background:linear-gradient(160deg,#0e3c76,#082b59);
  box-shadow:0 18px 28px rgba(0,0,0,.28);
  color:#fff;
  text-align:center;
}
.landing-phone-notch-v240{position:absolute;top:6px;left:36px;width:38px;height:6px;border-radius:20px;background:#061a36}
.landing-phone-icon-v240{width:34px;height:34px;margin:4px auto 6px;display:grid;place-items:center;border-radius:50%;background:#2b83ff;font-weight:950}
.landing-phone-v240>strong{display:block;font-size:10px}.landing-phone-v240>small{display:block;font-size:6px;color:#b9cae0;margin-top:1px}
.landing-phone-message-v240{margin-top:9px;padding:7px 5px;border-radius:7px;background:#fff;color:#173451;font-size:6.5px;font-weight:850}
.landing-phone-v240 ul{list-style:none;padding:0;margin:8px 0 0;text-align:left}.landing-phone-v240 li{font-size:6.5px;margin:3px 0;color:#d8e5f3}.landing-phone-v240 li:before{content:"✓";color:#55e4a6;font-weight:950;margin-right:4px}

.landing-trust-v240{
  margin-top:12px;
  display:grid;
  grid-template-columns:minmax(420px,1.7fr) repeat(3,minmax(150px,.65fr));
  gap:0;
  align-items:center;
  border:1px solid #dfe7f0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 7px 22px rgba(6,26,58,.04);
  overflow:hidden;
}
.landing-trust-main-v240{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;padding:14px 18px}
.landing-trust-main-v240>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fff7d6;color:#9b7400;font-size:14px}
.landing-trust-main-v240 strong{display:block;font-size:13px;color:#173451}.landing-trust-main-v240 p{margin:4px 0 0;color:#7a899e;font-size:10px;line-height:1.45}
.landing-trust-item-v240{min-height:62px;padding:11px 13px;border-left:1px solid #e2e8f0;display:flex;align-items:center;gap:8px}
.landing-trust-item-v240>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#edf4ff;color:#1769e8;font-size:11px;font-weight:900;flex:0 0 auto}
.landing-trust-item-v240 strong,.landing-trust-item-v240 small{display:block}.landing-trust-item-v240 strong{font-size:11px;color:#173451}.landing-trust-item-v240 small{font-size:9px;color:#8896a8;margin-top:3px}

.landing-catalog-v240{padding:22px 0 26px}
.landing-section-head-v240{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}
.landing-section-head-v240>div>span{display:block;color:#6f89ad;font-size:10px;font-weight:950;letter-spacing:.1em}
.landing-section-head-v240 h2{margin:3px 0 2px;color:#0b2140;font-size:30px;letter-spacing:-.02em}
.landing-section-head-v240 p{margin:0;color:#78889d;font-size:11px}.landing-section-head-v240>a{color:#1769e8;font-size:11px;font-weight:900}
.landing-product-grid-v240{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.landing-product-card-v240{min-width:0;padding:14px;border:1px solid #dde6ef;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(6,26,58,.045);display:flex;flex-direction:column}
.landing-product-card-v240.sold-out{background:#fbfcfd}
.landing-product-top-v240{display:flex;align-items:center;justify-content:space-between;gap:8px}
.landing-product-mark-v240{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#eaf2ff;color:#1769e8;font-size:13px;font-weight:950}
.landing-stock-v240{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}.landing-stock-v240 i{width:6px;height:6px;border-radius:50%;background:currentColor}.landing-stock-v240.ok{background:#e8f8f1;color:#0a8a5b}.landing-stock-v240.low{background:#fff6d7;color:#8e6900}.landing-stock-v240.off{background:#f0f2f5;color:#788697}
.landing-product-card-v240 h3{margin:12px 0 4px;color:#102d4e;font-size:17px;line-height:1.2}.landing-product-card-v240>p{margin:0;color:#7f8da1;font-size:10px;line-height:1.45;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.landing-product-store-stock-v240{margin-top:8px;color:#5f7086;font-size:10px;line-height:1.35}.landing-product-store-stock-v240 strong{color:#0b2140;font-size:11px}.landing-product-bottom-v240{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #e8edf3}.landing-product-price-v240 small,.landing-product-price-v240 strong{display:block}.landing-product-price-v240 small{color:#8a97a8;font-size:8px}.landing-product-price-v240 strong{color:#0b2140;font-size:14px;margin-top:1px}.landing-product-bottom-v240>a,.landing-product-disabled-v240{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 11px;border-radius:9px;font-size:9px;font-weight:900}.landing-product-bottom-v240>a{background:#1769e8;color:#fff}.landing-product-bottom-v240>a:hover{background:#0e57c8}.landing-product-disabled-v240{background:#f0f2f5;color:#8a96a6}
.landing-catalog-empty-v240{grid-column:1/-1;padding:30px;border:1px dashed #cad5e2;border-radius:14px;background:#fff;text-align:center;color:#7b899d}

.landing-how-v240{padding:12px 0 34px}.landing-section-head-v240.compact{margin-bottom:9px}.landing-section-head-v240.compact h2{font-size:22px}
.landing-how-grid-v240{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.landing-how-grid-v240>div{padding:14px;border:1px solid #dfe7f0;border-radius:13px;background:#fff}.landing-how-grid-v240 b{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#edf4ff;color:#1769e8;font-size:10px}.landing-how-grid-v240 strong{display:block;margin-top:7px;color:#173451;font-size:10px}.landing-how-grid-v240 p{margin:3px 0 0;color:#8090a4;font-size:8px;line-height:1.35}

@media(max-width:1200px){
  .landing-hero-v240{grid-template-columns:1fr 1fr}.landing-preview-v240{padding-left:20px}.landing-phone-v240{display:none}.landing-trust-v240{grid-template-columns:1.6fr repeat(3,.7fr)}.landing-product-grid-v240{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:980px){
  .landing-hero-v240{grid-template-columns:1fr}.landing-preview-v240{min-height:360px}.landing-trust-v240{grid-template-columns:1fr 1fr}.landing-trust-main-v240{grid-column:1/-1}.landing-trust-item-v240{border-top:1px solid #e2e8f0;border-left:0}.landing-product-grid-v240{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .landing-v240{padding-bottom:68px}.landing-hero-v240{margin-top:10px}.landing-hero-copy-v240{min-height:0;padding:27px 20px;border-radius:17px}.landing-hero-copy-v240 h1{font-size:34px}.landing-hero-copy-v240>p{font-size:11px}.landing-benefits-mini-v240{grid-template-columns:1fr;gap:7px}.landing-preview-v240{min-height:275px;padding:18px 12px;border-radius:17px}.landing-browser-v240{width:100%;transform:none}.landing-browser-body-v240{grid-template-columns:83px 1fr;min-height:210px}.landing-browser-menu-v240{padding:9px 5px;font-size:6px}.landing-browser-content-v240{padding:8px}.landing-browser-products-v240{grid-template-columns:1fr}.landing-mini-product-v240:nth-child(n+2){display:none}.landing-trust-v240{grid-template-columns:1fr}.landing-trust-main-v240{grid-column:auto;padding:14px}.landing-trust-item-v240{border-top:1px solid #e2e8f0}.landing-product-grid-v240{grid-template-columns:1fr}.landing-section-head-v240{align-items:flex-start;flex-direction:column}.landing-section-head-v240 h2{font-size:26px}.landing-product-card-v240{padding:13px}.landing-how-grid-v240{grid-template-columns:1fr 1fr}.public-footer{padding-bottom:20px}
}


/* =====================================================================
   ECUACINE WEB v2.3.43 — TIENDA ADMIN
   ===================================================================== */
.admin-store-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:17px 19px;border:1px solid #dce6f1;border-radius:16px;background:#fff;box-shadow:0 7px 24px rgba(15,48,88,.045)}
.admin-store-hero h2{margin:3px 0;color:#102d4e;font-size:23px}.admin-store-hero p{max-width:760px;margin:0;color:#73849a;font-size:10px;line-height:1.5}.admin-store-rules{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.admin-store-rules span{padding:6px 9px;border-radius:999px;background:#edf8f3;color:#137453;font-size:8px;font-weight:850;white-space:nowrap}
.admin-store-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);gap:13px}.admin-store-form-card,.admin-store-stock-card,.admin-store-policy-card{padding:17px}.admin-store-card-head{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;margin-bottom:14px}.admin-store-step{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#eaf3ff;color:#1769e8;font-size:11px;font-weight:950}.admin-store-card-head h3{margin:0;color:#173451;font-size:13px}.admin-store-card-head p{margin:2px 0 0;color:#8492a4;font-size:8px}.admin-store-form{display:grid;gap:11px}.admin-store-selected-user{margin-top:6px;padding:8px 9px;border:1px solid #dbe7f4;border-radius:9px;background:#f7faff}.admin-store-selected-user strong,.admin-store-selected-user small{display:block}.admin-store-selected-user strong{color:#1a3d65;font-size:9px}.admin-store-selected-user small{margin-top:2px;color:#7d8ea3;font-size:7px}.admin-store-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-store-scope-option{position:relative;display:grid;grid-template-columns:35px 1fr;gap:9px;align-items:center;padding:10px;border:1px solid #dce5ef;border-radius:11px;background:#fbfcfe;cursor:pointer}.admin-store-scope-option input{position:absolute;opacity:0}.admin-store-scope-option>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eef4fb;font-size:14px}.admin-store-scope-option strong,.admin-store-scope-option small{display:block}.admin-store-scope-option strong{color:#173451;font-size:9px}.admin-store-scope-option small{margin-top:2px;color:#8190a3;font-size:7px;line-height:1.35}.admin-store-scope-option:has(input:checked){border-color:#8bb7ef;background:#f0f6ff;box-shadow:0 0 0 2px rgba(23,105,232,.06)}.admin-store-scope-option.reserved:has(input:checked){border-color:#aa9ce7;background:#f7f5ff}.admin-store-quantity-field{max-width:220px}.admin-store-side{display:grid;gap:12px;align-content:start}.admin-store-stock-card h3{margin:4px 0 10px;color:#173451;font-size:14px}.admin-store-product-list{display:grid;gap:6px}.admin-store-product-list>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 9px;border-radius:9px;background:#f8fafc;border:1px solid #e5ebf2}.admin-store-product-list strong{color:#173451;font-size:8.5px}.admin-store-product-list span{color:#76879c;font-size:7px;text-align:right}.admin-store-policy-card{display:grid;grid-template-columns:31px 1fr;gap:8px;background:#f8fbff}.admin-store-policy-card>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e8f2ff;color:#1769e8;font-weight:950}.admin-store-policy-card strong{color:#315476;font-size:9px}.admin-store-policy-card p{margin:4px 0 0;color:#76889e;font-size:7.5px;line-height:1.45}
.admin-store-confirm,.admin-store-success{padding:18px}.admin-store-confirm-head,.admin-store-success-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid #e7edf4}.admin-store-confirm-head h2,.admin-store-success-head h2{margin:3px 0 0;color:#102d4e;font-size:17px}.admin-store-success-head p{margin:3px 0 0;color:#7d8ca0;font-size:9px}.admin-store-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.admin-store-summary-grid>div{min-height:75px;padding:10px;border:1px solid #e1e8f0;border-radius:10px;background:#f9fbfd}.admin-store-summary-grid span,.admin-store-summary-grid strong,.admin-store-summary-grid small{display:block}.admin-store-summary-grid span{color:#8492a4;font-size:7px;text-transform:uppercase;letter-spacing:.045em}.admin-store-summary-grid strong{margin-top:4px;color:#173451;font-size:10px;word-break:break-word}.admin-store-summary-grid small{margin-top:3px;color:#8593a4;font-size:7px}.admin-store-confirm-form{margin-top:13px;padding-top:13px;border-top:1px solid #e7edf4}.admin-store-price-field{max-width:420px}.admin-store-price-field label span{color:#8996a7;font-size:7px;font-weight:700}.admin-store-price-field small{display:block;margin-top:4px;color:#8492a4;font-size:7.5px;line-height:1.4}.admin-store-confirm-warning{margin:12px 0;padding:10px 11px;border:1px solid #f1dfaa;border-radius:10px;background:#fffaf0}.admin-store-confirm-warning strong,.admin-store-confirm-warning span{display:block}.admin-store-confirm-warning strong{color:#76570b;font-size:8.5px}.admin-store-confirm-warning span{margin-top:3px;color:#8b772f;font-size:7.5px}.admin-store-confirm-button{min-height:40px}.admin-store-success-note{margin:12px 0;padding:10px 11px;border-radius:10px;background:#eef9f4;color:#277258;font-size:8px;line-height:1.45}.admin-store-post-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.admin-store-operation{border-color:#d9d3f5!important;background:linear-gradient(180deg,#fff,#faf9ff)!important}
@media(max-width:1000px){.admin-store-layout{grid-template-columns:1fr}.admin-store-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.admin-store-hero{align-items:flex-start;flex-direction:column}.admin-store-rules{justify-content:flex-start}.admin-store-scope-grid{grid-template-columns:1fr}.admin-store-summary-grid{grid-template-columns:1fr}.admin-store-confirm-head,.admin-store-success-head{flex-direction:column}.admin-store-post-actions{flex-direction:column}.admin-store-post-actions .btn{width:100%}}


/* v2.3.44 — Tienda Admin quick self-select + Inventory typography */
.admin-store-client-entry{display:flex;gap:10px;align-items:center}
.admin-store-client-entry input{flex:1 1 auto}
.admin-store-self-button{white-space:nowrap;min-height:44px;font-size:14px;font-weight:800}
.admin-store-input-helper{margin-top:6px;color:#7b8da3;font-size:11px;line-height:1.45}

.inventory-list-head h2{font-size:23px}
.inventory-list-head p{font-size:11px}
.inventory-delete-only-table th{font-size:10px;letter-spacing:.06em}
.inventory-delete-only-table td{font-size:11px;padding-top:14px;padding-bottom:14px}
.inventory-id{font-size:11px}
.inventory-product-name{font-size:11px;line-height:1.35}
.inventory-account-email,.inventory-account-password{font-size:11px;line-height:1.35;word-break:break-word}
.inventory-pool-pill{font-size:10px;padding:6px 9px}
.inventory-delete-button{font-size:11px;padding:8px 12px}
.inventory-presale-notice strong{font-size:14px}
.inventory-presale-notice p{font-size:11px}
.inventory-format-example span{font-size:10px}
.inventory-format-example code{font-size:11px}
.admin-inventory-add h2,.admin-inventory-filter h2{font-size:23px}
.admin-inventory-add .admin-form-helper,.admin-inventory-filter .admin-form-helper{font-size:11px}
.admin-inventory-textarea{font-size:11px;line-height:1.45;min-height:170px}
.inventory-empty-state strong{font-size:14px}
.inventory-empty-state small{font-size:11px}
@media (max-width: 820px){
  .admin-store-client-entry{flex-direction:column;align-items:stretch}
  .admin-store-self-button{width:100%}
  .inventory-delete-only-table td{font-size:11px}
  .inventory-account-email,.inventory-account-password,.inventory-product-name{font-size:11px}
}

/* =====================================================================
   ECUACINE WEB v2.3.47 — REVISIÓN TIENDA ADMIN + ACCIONES MASIVAS CUENTAS
   ===================================================================== */

/* Revisión de Tienda Admin: lectura más cómoda sin agrandar toda la pantalla */
.admin-store-confirm-head h2{font-size:17px!important}
.admin-store-confirm-head .eyebrow{font-size:10px!important}
.admin-store-summary-grid>div{min-height:86px;padding:13px 14px}
.admin-store-summary-grid span{font-size:9px!important}
.admin-store-summary-grid strong{font-size:11px!important;line-height:1.35}
.admin-store-summary-grid small{font-size:9.5px!important;line-height:1.35}
.admin-store-price-field>label{font-size:11px!important}
.admin-store-price-field>label span{font-size:9px!important}
.admin-store-price-field input{font-size:13px!important;min-height:48px}
.admin-store-price-field small{font-size:10px!important;line-height:1.5}
.admin-store-confirm-warning{padding:13px 14px}
.admin-store-confirm-warning strong{font-size:11px!important}
.admin-store-confirm-warning span{font-size:10px!important;line-height:1.45}
.admin-store-confirm-button{min-height:45px;font-size:11px!important}

/* Selección en Administración > Cuentas */
.admin-account-select-head,.admin-account-select-cell{width:46px!important;text-align:center!important;padding-left:10px!important;padding-right:6px!important}
.admin-account-master-check,.admin-account-row-check{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.admin-account-master-check input,.admin-account-row-check input{position:absolute;opacity:0;pointer-events:none}
.admin-account-master-check span,.admin-account-row-check span{width:18px;height:18px;border:1.5px solid #b8c7d8;border-radius:5px;background:#fff;display:block;position:relative;transition:.15s ease}
.admin-account-master-check input:checked+span,.admin-account-row-check input:checked+span{background:#1769e8;border-color:#1769e8}
.admin-account-master-check input:checked+span:after,.admin-account-row-check input:checked+span:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:950}
.admin-account-master-check input:indeterminate+span{background:#1769e8;border-color:#1769e8}
.admin-account-master-check input:indeterminate+span:after{content:"−";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:950}
.admin-account-no-select{color:#a2adba;font-size:11px}
.admin-accounts-table tbody tr.admin-account-row-selected td{background:#f3f8ff}

.admin-account-bulk-bar{position:sticky;bottom:14px;z-index:30;margin:12px 0 0;padding:12px 14px;border:1px solid #cbdcf1;border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 12px 32px rgba(8,35,73,.14);display:flex;align-items:center;gap:14px;backdrop-filter:blur(10px)}
.admin-account-bulk-bar[hidden]{display:none!important}
.admin-account-bulk-clear{width:30px;height:30px;border:0;border-radius:8px;background:#eef3f8;color:#52677f;font-size:17px;cursor:pointer}
.admin-account-bulk-count{display:flex;align-items:baseline;gap:5px;min-width:115px}
.admin-account-bulk-count strong{font-size:17px;color:#102d4e}.admin-account-bulk-count span{font-size:10px;color:#728399}
.admin-account-bulk-context{flex:1;color:#63758c;font-size:10px;line-height:1.4}
.admin-account-bulk-actions{display:flex;align-items:center;gap:8px}
.admin-account-bulk-actions .btn{min-height:39px;font-size:10px;white-space:nowrap}
.admin-account-bulk-actions .btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.25)}
.admin-bulk-delete-button{background:#fff2f3;color:#bd263b;border:1px solid #f1bcc4;font-weight:900}
.admin-bulk-delete-button:hover{background:#ffe7ea}

/* Cotización / confirmación de renovación administrativa */
.admin-renew-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:14px 16px;border:1px solid #dce6f1;border-radius:16px;background:#fff;box-shadow:0 7px 24px rgba(15,48,88,.045)}
.admin-renew-hero h2{margin:4px 0 3px;color:#102d4e;font-size:17px}.admin-renew-hero p{margin:0;color:#73849a;font-size:11px;line-height:1.5}.admin-renew-hero p strong{color:#1f5e49}
.admin-renew-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:14px}.admin-renew-summary,.admin-renew-options{padding:18px}.admin-renew-summary-head h3,.admin-renew-options h3{margin:4px 0 10px;color:#173451;font-size:17px}.admin-renew-options>p{margin:-5px 0 12px;color:#7e8da0;font-size:10px}
.admin-renew-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.admin-renew-meta-grid>div{padding:11px 12px;border:1px solid #e1e8f0;border-radius:10px;background:#f8fafc}.admin-renew-meta-grid span,.admin-renew-meta-grid strong,.admin-renew-meta-grid small{display:block}.admin-renew-meta-grid span{font-size:8px;color:#8492a4;text-transform:uppercase;letter-spacing:.05em}.admin-renew-meta-grid strong{margin-top:3px;font-size:11px;color:#173451}.admin-renew-meta-grid small{margin-top:2px;font-size:9px;color:#7d8ea3}
.admin-renew-account-list{display:grid;gap:6px;max-height:360px;overflow:auto}.admin-renew-account-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 11px;border:1px solid #e5ebf2;border-radius:9px;background:#fff}.admin-renew-account-list strong{font-size:11px;color:#173451;word-break:break-all}.admin-renew-account-list span{font-size:9px;color:#7d8da1;white-space:nowrap}
.admin-renew-option-list{display:grid;gap:8px}.admin-renew-option{position:relative;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid #dce5ef;border-radius:11px;background:#fbfcfe;cursor:pointer}.admin-renew-option input{position:absolute;opacity:0}.admin-renew-radio{width:18px;height:18px;border-radius:50%;border:1.5px solid #aebfd2;background:#fff;position:relative}.admin-renew-option input:checked+.admin-renew-radio{border-color:#1769e8}.admin-renew-option input:checked+.admin-renew-radio:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#1769e8}.admin-renew-option:has(input:checked){border-color:#81afe9;background:#f2f7ff;box-shadow:0 0 0 2px rgba(23,105,232,.05)}.admin-renew-option strong{display:block;color:#173451;font-size:11px}.admin-renew-option small{display:block;margin-top:2px;color:#7d8da1;font-size:9px}.admin-renew-option b{color:#102d4e;font-size:13px}
.admin-renew-warning{margin:12px 0;padding:11px 12px;border:1px solid #f1dfaa;border-radius:10px;background:#fffaf0}.admin-renew-warning strong,.admin-renew-warning span{display:block}.admin-renew-warning strong{color:#76570b;font-size:10px}.admin-renew-warning span{margin-top:3px;color:#8b772f;font-size:9px;line-height:1.45}.admin-renew-confirm{min-height:44px;font-size:11px}

@media(max-width:980px){.admin-renew-layout{grid-template-columns:1fr}.admin-account-bulk-bar{align-items:flex-start;flex-wrap:wrap}.admin-account-bulk-context{min-width:260px}.admin-account-bulk-actions{margin-left:auto}}
@media(max-width:650px){.admin-store-summary-grid span{font-size:8.5px!important}.admin-store-summary-grid strong{font-size:11px!important}.admin-renew-hero{align-items:flex-start;flex-direction:column}.admin-renew-meta-grid{grid-template-columns:1fr}.admin-renew-account-list>div{align-items:flex-start;flex-direction:column;gap:3px}.admin-account-bulk-bar{position:static}.admin-account-bulk-context{min-width:100%;order:4}.admin-account-bulk-actions{width:100%;margin-left:0}.admin-account-bulk-actions .btn{flex:1}.admin-account-select-head,.admin-account-select-cell{position:sticky;left:0;background:#fff;z-index:2}}


/* v2.3.52 — Ventas históricas en dos etapas */
.historical-client-validated{display:flex;align-items:center;gap:12px;justify-content:space-between}
.historical-client-validated .historical-selected-user{flex:1;margin-top:0}
.historical-client-first-note{margin-top:9px;padding:9px 11px;border-radius:9px;background:#f6f9fd;color:#72839a;font-size:11px;line-height:1.45}
.historical-sale-product{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start}
.historical-sale-product .field{margin-top:10px;max-width:720px}
@media(max-width:700px){
  .historical-client-validated{align-items:stretch;flex-direction:column}
  .historical-client-validated .btn{width:100%}
}


/* =====================================================================
   ECUACINE WEB v2.3.55 — DISNEY+ SOLO CÓDIGO + HOGAR
   ===================================================================== */
.mail-product-picker,
.admin-mail-service-picker{grid-template-columns:repeat(2,minmax(0,1fr));}
.mail-client-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.admin-mail-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.mail-household-action{border-color:#cbd9f4;background:#f7f9ff;}
.mail-household-action .mail-action-icon{background:#e9efff;color:#465fc8;}
@media(max-width:700px){
  .mail-product-picker,.admin-mail-service-picker,.mail-client-action-grid,.admin-mail-action-grid{grid-template-columns:1fr;}
}


/* =====================================================================
   ECUACINE WEB v2.3.56 — ajustes visuales en Códigos y renovación
   ===================================================================== */
.mail-household-action small{
  max-width: 280px;
}

.renew-quote-layout-enhanced{
  grid-template-columns:minmax(350px,.9fr) minmax(470px,1.1fr);
  gap:18px;
  align-items:start;
}
.renew-summary-card-enhanced,
.renew-options-card-enhanced{
  border-radius:24px;
  padding:22px 22px 20px;
  box-shadow:0 18px 48px rgba(17,49,95,.08);
}
.renew-summary-card-enhanced h2,
.renew-options-card-enhanced h2{
  font-size:14px;
  line-height:1.08;
  letter-spacing:-.03em;
  margin:4px 0 12px;
}
.renew-summary-intro{
  margin:0 0 14px;
  font-size:11px;
  line-height:1.5;
  color:#68809c;
}
.renew-summary-list-enhanced{
  gap:10px;
  max-height:none;
}
.renew-summary-item{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:12px;
  align-items:center;
  background:linear-gradient(180deg,#f8fbff 0%,#f3f7fd 100%);
  border:1px solid #e3ebf6;
  border-radius:15px;
  padding:14px 16px;
}
.renew-summary-avatar{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#e8f2ff;
  color:#1769e8;
  font-size:14px;
  line-height:1;
}
.renew-summary-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.renew-summary-list-enhanced strong{
  font-size:13px;
  line-height:1.2;
  color:#132a4a;
  word-break:break-word;
}
.renew-summary-list-enhanced span{
  font-size:11px;
  color:#6e8098;
  margin-top:3px;
}
.renew-option-list-enhanced{
  gap:14px;
  margin-top:4px;
  margin-bottom:16px;
}
.renew-option-enhanced{
  grid-template-columns:24px 1fr auto;
  gap:12px;
  padding:14px 16px;
  border-radius:15px;
  background:#fff;
  border:1.5px solid #d9e4f0;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
}
.renew-option-enhanced:hover{
  border-color:#8db7ef;
  background:#f8fbff;
}
.renew-option-enhanced .renew-option-radio{
  width:18px;
  height:18px;
  border-width:1.5px;
  align-self:center;
}
.renew-option-enhanced>input:checked + .renew-option-radio{
  border:5px solid #1769e8;
}
.renew-option-enhanced div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.renew-option-enhanced strong{
  font-size:13px;
  line-height:1.15;
  color:#132a4a;
}
.renew-option-enhanced small{
  font-size:11px;
  line-height:1.35;
  color:#70839c;
  margin-top:0;
}
.renew-option-enhanced>b{
  font-size:14px;
  color:#102d4e;
  line-height:1;
  white-space:nowrap;
}
.renew-confirm-btn{
  min-height:52px;
  border-radius:15px;
  font-size:13px;
  font-weight:900;
  letter-spacing:-.01em;
  box-shadow:0 14px 30px rgba(23,105,232,.24);
}

@media (max-width: 900px){
  .renew-quote-layout-enhanced{grid-template-columns:1fr;gap:16px}
  .renew-summary-card-enhanced,
  .renew-options-card-enhanced{padding:18px 16px}
  .renew-summary-card-enhanced h2,
  .renew-options-card-enhanced h2{font-size:17px}
  .renew-summary-list-enhanced strong{font-size:14px}
  .renew-option-enhanced{padding:16px}
  .renew-option-enhanced strong{font-size:14px}
  .renew-option-enhanced small{font-size:11px}
  .renew-option-enhanced>b{font-size:17px}
}

@media (max-width: 600px){
  .renew-summary-item{grid-template-columns:38px 1fr;gap:10px;padding:12px}
  .renew-summary-avatar{width:36px;height:36px;font-size:18px}
  .renew-summary-list-enhanced strong{font-size:13px}
  .renew-summary-list-enhanced span{font-size:11px}
  .renew-option-enhanced{grid-template-columns:22px 1fr auto;gap:10px;padding:12px}
  .renew-option-enhanced .renew-option-radio{width:18px;height:18px}
  .renew-option-enhanced>input:checked + .renew-option-radio{border-width:5px}
  .renew-option-enhanced strong{font-size:13px}
  .renew-option-enhanced small{font-size:11px}
  .renew-option-enhanced>b{font-size:18px}
  .renew-confirm-btn{min-height:58px;font-size:14px}
}

/* ECUACINE WEB v2.3.57 — override final de escala para renovación */
.renew-summary-card-enhanced h2,
.renew-options-card-enhanced h2{font-size:24px;margin:4px 0 12px}
.renew-summary-intro{font-size:14px;line-height:1.5;margin:0 0 14px}
.renew-summary-avatar{font-size:20px}
.renew-summary-list-enhanced strong{font-size:15px;line-height:1.2}
.renew-summary-list-enhanced span{font-size:12px;margin-top:3px}
.renew-option-list-enhanced{gap:10px;margin-bottom:16px}
.renew-option-enhanced{grid-template-columns:18px 1fr auto;gap:12px;padding:14px 16px}
.renew-option-enhanced strong{font-size:15px;line-height:1.15}
.renew-option-enhanced small{font-size:12px;line-height:1.35}
.renew-option-enhanced>b{font-size:18px}
.renew-confirm-btn{min-height:54px;font-size:16px;border-radius:15px}
@media (max-width:900px){
  .renew-summary-card-enhanced h2,
  .renew-options-card-enhanced h2{font-size:21px}
  .renew-summary-list-enhanced strong{font-size:14px}
  .renew-option-enhanced strong{font-size:14px}
  .renew-option-enhanced small{font-size:11px}
  .renew-option-enhanced>b{font-size:17px}
}
@media (max-width:600px){
  .renew-summary-list-enhanced strong{font-size:13px}
  .renew-summary-list-enhanced span{font-size:11px}
  .renew-option-enhanced{grid-template-columns:18px 1fr auto;gap:10px;padding:12px}
  .renew-option-enhanced strong{font-size:13px}
  .renew-option-enhanced small{font-size:11px}
  .renew-option-enhanced>b{font-size:16px}
  .renew-confirm-btn{min-height:50px;font-size:14px}
}


/* =====================================================================
   ECUACINE WEB v2.3.60 — selector de método de pago del carrito
   ===================================================================== */
.payment-method-open{min-height:52px}
.payment-modal-open{overflow:hidden}
.payment-method-overlay[hidden]{display:none!important}
.payment-method-overlay{
  position:fixed;inset:0;z-index:2500;display:grid;place-items:center;
  padding:20px;background:rgba(7,19,40,.64);backdrop-filter:blur(5px)
}
.payment-method-modal{
  position:relative;width:min(620px,100%);max-height:min(780px,calc(100vh - 32px));
  overflow:auto;background:#fff;border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.28)
}
.payment-method-close{
  position:absolute;z-index:2;right:18px;top:16px;width:42px;height:42px;border:0;
  border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:30px;
  line-height:1;cursor:pointer
}
.payment-method-hero{
  text-align:center;padding:30px 28px 34px;color:#fff;
  background:linear-gradient(135deg,#547ce7 0%,#7653b6 100%);
  border-radius:28px 28px 42% 42% / 28px 28px 36px 36px
}
.payment-method-icon{
  width:82px;height:82px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.18);font-size:34px;font-weight:900
}
.payment-method-hero h2{font-size:28px;margin:0 0 6px;letter-spacing:-.025em}
.payment-method-hero p{margin:0;color:rgba(255,255,255,.88);font-size:15px}
.payment-method-body{display:grid;gap:14px;padding:28px 28px 20px}
.payment-choice{
  position:relative;display:grid;grid-template-columns:58px 1fr 26px;gap:16px;align-items:center;
  border:2px solid #e1e8f1;border-radius:20px;padding:18px;background:#fff;cursor:pointer;
  transition:border-color .15s,box-shadow .15s,background .15s
}
.payment-choice:hover:not(.is-disabled){border-color:#a9c5f0;background:#fbfdff}
.payment-choice.selected{border-color:#6b7ee8;background:#f5f7ff;box-shadow:0 0 0 4px rgba(85,112,228,.08)}
.payment-choice.is-disabled{opacity:.58;cursor:not-allowed;background:#f8fafc}
.payment-choice>input{position:absolute;opacity:0;pointer-events:none}
.payment-choice-icon{
  width:58px;height:58px;border-radius:17px;display:grid;place-items:center;
  background:linear-gradient(135deg,#5a7ce7,#7c4eb6);color:#fff;font-size:24px;font-weight:900
}
.payment-choice-icon.auto{background:linear-gradient(135deg,#4e75de,#6f55ba)}
.payment-choice-copy{display:flex;flex-direction:column;min-width:0}
.payment-choice-copy strong{font-size:18px;color:#172b49}
.payment-choice-copy small{font-size:13px;color:#718198;margin-top:4px;line-height:1.4}
.payment-choice-copy>b{font-size:12px;margin-top:7px;font-weight:800}
.payment-choice-copy>b.available{color:#1769e8}.payment-choice-copy>b.unavailable{color:#d94545}
.payment-choice-title-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.payment-choice-title-row em{
  font-style:normal;font-size:9px;letter-spacing:.04em;font-weight:950;color:#fff;
  background:#7253bb;border-radius:999px;padding:5px 8px
}
.payment-choice-radio{
  width:24px;height:24px;border-radius:50%;border:2px solid #c7d4e4;background:#fff;position:relative
}
.payment-choice.selected .payment-choice-radio{border-color:#687be6;background:#687be6}
.payment-choice.selected .payment-choice-radio:after{
  content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:950
}
.payment-method-footer{
  position:sticky;bottom:0;display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;
  padding:18px 28px 26px;background:rgba(255,255,255,.97);border-top:1px solid #edf1f6
}
.payment-method-footer .btn{min-height:54px;border-radius:16px;font-size:14px;font-weight:900}
.payment-method-confirm:disabled{opacity:.5;cursor:not-allowed}

@media(max-width:600px){
  .payment-method-overlay{padding:8px;align-items:end}
  .payment-method-modal{max-height:94vh;border-radius:24px 24px 18px 18px}
  .payment-method-hero{padding:24px 18px 28px;border-radius:24px 24px 34px 34px}
  .payment-method-icon{width:68px;height:68px;font-size:28px;margin-bottom:12px}
  .payment-method-hero h2{font-size:24px}.payment-method-hero p{font-size:13px}
  .payment-method-body{padding:20px 16px 16px;gap:12px}
  .payment-choice{grid-template-columns:48px 1fr 22px;gap:12px;padding:14px;border-radius:17px}
  .payment-choice-icon{width:48px;height:48px;border-radius:14px;font-size:20px}
  .payment-choice-copy strong{font-size:15px}.payment-choice-copy small{font-size:11px}
  .payment-choice-radio{width:22px;height:22px}
  .payment-method-footer{grid-template-columns:1fr;gap:10px;padding:14px 16px 18px}
}


/* =====================================================================
   ECUACINE WEB v2.3.61 — refinamiento visual del modal de pago
   ===================================================================== */
.payment-method-overlay{
  background:rgba(15,31,57,.46);
  backdrop-filter:blur(6px);
}
.payment-method-modal{
  width:min(580px,100%);
  max-height:min(760px,calc(100vh - 40px));
  border-radius:24px;
  border:1px solid #dfe8f3;
  box-shadow:0 28px 70px rgba(17,42,74,.18);
}
.payment-method-close{
  right:16px;
  top:16px;
  width:40px;
  height:40px;
  background:#f2f6fb;
  color:#58708c;
  font-size:24px;
}
.payment-method-close:hover{background:#e8eff8;color:#173659}
.payment-method-hero{
  text-align:left;
  padding:26px 28px 18px;
  color:#132a4a;
  background:linear-gradient(180deg,#f7fbff 0%,#eef5fc 100%);
  border-radius:24px 24px 0 0;
  border-bottom:1px solid #e6eef7;
}
.payment-method-icon{
  width:58px;
  height:58px;
  margin:0 0 14px;
  border-radius:18px;
  background:#e8f1ff;
  color:#2a6de6;
  font-size:24px;
}
.payment-method-hero h2{
  font-size:24px;
  margin:0 0 6px;
  letter-spacing:-.025em;
  color:#132a4a;
}
.payment-method-hero p{
  margin:0;
  color:#647b95;
  font-size:14px;
}
.payment-method-body{
  display:grid;
  gap:14px;
  padding:20px 28px 18px;
}
.payment-choice{
  grid-template-columns:52px 1fr 22px;
  gap:14px;
  border:1.5px solid #dce7f2;
  border-radius:18px;
  padding:16px;
  background:#fff;
}
.payment-choice:hover:not(.is-disabled){
  border-color:#9abcec;
  background:#fbfdff;
}
.payment-choice.selected{
  border-color:#2c6de7;
  background:#f7fbff;
  box-shadow:0 0 0 3px rgba(44,109,231,.08);
}
.payment-choice.is-disabled{
  opacity:.72;
  background:#f8fafc;
}
.payment-choice-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  background:linear-gradient(180deg,#edf4ff 0%,#dfeafb 100%);
  color:#2b6ee8;
  font-size:22px;
}
.payment-choice-icon.auto{
  background:linear-gradient(180deg,#eef2ff 0%,#e4e8fb 100%);
  color:#4f61d8;
}
.payment-choice-copy strong{
  font-size:17px;
  color:#132a4a;
}
.payment-choice-copy small{
  font-size:13px;
  color:#72859d;
  margin-top:4px;
}
.payment-choice-copy>b{
  font-size:12px;
  margin-top:8px;
  font-weight:800;
}
.payment-choice-title-row em{
  font-size:10px;
  letter-spacing:.03em;
  font-weight:900;
  color:#2d63bf;
  background:#ebf3ff;
  border:1px solid #cfe0fb;
  padding:4px 8px;
}
.payment-choice-radio{
  width:20px;
  height:20px;
  border:2px solid #c5d4e6;
}
.payment-choice.selected .payment-choice-radio{
  border-color:#2c6de7;
  background:#2c6de7;
}
.payment-choice.selected .payment-choice-radio:after{font-size:12px}
.payment-method-footer{
  position:static;
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding:0 28px 24px;
  background:#fff;
  border-top:0;
}
.payment-method-footer .btn{
  min-height:50px;
  border-radius:14px;
  font-size:14px;
  font-weight:900;
}
.payment-method-back{
  background:#f4f7fb;
  border:1px solid #d8e3ef;
  color:#294260;
}
.payment-method-back:hover{background:#ebf2f9}
.payment-method-confirm{box-shadow:none}
.payment-method-confirm:disabled{opacity:.45;cursor:not-allowed}

@media(max-width:600px){
  .payment-method-overlay{padding:10px;align-items:end}
  .payment-method-modal{max-height:92vh;border-radius:22px 22px 18px 18px}
  .payment-method-hero{padding:22px 18px 16px;border-radius:22px 22px 0 0}
  .payment-method-icon{width:52px;height:52px;border-radius:16px;font-size:22px;margin-bottom:12px}
  .payment-method-hero h2{font-size:22px}
  .payment-method-hero p{font-size:13px}
  .payment-method-body{padding:16px 16px 14px;gap:12px}
  .payment-choice{grid-template-columns:46px 1fr 20px;gap:12px;padding:14px;border-radius:16px}
  .payment-choice-icon{width:46px;height:46px;border-radius:14px;font-size:19px}
  .payment-choice-copy strong{font-size:15px}
  .payment-choice-copy small{font-size:12px}
  .payment-choice-copy>b{font-size:11px}
  .payment-method-footer{grid-template-columns:1fr;gap:10px;padding:0 16px 16px}
}


/* =====================================================================
   ECUACINE WEB v2.3.62 — modal de pago en máxima calidad visual
   ===================================================================== */
.payment-method-modal,
.payment-method-modal *{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
.payment-method-overlay{
  background:rgba(10,24,44,.38);
  backdrop-filter:blur(4px);
}
.payment-method-modal{
  width:min(560px,100%);
  max-height:min(740px,calc(100vh - 44px));
  border-radius:22px;
  border:1px solid #dde7f2;
  box-shadow:0 24px 64px rgba(10,31,61,.16);
  overflow:hidden;
}
.payment-method-close{
  right:14px;
  top:14px;
  width:38px;
  height:38px;
  border:1px solid #d8e3ef;
  background:#fff;
  color:#627791;
  font-size:22px;
  box-shadow:0 6px 16px rgba(9,31,58,.08);
}
.payment-method-close:hover{background:#f7faff;color:#163455}
.payment-method-hero{
  text-align:left;
  padding:22px 24px 14px;
  color:#132a4a;
  background:#f8fbff;
  border-radius:0;
  border-bottom:1px solid #e7eff8;
}
.payment-method-icon{
  width:50px;
  height:50px;
  margin:0 0 12px;
  border-radius:14px;
  background:#eaf2ff;
  color:#2a6de6;
  font-size:22px;
}
.payment-method-hero h2{
  font-size:20px;
  line-height:1.15;
  font-weight:850;
  letter-spacing:-.02em;
  margin:0 0 6px;
  color:#112b4d;
}
.payment-method-hero p{
  margin:0;
  color:#627791;
  font-size:14px;
  line-height:1.45;
  font-weight:500;
}
.payment-method-body{
  gap:12px;
  padding:18px 24px 16px;
}
.payment-method-summary-bar{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:2px;
}
.payment-method-summary-bar>div{
  background:#f8fbff;
  border:1px solid #e2ecf7;
  border-radius:14px;
  padding:12px 14px;
}
.payment-method-summary-bar span{
  display:block;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#71849d;
  margin-bottom:6px;
}
.payment-method-summary-bar strong{
  display:block;
  font-size:20px;
  line-height:1;
  color:#132a4a;
  font-weight:850;
}
.payment-choice{
  grid-template-columns:46px 1fr 18px;
  gap:14px;
  align-items:center;
  border:1px solid #dbe7f2;
  border-radius:16px;
  padding:15px 16px;
  background:#fff;
}
.payment-choice:hover:not(.is-disabled){border-color:#aac4e8;background:#fbfdff}
.payment-choice.selected{
  border-color:#2a6de6;
  background:#f8fbff;
  box-shadow:0 0 0 2px rgba(42,109,230,.08);
}
.payment-choice.is-disabled{
  opacity:.8;
  background:#fbfcfe;
}
.payment-choice-icon{
  width:46px;
  height:46px;
  border-radius:14px;
  background:#eef4ff;
  color:#2a6de6;
  font-size:20px;
}
.payment-choice-icon.auto{
  background:#eef3ff;
  color:#5364d6;
}
.payment-choice-copy strong{
  font-size:16px;
  font-weight:850;
  line-height:1.2;
  color:#132a4a;
}
.payment-choice-copy small{
  font-size:13px;
  color:#6f839b;
  margin-top:3px;
  line-height:1.42;
  font-weight:500;
}
.payment-choice-copy>b{
  display:block;
  font-size:12px;
  margin-top:7px;
  line-height:1.35;
  font-weight:800;
}
.payment-choice-copy>b.available{color:#135fd6}
.payment-choice-copy>b.unavailable{color:#de5b5b}
.payment-choice-title-row{gap:8px}
.payment-choice-title-row em{
  font-size:10px;
  letter-spacing:.04em;
  font-weight:850;
  color:#3566bc;
  background:#edf3ff;
  border:1px solid #d4e1f7;
  border-radius:999px;
  padding:4px 8px;
}
.payment-choice-radio{
  width:18px;
  height:18px;
  border:2px solid #bed0e4;
}
.payment-choice.selected .payment-choice-radio{
  border-color:#2a6de6;
  background:#2a6de6;
}
.payment-choice.selected .payment-choice-radio:after{
  font-size:11px;
}
.payment-method-footer{
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding:0 24px 22px;
}
.payment-method-footer .btn{
  min-height:48px;
  border-radius:14px;
  font-size:14px;
  font-weight:850;
}
.payment-method-back{
  background:#f5f8fc;
  border:1px solid #d8e3ef;
  color:#294260;
}
.payment-method-confirm{
  background:linear-gradient(180deg,#2f74ea 0%,#1f67df 100%);
  border-color:#1f67df;
}

@media(max-width:600px){
  .payment-method-overlay{padding:10px}
  .payment-method-modal{width:min(100%, 520px);max-height:92vh;border-radius:20px}
  .payment-method-hero{padding:20px 18px 14px}
  .payment-method-icon{width:46px;height:46px;border-radius:13px;font-size:20px}
  .payment-method-hero h2{font-size:19px}
  .payment-method-hero p{font-size:13px}
  .payment-method-body{padding:16px 18px 14px;gap:10px}
  .payment-method-summary-bar{grid-template-columns:1fr;gap:10px}
  .payment-method-summary-bar>div{padding:11px 12px}
  .payment-method-summary-bar strong{font-size:18px}
  .payment-choice{grid-template-columns:42px 1fr 18px;gap:12px;padding:13px 14px}
  .payment-choice-icon{width:42px;height:42px;border-radius:13px;font-size:18px}
  .payment-choice-copy strong{font-size:15px}
  .payment-choice-copy small{font-size:12px}
  .payment-choice-copy>b{font-size:11px}
  .payment-method-footer{grid-template-columns:1fr;gap:10px;padding:0 18px 18px}
}


/* =====================================================================
   ECUACINE WEB v2.3.63 — selector de pago nativo al lenguaje visual WEB
   ===================================================================== */
.payment-method-modal-native,
.payment-method-modal-native *{
  font-family:inherit;
  -webkit-font-smoothing:auto;
  -moz-osx-font-smoothing:auto;
  text-rendering:auto;
}
.payment-method-overlay{
  background:rgba(13,31,55,.32);
  backdrop-filter:blur(2px);
}
.payment-method-modal-native{
  width:min(500px,100%);
  max-height:calc(100vh - 40px);
  overflow:auto;
  background:#fff;
  border:1px solid var(--client-line);
  border-radius:20px;
  box-shadow:0 20px 54px rgba(17,40,72,.16);
}
.payment-method-modal-native .payment-method-close{
  right:15px;top:15px;width:36px;height:36px;
  border:1px solid #dbe5ef;background:#fff;color:#64758c;
  font-size:21px;font-weight:500;box-shadow:none
}
.payment-method-head-native{
  padding:24px 56px 18px 24px;
  border-bottom:1px solid #edf1f6;
}
.payment-method-head-native .eyebrow{font-size:10px}
.payment-method-head-native h2{
  margin:5px 0 7px;font-size:22px;line-height:1.2;
  font-weight:700;letter-spacing:-.02em;color:#0a2143
}
.payment-method-head-native p{
  margin:0;font-size:13px;line-height:1.45;color:var(--client-muted);font-weight:400
}
.payment-method-head-native p strong{font-size:14px;font-weight:700;color:#0b2348}
.payment-method-body-native{padding:18px 24px 14px;gap:10px}
.payment-choice-native{
  grid-template-columns:1fr 18px;gap:14px;align-items:center;
  padding:15px 16px;border:1px solid #dfe7f0;border-radius:14px;background:#fff;
  box-shadow:none
}
.payment-choice-native:hover:not(.is-disabled){border-color:#a9c1df;background:#fbfdff}
.payment-choice-native.selected{
  border-color:#77a5df;background:#f8fbff;box-shadow:none
}
.payment-choice-native.is-disabled{opacity:.62;background:#fafbfd}
.payment-choice-native .payment-choice-copy{gap:0}
.payment-choice-native .payment-choice-copy strong{
  font-size:14px;line-height:1.25;font-weight:700;color:#102b4e
}
.payment-choice-native .payment-choice-copy small{
  font-size:11px;line-height:1.45;font-weight:400;color:#74849a;margin-top:3px
}
.payment-choice-meta{
  display:block;margin-top:7px;font-size:10px;line-height:1.35;font-weight:600
}
.payment-choice-meta.ok{color:#1764d6}
.payment-choice-meta.error{color:#b94a5d}
.payment-choice-native .payment-choice-radio{
  width:18px;height:18px;border:1.5px solid #b9c8da;background:#fff
}
.payment-choice-native.selected .payment-choice-radio{
  border:5px solid #1769e8;background:#fff
}
.payment-choice-native.selected .payment-choice-radio:after{display:none}
.payment-method-footer-native{
  position:static;grid-template-columns:1fr 1fr;gap:10px;
  padding:4px 24px 22px;background:#fff;border-top:0
}
.payment-method-footer-native .btn{
  min-height:44px;border-radius:11px;font-size:12px;font-weight:700;
  transform:none;box-shadow:none
}
.payment-method-footer-native .payment-method-back{
  background:#f7f9fc;color:#334d69;border-color:#dce5ef
}
.payment-method-footer-native .payment-method-confirm{
  background:var(--navy);border-color:var(--navy);color:#fff
}
.payment-method-footer-native .payment-method-confirm:hover{background:var(--navy-2)}
.payment-method-footer-native .payment-method-confirm:disabled{opacity:.45}
@media(max-width:600px){
  .payment-method-overlay{padding:10px;align-items:end}
  .payment-method-modal-native{width:100%;max-height:90vh;border-radius:18px}
  .payment-method-head-native{padding:20px 52px 15px 18px}
  .payment-method-head-native h2{font-size:20px}
  .payment-method-head-native p{font-size:12px}
  .payment-method-body-native{padding:14px 18px 12px;gap:9px}
  .payment-choice-native{padding:13px 14px}
  .payment-choice-native .payment-choice-copy strong{font-size:13px}
  .payment-choice-native .payment-choice-copy small{font-size:10.5px}
  .payment-choice-meta{font-size:9.5px}
  .payment-method-footer-native{grid-template-columns:1fr;gap:8px;padding:2px 18px 16px}
}


/* =====================================================================
   ECUACINE WEB v2.3.64 — ajuste de espaciado tipográfico en modal de pago
   ===================================================================== */
.payment-method-modal-native,
.payment-method-modal-native *{
  font-kerning:normal;
  letter-spacing:normal;
}
.payment-method-head-native .eyebrow{
  letter-spacing:.16em;
}
.payment-method-head-native h2{
  letter-spacing:0;
  line-height:1.22;
}
.payment-method-head-native p,
.payment-method-head-native p strong{
  letter-spacing:.005em;
}
.payment-choice-native .payment-choice-copy{
  gap:1px;
}
.payment-choice-native .payment-choice-copy strong{
  letter-spacing:.004em;
  line-height:1.35;
}
.payment-choice-native .payment-choice-copy small{
  letter-spacing:.004em;
  line-height:1.55;
  margin-top:4px;
}
.payment-choice-meta{
  letter-spacing:.004em;
  line-height:1.5;
  margin-top:8px;
}
.payment-method-footer-native .btn{
  letter-spacing:.01em;
}
@media(max-width:600px){
  .payment-method-head-native h2{line-height:1.24}
  .payment-choice-native .payment-choice-copy strong{line-height:1.32}
  .payment-choice-native .payment-choice-copy small{line-height:1.5}
}


/* =====================================================================
   ECUACINE WEB v2.3.65 — selector simple + checkout Zeno en página propia
   ===================================================================== */
.cart-pay-overlay-v65[hidden]{display:none!important}
.cart-pay-overlay-v65{
  position:fixed;inset:0;z-index:2600;display:grid;place-items:center;padding:20px;
  background:rgba(11,27,49,.38)
}
.cart-pay-dialog-v65{
  width:min(520px,100%);background:#fff;border:1px solid var(--client-line);
  border-radius:20px;box-shadow:0 24px 64px rgba(17,40,72,.18);position:relative;overflow:hidden
}
.cart-pay-close-v65{
  position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:50%;
  border:1px solid #dbe5ef;background:#fff;color:#64758c;font-size:21px;cursor:pointer
}
.cart-pay-head-v65{padding:24px 56px 18px 24px;border-bottom:1px solid #edf1f6}
.cart-pay-head-v65 h2{margin:5px 0 7px;font-size:22px;line-height:1.25;font-weight:700;color:#0a2143}
.cart-pay-head-v65 p{margin:0;font-size:13px;line-height:1.5;color:var(--client-muted)}
.cart-pay-head-v65 p strong{font-weight:700;color:#0b2348}
.cart-pay-options-v65{display:grid;gap:10px;padding:18px 24px 14px}
.cart-pay-option-v65{
  position:relative;display:grid;grid-template-columns:1fr 18px;gap:14px;align-items:center;
  padding:15px 16px;border:1px solid #dfe7f0;border-radius:14px;background:#fff;cursor:pointer
}
.cart-pay-option-v65:hover:not(.is-disabled){border-color:#a9c1df;background:#fbfdff}
.cart-pay-option-v65.selected{border-color:#77a5df;background:#f8fbff}
.cart-pay-option-v65.is-disabled{opacity:.62;background:#fafbfd;cursor:not-allowed}
.cart-pay-option-v65 input{position:absolute;opacity:0;pointer-events:none}
.cart-pay-option-v65 span{display:flex;flex-direction:column}
.cart-pay-option-v65 strong{font-size:14px;line-height:1.35;font-weight:700;color:#102b4e}
.cart-pay-option-v65 small{font-size:11px;line-height:1.55;color:#74849a;margin-top:4px}
.cart-pay-option-v65 b{font-size:10px;line-height:1.5;font-weight:600;margin-top:7px}
.cart-pay-option-v65 b.ok{color:#1764d6}.cart-pay-option-v65 b.error{color:#b94a5d}
.cart-pay-option-v65 i{width:18px;height:18px;border-radius:50%;border:1.5px solid #b9c8da;background:#fff}
.cart-pay-option-v65.selected i{border:5px solid #1769e8}
.cart-pay-actions-v65{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:4px 24px 22px}
.cart-pay-actions-v65 .btn{min-height:44px;border-radius:11px;font-size:12px;font-weight:700}

.auto-checkout-v65{display:grid;grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);gap:18px;align-items:start}
.auto-checkout-summary-v65,.auto-checkout-payment-v65{
  background:#fff;border:1px solid var(--client-line);border-radius:20px;padding:24px;box-shadow:var(--client-shadow)
}
.auto-checkout-summary-v65 h2,.auto-checkout-payment-v65 h2{font-size:24px;margin:5px 0 16px;letter-spacing:-.02em}
.auto-checkout-items-v65{display:grid;gap:9px;margin-bottom:18px}
.auto-checkout-item-v65{padding:13px 14px;border:1px solid #e2e9f2;border-radius:12px;background:#f9fbfd}
.auto-checkout-item-v65 div{display:flex;flex-direction:column;gap:3px}
.auto-checkout-item-v65 strong{font-size:13px;color:#173451}
.auto-checkout-item-v65 span{font-size:10px;color:#7c8da1}
.auto-checkout-totals-v65{border-top:1px solid #e5ebf3;padding-top:14px;display:grid;gap:9px}
.auto-checkout-totals-v65>div{display:flex;justify-content:space-between;gap:14px;align-items:center}
.auto-checkout-totals-v65 span{font-size:11px;color:#75869c}.auto-checkout-totals-v65 strong{font-size:13px;color:#173451}
.auto-checkout-totals-v65 .total{margin-top:4px;padding-top:12px;border-top:1px solid #e5ebf3}
.auto-checkout-totals-v65 .total span{font-weight:700;color:#3f5570}.auto-checkout-totals-v65 .total strong{font-size:24px;color:#0b4fae}
.auto-checkout-protection-v65{margin-top:16px;padding:11px 12px;border-radius:10px;background:#f6f9fd;font-size:10px;line-height:1.55;color:#75869b}
.auto-checkout-payment-v65>p{margin:-7px 0 18px;color:#718197;font-size:12px;line-height:1.55}
.auto-checkout-amount-v65{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;background:#f7faff;border:1px solid #dbe9fa;border-radius:13px;margin-bottom:12px}
.auto-checkout-amount-v65 span{font-size:11px;color:#6e8098}.auto-checkout-amount-v65 strong{font-size:24px;color:#0b4fae}
.auto-checkout-open-v65{min-height:48px;font-size:13px;margin-bottom:14px}
.auto-checkout-status-v65{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e1e8f1;border-radius:12px;background:#fafcff}
.auto-checkout-status-v65>div{display:flex;flex-direction:column;gap:2px}
.auto-checkout-status-v65 strong{font-size:11px;color:#203d5e}.auto-checkout-status-v65 small{font-size:9px;line-height:1.45;color:#7c8ba0}
.auto-checkout-status-v65 .dot{width:10px;height:10px;border-radius:50%;background:#1769e8;box-shadow:0 0 0 0 rgba(23,105,232,.25);animation:ecuacinePulse 1.7s infinite;flex:0 0 auto}
.auto-checkout-status-v65 .check,.auto-checkout-status-v65 .error{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;flex:0 0 auto}
.auto-checkout-status-v65 .check{background:#e2f7ed;color:#087b55}.auto-checkout-status-v65 .error{background:#ffe8ec;color:#b53249}
.auto-checkout-status-v65.success{background:#f0fbf6;border-color:#cbe9db}.auto-checkout-status-v65.error{background:#fff4f6;border-color:#f1d0d7}
.auto-checkout-steps-v65{display:grid;gap:8px;margin:16px 0}
.auto-checkout-steps-v65>div{display:grid;grid-template-columns:26px 1fr;gap:9px;align-items:start;opacity:.55}
.auto-checkout-steps-v65>div>span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#eef3f8;color:#6f8298;font-size:9px;font-weight:700}
.auto-checkout-steps-v65>div div{display:flex;flex-direction:column;gap:1px}.auto-checkout-steps-v65 strong{font-size:10px;color:#304965}.auto-checkout-steps-v65 small{font-size:8.5px;line-height:1.4;color:#8290a4}
.auto-checkout-steps-v65>div.active,.auto-checkout-steps-v65>div.done{opacity:1}
.auto-checkout-steps-v65>div.active>span{background:#e8f2ff;color:#1769e8}.auto-checkout-steps-v65>div.done>span{background:#e2f7ed;color:#087b55}
.auto-checkout-actions-v65{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.auto-checkout-actions-v65 .btn{font-size:10px;padding:9px 12px}.auto-checkout-actions-v65 .text-action{font-size:10px}

@media(max-width:900px){
  .auto-checkout-v65{grid-template-columns:1fr}
}
@media(max-width:600px){
  .cart-pay-overlay-v65{padding:10px;align-items:end}
  .cart-pay-dialog-v65{border-radius:18px}
  .cart-pay-head-v65{padding:20px 52px 15px 18px}
  .cart-pay-head-v65 h2{font-size:20px}
  .cart-pay-options-v65{padding:14px 18px 12px;gap:9px}
  .cart-pay-option-v65{padding:13px 14px}
  .cart-pay-actions-v65{grid-template-columns:1fr;gap:8px;padding:2px 18px 16px}
  .auto-checkout-summary-v65,.auto-checkout-payment-v65{padding:18px;border-radius:17px}
  .auto-checkout-summary-v65 h2,.auto-checkout-payment-v65 h2{font-size:21px}
}


/* =====================================================================
   ECUACINE WEB v2.3.66 — recarga automática intermedia + manual legible
   ===================================================================== */
.deposit-manual-v66 .deposit-card-head h2{font-size:22px}
.deposit-manual-v66 .deposit-card-head p{font-size:13px;line-height:1.5}
.deposit-manual-v66 .payment-icon.manual{width:44px;height:44px;font-size:17px}
.deposit-manual-v66 .manual-data{gap:11px;padding:15px 16px;border-radius:14px;margin-bottom:15px}
.deposit-manual-v66 .manual-data>div{gap:12px}
.deposit-manual-v66 .manual-data span{font-size:12px;width:92px}
.deposit-manual-v66 .manual-data strong{font-size:14px;line-height:1.35}
.deposit-manual-v66 .manual-data button{padding:7px 11px;font-size:11px;border-radius:8px}
.deposit-manual-v66 .manual-instructions{font-size:13px;line-height:1.6;margin:14px 0}
.deposit-manual-v66 .manual-web-steps{gap:9px;margin:14px 0 16px}
.deposit-manual-v66 .manual-web-steps>div{grid-template-columns:30px 1fr;gap:10px;padding:10px 12px;border-radius:10px}
.deposit-manual-v66 .manual-web-steps span{width:28px;height:28px;border-radius:8px;font-size:10px}
.deposit-manual-v66 .manual-web-steps strong{font-size:11.5px;line-height:1.4;color:#455a73}
.deposit-manual-v66 .upload-box{padding:16px;border-radius:14px;margin-bottom:12px}
.deposit-manual-v66 .upload-box .manual-proof-title{font-size:12px!important;line-height:1.35!important;font-weight:700!important;margin-bottom:9px!important}
.deposit-manual-v66 .upload-box input[type="file"]{font-size:11.5px!important;line-height:1.35!important;color:#4e627b!important;padding:7px 0!important}
.deposit-manual-v66 .upload-box input[type="file"]::file-selector-button,
.deposit-manual-v66 .upload-box input[type="file"]::-webkit-file-upload-button{font-size:11px!important;line-height:1.2!important;padding:8px 11px!important;margin-right:9px!important;border-radius:8px!important}
.deposit-manual-v66 .upload-box small{font-size:10px!important;line-height:1.4!important;margin-top:7px!important}
.deposit-manual-v66 .manual-proof-submit{min-height:46px!important;padding:11px 14px!important;font-size:12px!important;line-height:1.2!important;font-weight:700!important}
.deposit-manual-v66 .deposit-note{font-size:11px;line-height:1.5;margin-top:11px}

.deposit-checkout-detail-v66{display:grid;gap:10px;margin:4px 0 18px}
.deposit-checkout-detail-v66>div{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 12px;border:1px solid #e5ebf3;border-radius:10px;background:#fafcff}
.deposit-checkout-detail-v66 span{font-size:10px;color:#7a8a9f}
.deposit-checkout-detail-v66 strong{font-size:11px;color:#203d5e;text-align:right;word-break:break-all}

@media(max-width:700px){
  .deposit-manual-v66 .deposit-card-head h2{font-size:20px}
  .deposit-manual-v66 .deposit-card-head p{font-size:12px}
  .deposit-manual-v66 .manual-data strong{font-size:13px}
  .deposit-manual-v66 .manual-web-steps strong{font-size:11px}
  .deposit-manual-v66 .upload-box .manual-proof-title{font-size:11.5px!important}
  .deposit-manual-v66 .upload-box input[type="file"],
  .deposit-manual-v66 .upload-box input[type="file"]::file-selector-button,
  .deposit-manual-v66 .upload-box input[type="file"]::-webkit-file-upload-button{font-size:10.5px!important}
  .deposit-manual-v66 .manual-proof-submit{font-size:11.5px!important}
  .deposit-checkout-detail-v66>div{align-items:flex-start;flex-direction:column;gap:4px}
  .deposit-checkout-detail-v66 strong{text-align:left}
}


/* =====================================================================
   ECUACINE WEB v2.3.67 — rediseño premium de la página Mis órdenes
   ===================================================================== */
.orders-page-modern-v2{display:grid;gap:18px}
.orders-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.orders-stat-card{position:relative;background:#fff;border:1px solid var(--client-line);border-radius:20px;padding:18px 18px 17px;box-shadow:var(--client-shadow);overflow:hidden}
.orders-stat-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:#dbe7f8}
.orders-stat-card.primary:before{background:linear-gradient(90deg,#1769e8,#4b8fff)}
.orders-stat-card.accent:before{background:linear-gradient(90deg,#16a085,#47c4a4)}
.orders-stat-card span{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#8090a5}
.orders-stat-card strong{display:block;font-size:30px;line-height:1.02;color:#132a4a;margin-top:10px;letter-spacing:-.03em}
.orders-stat-card small{display:block;font-size:12px;line-height:1.5;color:#73849b;margin-top:10px}

.orders-history-shell{background:#fff;border:1px solid var(--client-line);border-radius:22px;box-shadow:var(--client-shadow);overflow:hidden}
.orders-history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:24px 24px 18px;border-bottom:1px solid #edf2f8;background:linear-gradient(180deg,#fbfdff 0%,#f8fbff 100%)}
.orders-eyebrow{display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#1f68e5;margin-bottom:7px}
.orders-history-head h2{font-size:26px;line-height:1.08;letter-spacing:-.03em;margin:0;color:#132a4a}
.orders-history-head p{font-size:13px;line-height:1.6;color:#71839b;margin:7px 0 0;max-width:620px}
.orders-head-note{display:flex;flex-direction:column;align-items:flex-end;gap:4px;background:#fff;border:1px solid #e5edf7;border-radius:16px;padding:14px 16px;min-width:220px}
.orders-head-note strong{font-size:13px;color:#17375d}
.orders-head-note span{font-size:11px;color:#7b8ca2;text-align:right}
.orders-list-v2{display:grid;gap:14px;padding:22px}
.orders-card-v2{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid #dfe8f3;border-radius:18px;padding:18px;background:#fff;transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease}
.orders-card-v2:hover{transform:translateY(-1px);border-color:#cddbf0;box-shadow:0 18px 34px rgba(18,43,74,.06)}
.orders-card-v2.purchase{background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)}
.orders-card-v2.renew{background:linear-gradient(180deg,#ffffff 0%,#fbfffd 100%)}
.orders-card-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#eaf2ff;color:#1769e8;font-size:24px;font-weight:950;align-self:flex-start}
.orders-card-v2.renew .orders-card-mark{background:#eaf9f3;color:#0f9d67}
.orders-card-main{display:grid;gap:10px;min-width:0}
.orders-card-topline{display:flex;align-items:center;gap:10px;row-gap:8px;flex-wrap:wrap}
.order-type-pill{display:inline-flex;align-items:center;min-height:27px;padding:0 11px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.order-type-pill.purchase{background:#edf4ff;color:#1d66df}
.order-type-pill.renew{background:#ebf8f1;color:#0b9c67}
.order-number{font-size:11px;font-weight:800;color:#7d8da3;text-transform:uppercase;letter-spacing:.08em}
.order-date{font-size:12px;color:#7f8fa4}
.orders-card-main h3{font-size:23px;line-height:1.18;letter-spacing:-.02em;color:#102c4d;margin:0;word-break:break-word}
.orders-card-meta{display:flex;flex-wrap:wrap;gap:10px}
.orders-card-meta span{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;background:#f7fafd;border:1px solid #e4ebf4;font-size:12px;color:#6f8299}
.orders-card-meta b{font-size:12px;color:#17385d}
.orders-card-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right;min-width:180px}
.orders-card-side strong{font-size:30px;line-height:1;color:#132a4a;letter-spacing:-.03em}
.orders-card-side small{font-size:12px;color:#7c8da3}
.orders-card-side .btn{min-width:128px;justify-content:center}
.orders-empty-state-v2{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--client-line);border-radius:24px;box-shadow:var(--client-shadow);padding:42px 26px;text-align:center}
.orders-empty-icon{width:82px;height:82px;border-radius:26px;display:grid;place-items:center;margin:0 auto 16px;background:#eef4ff;font-size:36px}
.orders-empty-state-v2 h2{font-size:30px;line-height:1.12;letter-spacing:-.03em;color:#132a4a;margin:0 0 10px}
.orders-empty-state-v2 p{max-width:620px;margin:0 auto;color:#74869d;font-size:14px;line-height:1.6}
.orders-empty-state-v2 .actions{margin-top:18px}

@media(max-width:1100px){
  .orders-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .orders-history-head{flex-direction:column;align-items:flex-start}
  .orders-head-note{align-items:flex-start;min-width:0}
  .orders-head-note span{text-align:left}
}
@media(max-width:900px){
  .orders-list-v2{padding:18px}
  .orders-card-v2{grid-template-columns:44px minmax(0,1fr);gap:14px}
  .orders-card-mark{width:44px;height:44px;border-radius:14px;font-size:21px}
  .orders-card-side{grid-column:2;align-items:flex-start;text-align:left;min-width:0}
  .orders-card-side strong{font-size:26px}
}
@media(max-width:560px){
  .orders-page-modern-v2{gap:14px}
  .orders-overview-grid{grid-template-columns:1fr;gap:10px}
  .orders-stat-card{padding:16px}
  .orders-stat-card strong{font-size:26px}
  .orders-history-head{padding:18px 16px 14px}
  .orders-history-head h2{font-size:22px}
  .orders-history-head p{font-size:12px}
  .orders-list-v2{padding:14px;gap:10px}
  .orders-card-v2{padding:14px;border-radius:16px}
  .orders-card-main h3{font-size:18px}
  .orders-card-meta{gap:8px}
  .orders-card-meta span{min-height:32px;padding:0 10px;font-size:11px}
  .orders-card-side strong{font-size:24px}
  .orders-card-side .btn{width:100%}
  .orders-empty-state-v2{padding:30px 18px;border-radius:20px}
  .orders-empty-state-v2 h2{font-size:24px}
}


/* =====================================================================
   ECUACINE WEB v2.3.68 — historial de órdenes más compacto
   ===================================================================== */
.orders-history-head{padding:20px 22px 16px}
.orders-history-head h2{font-size:22px}
.orders-history-head p{font-size:12px;line-height:1.5}
.orders-head-note{padding:11px 14px;min-width:190px;border-radius:14px}
.orders-head-note strong{font-size:12px}
.orders-head-note span{font-size:10px}
.orders-list-v2{gap:10px;padding:18px}
.orders-card-v2{grid-template-columns:44px minmax(0,1fr) auto;gap:14px;padding:14px 16px;border-radius:16px}
.orders-card-mark{width:44px;height:44px;border-radius:14px;font-size:20px}
.orders-card-main{gap:7px}
.orders-card-topline{gap:8px;row-gap:6px}
.order-type-pill{min-height:24px;padding:0 9px;font-size:9px}
.order-number{font-size:10px}
.order-date{font-size:11px}
.orders-card-main h3{font-size:18px;line-height:1.2}
.orders-card-meta{gap:8px}
.orders-card-meta span{min-height:30px;padding:0 10px;font-size:11px}
.orders-card-meta b{font-size:11px}
.orders-card-side{gap:6px;min-width:150px}
.orders-card-side strong{font-size:24px}
.orders-card-side small{font-size:11px}
.orders-card-side .btn{min-width:112px;padding:9px 12px;font-size:11px}

@media(max-width:900px){
  .orders-card-v2{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:13px 14px}
  .orders-card-mark{width:40px;height:40px;border-radius:13px;font-size:18px}
  .orders-card-side{grid-column:2;min-width:0}
  .orders-card-main h3{font-size:17px}
}
@media(max-width:560px){
  .orders-history-head{padding:16px 14px 12px}
  .orders-history-head h2{font-size:20px}
  .orders-list-v2{padding:12px;gap:9px}
  .orders-card-v2{padding:12px;border-radius:14px}
  .order-type-pill{font-size:8.5px}
  .order-number,.order-date{font-size:9.5px}
  .orders-card-main h3{font-size:16px}
  .orders-card-meta span{min-height:28px;padding:0 9px;font-size:10px}
  .orders-card-side strong{font-size:22px}
}


/* =====================================================================
   ECUACINE WEB v2.3.69 — refinamiento visual de listado de órdenes
   ===================================================================== */
.orders-history-head{padding:20px 22px 16px}
.orders-history-head h2{font-size:22px}
.orders-history-head p{font-size:12px;max-width:560px}
.orders-head-note{padding:12px 14px;min-width:190px}
.orders-head-note strong{font-size:12px}
.orders-head-note span{font-size:11px}
.orders-list-v2{padding:18px;gap:10px}
.orders-card-v2{max-width:1280px;margin:0 auto;grid-template-columns:16px minmax(0,1fr) 128px;gap:12px;padding:12px 14px;border-radius:15px}
.orders-card-mark{width:16px;height:auto;min-height:72px;border-radius:999px;background:#eaf2ff;display:flex;align-items:flex-start;justify-content:center;padding:9px 0}
.orders-card-mark span{display:block;width:8px;height:8px;border-radius:999px;background:#1769e8}
.orders-card-mark.renew{background:#ebf8f1}
.orders-card-mark.renew span{background:#11a36d}
.orders-card-mark.purchase{background:#eaf2ff}
.orders-card-main{gap:8px}
.orders-card-topline{gap:8px;row-gap:6px}
.order-type-pill{min-height:24px;padding:0 9px;font-size:10px;letter-spacing:.07em}
.order-number{font-size:10px}
.order-date{font-size:11px}
.orders-card-main h3{font-size:18px;line-height:1.2}
.orders-card-meta{gap:8px}
.orders-card-meta span{min-height:30px;padding:0 10px;font-size:11px}
.orders-card-meta b{font-size:11px}
.orders-card-side{gap:10px;min-width:128px;justify-content:center}
.orders-card-side strong{font-size:18px;letter-spacing:-.02em}
.orders-card-side .btn{min-width:108px;padding:8px 10px;font-size:11px}

@media(max-width:900px){
  .orders-card-v2{grid-template-columns:14px minmax(0,1fr);gap:10px;padding:12px}
  .orders-card-mark{min-height:64px;padding-top:8px}
  .orders-card-side{grid-column:2;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
  .orders-card-side strong{font-size:18px}
}
@media(max-width:560px){
  .orders-history-head{padding:16px 14px 12px}
  .orders-history-head h2{font-size:20px}
  .orders-head-note{width:100%;min-width:0}
  .orders-list-v2{padding:12px;gap:8px}
  .orders-card-v2{grid-template-columns:12px minmax(0,1fr);padding:11px 12px;border-radius:14px}
  .orders-card-mark{min-height:58px;padding-top:7px}
  .orders-card-main h3{font-size:17px}
  .orders-card-meta span{min-height:28px;font-size:11px}
  .orders-card-side{flex-direction:column;align-items:flex-start}
  .orders-card-side strong{font-size:17px}
  .orders-card-side .btn{width:auto;min-width:100px}
}


/* =====================================================================
   ECUACINE WEB v2.3.70 — búsqueda y paginación del historial de órdenes
   ===================================================================== */
.orders-toolbar-v3{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px 4px}
.orders-search-form{display:flex;align-items:center;gap:8px;flex:1;max-width:720px}
.orders-search-box{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:4px;flex:1;min-width:220px;height:44px;padding:0 12px;border:1px solid #dce6f1;border-radius:13px;background:#f9fbfe}
.orders-search-box span{font-size:20px;color:#71849c;line-height:1}
.orders-search-box input{width:100%;border:0;outline:0;background:transparent;padding:0;font:inherit;font-size:13px;color:#173451}
.orders-search-box input::placeholder{color:#94a2b4}
.orders-search-form .btn{min-height:44px;padding:0 16px;border-radius:12px;font-size:12px}
.orders-results-count{font-size:11px;color:#7e8da1;white-space:nowrap}
.orders-results-count strong{color:#173451}
.orders-no-results{margin:8px auto 12px;max-width:640px;padding:34px 24px;text-align:center;border:1px dashed #cbd9e9;border-radius:18px;background:#fbfdff}
.orders-no-results>span{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#71849d}
.orders-no-results h3{font-size:20px;color:#173451;margin:8px 0 6px}
.orders-no-results p{font-size:12px;color:#7b8ca2;margin:0 0 16px}
.orders-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:8px 18px 18px}
.orders-page-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid #dce6f1;border-radius:11px;background:#fff;color:#24558f;font-size:11px;font-weight:800;text-decoration:none}
.orders-page-btn:first-child{justify-self:start}.orders-page-btn:last-child{justify-self:end}
.orders-page-btn:hover:not(.disabled){background:#f4f8fd;border-color:#bcd0e8}
.orders-page-btn.disabled{opacity:.38;pointer-events:none}
.orders-page-status{font-size:11px;color:#7c8da2}.orders-page-status strong{color:#173451}
@media(max-width:760px){
  .orders-toolbar-v3{align-items:stretch;flex-direction:column;padding:14px 12px 4px}
  .orders-search-form{max-width:none;flex-wrap:wrap}
  .orders-search-box{flex-basis:100%;min-width:0}
  .orders-search-form .btn{flex:1}
  .orders-results-count{white-space:normal}
  .orders-pagination{grid-template-columns:1fr 1fr;padding:8px 12px 14px}
  .orders-page-status{grid-column:1/-1;grid-row:1;text-align:center}
  .orders-page-btn:first-child{grid-column:1;grid-row:2;width:100%}
  .orders-page-btn:last-child{grid-column:2;grid-row:2;width:100%}
}


/* =====================================================================
   ECUACINE WEB v2.3.71 — historial de órdenes en dos columnas
   ===================================================================== */
.orders-list-v2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.orders-card-v2{
  width:100%;
  max-width:none;
  margin:0;
  min-height:146px;
}
.orders-no-results{
  grid-column:1 / -1;
}
.orders-pagination{
  margin-top:8px;
}
@media(max-width:1100px){
  .orders-list-v2{
    grid-template-columns:1fr;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.72 — legibilidad mejorada en Soporte
   ===================================================================== */
.support-step-content h2{font-size:16px;line-height:1.3}
.support-step-content>p{font-size:12px;line-height:1.55}
.support-step-content h2 small{font-size:10px}
.issue-choice strong{font-size:12px;line-height:1.35}
.issue-choice small{font-size:10px;line-height:1.45;margin-top:4px}
.support-email-box input{font-size:13px;padding:12px 0}
.support-email-box span{font-size:16px}
.support-step textarea{font-size:13px;line-height:1.5;min-height:102px}
.support-aside h3{font-size:16px;line-height:1.3}
.support-aside p{font-size:12px;line-height:1.6}
.support-aside li{font-size:12px;line-height:1.45}
.support-aside li span{font-size:10px}
.support-step-number{font-size:11px}
.support-submit .text-action{font-size:12px}
.support-submit .btn{font-size:12px}
.support-payment-select>span{font-size:11px}
.support-payment-select select{font-size:12px}
.support-payment-tip strong{font-size:12px}
.support-payment-tip small{font-size:10px;line-height:1.45}
.support-payment-tip>a{font-size:11px}

@media(max-width:560px){
  .support-step-content h2{font-size:15px}
  .support-step-content>p{font-size:11px}
  .issue-choice strong{font-size:11px}
  .issue-choice small{font-size:10px}
  .support-email-box input{font-size:12px}
  .support-step textarea{font-size:12px}
}


/* =====================================================================
   ECUACINE WEB v2.3.73 — Soporte con acceso a WhatsApp
   ===================================================================== */
.support-whatsapp-card{
  margin-top:18px;
  padding:16px;
  border-radius:16px;
  border:1px solid #dfe8e3;
  background:linear-gradient(180deg,#fbfffd 0%,#f5fcf8 100%);
  text-align:left;
}
.support-whatsapp-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#e9f8ef;
  color:#128c7e;
  font-size:20px;
  font-weight:900;
  margin-bottom:10px;
}
.support-whatsapp-content strong{
  display:block;
  font-size:14px;
  line-height:1.35;
  color:#143150;
  margin-bottom:6px;
}
.support-whatsapp-content p{
  margin:0;
  font-size:12px;
  line-height:1.6;
  color:#64758d;
}
.support-whatsapp-btn{
  width:100%;
  justify-content:center;
  margin-top:14px;
  background:#22c55e;
  border-color:#22c55e;
  color:#fff;
}
.support-whatsapp-btn:hover{
  background:#1fb657;
  border-color:#1fb657;
  color:#fff;
}


/* =====================================================================
   ECUACINE WEB v2.3.74 — refinamiento visual del bloque de WhatsApp
   ===================================================================== */
.support-whatsapp-card{
  margin-top:18px;
  padding:18px;
  border-radius:18px;
  border:1px solid #dbe9df;
  background:linear-gradient(180deg,#ffffff 0%,#f5fbf7 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.support-whatsapp-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}
.support-whatsapp-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#25d366 0%,#18b957 100%);
  color:#fff;
  box-shadow:0 10px 22px rgba(37,211,102,.20);
  margin-bottom:0;
}
.support-whatsapp-icon svg{
  width:26px;
  height:26px;
  display:block;
}
.support-whatsapp-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:#eaf8ef;
  color:#159a4f;
  font-size:11px;
  font-weight:900;
  letter-spacing:.03em;
}
.support-whatsapp-content strong{
  display:block;
  font-size:15px;
  line-height:1.35;
  color:#143150;
  margin-bottom:6px;
}
.support-whatsapp-content p{
  margin:0;
  font-size:12px;
  line-height:1.65;
  color:#64758d;
}
.support-whatsapp-btn{
  width:100%;
  min-height:48px;
  justify-content:center;
  gap:10px;
  margin-top:15px;
  border-radius:14px;
  background:linear-gradient(180deg,#25d366 0%,#1fc95e 100%);
  border-color:#1fc95e;
  color:#fff;
  font-weight:900;
  box-shadow:0 14px 26px rgba(37,211,102,.18);
}
.support-whatsapp-btn:hover{
  background:linear-gradient(180deg,#22c55e 0%,#1db556 100%);
  border-color:#1db556;
  color:#fff;
}
.support-whatsapp-btn-icon{
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 20px;
}
.support-whatsapp-btn-icon svg{
  width:20px;
  height:20px;
  display:block;
}
@media(max-width:560px){
  .support-whatsapp-card{padding:15px}
  .support-whatsapp-head{align-items:flex-start;flex-direction:column}
  .support-whatsapp-badge{min-height:28px}
}


/* =====================================================================
   ECUACINE WEB v2.3.75 — pulido final del CTA de WhatsApp en Soporte
   ===================================================================== */
.support-whatsapp-card{
  margin-top:16px;
  padding:16px;
  border-radius:20px;
  border:1px solid #d9e6dc;
  background:#ffffff;
  box-shadow:0 10px 28px rgba(16,39,68,.05);
}
.support-whatsapp-head{
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  margin-bottom:12px;
}
.support-whatsapp-icon{
  width:48px;
  height:48px;
  border-radius:15px;
  flex:0 0 48px;
  box-shadow:none;
}
.support-whatsapp-icon svg{width:24px;height:24px}
.support-whatsapp-badge{
  margin-left:auto;
  min-height:28px;
  padding:0 10px;
  font-size:10px;
}
.support-whatsapp-content strong{
  font-size:14px;
  margin-bottom:5px;
}
.support-whatsapp-content p{
  font-size:11.5px;
  line-height:1.62;
}
.support-whatsapp-btn{
  min-height:44px;
  margin-top:14px;
  padding:0 14px;
  border-radius:13px;
  font-size:13px;
  line-height:1;
  white-space:nowrap;
  flex-wrap:nowrap;
  letter-spacing:0;
  box-shadow:none;
}
.support-whatsapp-btn span:last-child{
  white-space:nowrap;
}
.support-whatsapp-btn-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
}
.support-whatsapp-btn-icon svg{width:18px;height:18px}
@media(max-width:560px){
  .support-whatsapp-card{padding:14px}
  .support-whatsapp-head{flex-direction:row;align-items:center}
  .support-whatsapp-badge{margin-left:0}
  .support-whatsapp-btn{font-size:12px;padding:0 12px}
}


/* =====================================================================
   ECUACINE WEB v2.3.76 — tarjetas de información en Mi perfil
   ===================================================================== */
.profile-data-list-v76{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}
.profile-data-list-v76 .profile-info-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:6px;
  min-height:76px;
  padding:14px 15px;
  border:1px solid #e1e9f3;
  border-radius:14px;
  background:linear-gradient(180deg,#fbfdff 0%,#f7faff 100%);
}
.profile-data-list-v76 .profile-info-label{
  display:block;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.07em;
  color:#7890aa;
}
.profile-data-list-v76 .profile-info-value{
  display:block;
  width:100%;
  font-size:14px;
  line-height:1.35;
  font-weight:750;
  color:#132a4a;
  text-align:left;
  overflow-wrap:anywhere;
}
.profile-data-list-v76 .profile-info-card-balance{
  background:linear-gradient(180deg,#f8fbff 0%,#f1f7ff 100%);
  border-color:#d7e6fa;
}
.profile-data-list-v76 .profile-info-card-balance .profile-info-value{
  color:#1769e8;
  font-size:16px;
}
@media(max-width:560px){
  .profile-data-list-v76{grid-template-columns:1fr;gap:8px}
  .profile-data-list-v76 .profile-info-card{min-height:68px;padding:12px 13px}
  .profile-data-list-v76 .profile-info-label{font-size:10px}
  .profile-data-list-v76 .profile-info-value{font-size:13px}
}

/* =====================================================================
   ECUACINE WEB v2.3.79 — Reportes WEB y exportación Excel
   ===================================================================== */
.reports-hero{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:24px 26px;border:1px solid var(--client-line);border-radius:22px;
  background:linear-gradient(135deg,#ffffff 0%,#f4f8ff 100%);box-shadow:var(--client-shadow);
}
.reports-hero h2{margin:4px 0 8px;font-size:27px;line-height:1.12;color:#132a4a;letter-spacing:-.03em}
.reports-hero p{margin:0;color:#71839b;font-size:14px;line-height:1.55}
.reports-main-download{min-width:220px;justify-content:center}
.reports-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.reports-kpi{background:#fff;border:1px solid var(--client-line);border-radius:18px;padding:17px 18px;box-shadow:var(--client-shadow)}
.reports-kpi span{display:block;color:#7789a0;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.reports-kpi strong{display:block;margin-top:7px;font-size:27px;line-height:1;color:#132a4a;letter-spacing:-.03em}
.reports-kpi small{display:block;margin-top:9px;color:#788ba2;font-size:12px;line-height:1.45}
.reports-download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.report-download-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;border:1px solid var(--client-line);border-radius:20px;background:#fff;box-shadow:var(--client-shadow)}
.report-download-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#eaf2ff;color:#1769e8;font-size:13px;font-weight:950;letter-spacing:.06em}
.report-download-icon.soft{background:#eef8f3;color:#159a5b}
.report-download-card h3{margin:3px 0 5px;color:#132a4a;font-size:19px;letter-spacing:-.02em}
.report-download-card p{margin:0;color:#74869d;font-size:12px;line-height:1.55}
.admin-account-results-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1100px){
  .reports-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reports-download-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .reports-hero{align-items:flex-start;flex-direction:column;padding:20px}
  .reports-main-download{width:100%}
  .reports-kpi-grid{grid-template-columns:1fr 1fr;gap:10px}
  .report-download-card{grid-template-columns:50px minmax(0,1fr);padding:16px}
  .report-download-card .btn{grid-column:1 / -1;width:100%;justify-content:center}
  .report-download-icon{width:50px;height:50px;border-radius:15px}
}
@media(max-width:520px){
  .reports-kpi-grid{grid-template-columns:1fr}
  .reports-hero h2{font-size:23px}
}


/* =====================================================================
   ECUACINE WEB v2.3.82 — legibilidad sutil de productos en Inicio
   ===================================================================== */
.home-products .product-compact-card h3{
  font-size:14px;
}
.home-products .product-card-top .availability{
  font-size:10px;
  padding:5px 8px;
}
.home-products .product-price-row small{
  font-size:10px;
}
.home-products .product-price-row>span{
  font-size:11px;
  line-height:1.3;
  font-weight:500;
  color:#74849a;
}
.home-products .product-compact-card .btn{
  font-size:12px;
}
.home-section-head.compact .home-section-subtle{
  font-size:10px;
}
@media(max-width:700px){
  .home-products .product-compact-card h3{font-size:13px}
  .home-products .product-card-top .availability{font-size:9px}
  .home-products .product-price-row small{font-size:10px}
  .home-products .product-price-row>span{font-size:10px}
  .home-products .product-compact-card .btn{font-size:11px}
}


/* =====================================================================
   ECUACINE WEB v2.3.83 — Tienda alineada con Inicio + Información producto
   ===================================================================== */
.store-catalog-page{display:grid;gap:12px}
.store-section-head{align-items:flex-end;margin-top:0}
.store-tools-compact{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.compact-search{width:280px}
.compact-search input{font-size:12px}
.store-filter-compact{display:flex;gap:6px}
.store-result-line{display:flex;justify-content:flex-end;color:#8190a3;font-size:11px;margin-top:-4px}
.store-grid-home-style{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.store-grid-home-style .product-compact-card{min-height:250px}
.store-grid-home-style .product-compact-card h3{font-size:14px}
.store-grid-home-style .product-card-top .availability{font-size:10px;padding:5px 8px}
.store-grid-home-style .product-price-row small{font-size:10px}
.store-grid-home-style .product-price-row>span{font-size:11px;line-height:1.3;font-weight:500;color:#74849a}
.store-product-actions{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:8px;margin-top:auto}
.store-product-actions form{width:100%;margin:0}
.store-product-actions .btn{width:100%;min-height:40px;justify-content:center;font-size:11px;padding:9px 8px}
.product-detail-btn{background:#f5f8fc;border-color:#dbe5f0;color:#24415f}
.product-detail-btn:hover{background:#edf3fa;color:#183756}

.product-info-page{max-width:980px;margin:0 auto}
.product-info-card{background:#fff;border:1px solid var(--client-line);border-radius:22px;box-shadow:var(--client-shadow);overflow:hidden}
.product-info-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border-bottom:1px solid #e8eef6;background:linear-gradient(180deg,#fbfdff 0%,#f7faff 100%)}
.product-info-main{display:flex;align-items:center;gap:16px;min-width:0}
.product-info-main .product-mark.large{width:62px;height:62px;border-radius:18px;font-size:24px}
.product-info-main h2{font-size:26px;line-height:1.15;letter-spacing:-.03em;margin:5px 0 8px;color:#102b4c}
.product-info-price{text-align:right;display:flex;flex-direction:column;align-items:flex-end;min-width:150px}
.product-info-price small{font-size:11px;color:#7d8da1}
.product-info-price strong{font-size:34px;line-height:1.05;letter-spacing:-.04em;color:#0b2348;margin:3px 0}
.product-info-price span{font-size:11px;color:#8493a5}
.product-info-content{padding:24px 26px;display:grid;gap:18px}
.product-info-label{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#2768c9;margin-bottom:8px}
.product-description-block p{margin:0;color:#61758f;font-size:14px;line-height:1.7;max-width:780px}
.product-info-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.product-info-facts article{background:#f8fbff;border:1px solid #e1eaf5;border-radius:16px;padding:15px 16px}
.product-info-facts span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#8492a4;margin-bottom:6px}
.product-info-facts strong{font-size:16px;color:#173657}
.product-info-note{background:#eef6ff;border:1px solid #d7e7fb;border-radius:16px;padding:15px 17px}
.product-info-note div{display:flex;flex-direction:column;gap:4px}
.product-info-note strong{font-size:13px;color:#1859aa}
.product-info-note span{font-size:12px;color:#63758d;line-height:1.55}
.product-info-actions{display:flex;justify-content:space-between;gap:12px;padding:0 26px 24px}
.product-info-actions form{margin:0}
.product-info-actions .btn{min-width:180px;justify-content:center}

@media(max-width:1050px){
  .store-grid-home-style{grid-template-columns:repeat(2,minmax(0,1fr))}
  .store-section-head{align-items:flex-start;flex-direction:column}
  .store-tools-compact{justify-content:flex-start;width:100%}
}
@media(max-width:700px){
  .compact-search{width:100%}
  .store-tools-compact{align-items:stretch;flex-direction:column}
  .store-filter-compact{width:100%}
  .store-filter-compact .filter-chip{flex:1}
  .store-grid-home-style{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .store-grid-home-style .product-compact-card{min-height:220px;padding:12px}
  .store-grid-home-style .product-compact-card h3{font-size:13px}
  .store-product-actions{grid-template-columns:1fr;gap:6px}
  .store-product-actions .btn{font-size:10px;min-height:36px}
  .product-info-header{align-items:flex-start;flex-direction:column;padding:20px}
  .product-info-price{align-items:flex-start;text-align:left}
  .product-info-main h2{font-size:22px}
  .product-info-price strong{font-size:30px}
  .product-info-content{padding:20px}
  .product-info-facts{grid-template-columns:1fr}
  .product-info-actions{padding:0 20px 20px;flex-direction:column-reverse}
  .product-info-actions .btn,.product-info-actions form{width:100%}
}
@media(max-width:460px){
  .store-grid-home-style{grid-template-columns:1fr}
  .store-product-actions{grid-template-columns:1fr 1fr}
}


/* =====================================================================
   ECUACINE WEB v2.3.84 — Información de producto también desde Inicio
   ===================================================================== */
.home-products .product-compact-card{min-height:250px}
.home-product-actions{margin-top:auto}
.home-product-actions .btn{font-size:11px;min-height:40px}
@media(max-width:700px){
  .home-products .product-compact-card{min-height:220px}
  .home-product-actions{grid-template-columns:1fr;gap:6px}
  .home-product-actions .btn{min-height:36px;font-size:10px}
}


/* =====================================================================
   ECUACINE WEB v2.3.87 — Admin: modal propio, navegación y tickets
   ===================================================================== */
.admin-header-inner{
  max-width:1680px;
  height:84px;
  gap:18px;
}
.admin-nav{gap:4px}
.admin-nav a{
  padding:0 18px;
  font-size:14px;
  font-weight:850;
  letter-spacing:-.01em;
  position:relative;
  min-height:100%;
}
.admin-ticket-nav-link{display:flex!important;align-items:center;gap:8px}
.admin-ticket-nav-badge,
.admin-ticket-menu-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:21px;
  height:21px;
  padding:0 6px;
  border-radius:999px;
  background:#ef3658;
  color:#fff;
  font-size:10px;
  line-height:1;
  font-weight:900;
  box-shadow:0 4px 10px rgba(239,54,88,.20);
}
.admin-ticket-menu-badge{margin-left:6px;vertical-align:middle}
.admin-mobile-ticket-link>span{position:relative}
.admin-mobile-ticket-link>span i{
  position:absolute;
  top:-8px;
  right:-12px;
  min-width:17px;
  height:17px;
  padding:0 4px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#ef3658;
  color:#fff;
  font-style:normal;
  font-size:9px;
  font-weight:900;
}

/* Modal de eliminación integrado con ECUACINE */
.admin-modal-open{overflow:hidden}
.admin-delete-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:2000;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(12,28,50,.46);
  backdrop-filter:blur(5px);
}
.admin-delete-modal-backdrop[hidden]{display:none!important}
.admin-delete-modal{
  position:relative;
  width:min(520px,100%);
  border:1px solid #e0e8f2;
  border-radius:22px;
  padding:26px;
  background:#fff;
  box-shadow:0 28px 70px rgba(12,31,58,.22);
}
.admin-delete-modal-close{
  position:absolute;
  top:16px;
  right:16px;
  width:38px;
  height:38px;
  border-radius:12px;
  border:1px solid #e1e9f3;
  background:#f7f9fc;
  color:#6e8198;
  font-size:22px;
  cursor:pointer;
}
.admin-delete-modal-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:#fff0f2;
  margin-bottom:14px;
  font-size:24px;
}
.admin-delete-modal-eyebrow{
  display:block;
  color:#d93a54;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:6px;
}
.admin-delete-modal h3{
  margin:0;
  color:#122d4e;
  font-size:24px;
  line-height:1.2;
  letter-spacing:-.02em;
}
.admin-delete-modal>p{
  margin:10px 0 0;
  color:#536a84;
  font-size:14px;
  line-height:1.55;
}
.admin-delete-modal-note{
  margin-top:16px;
  padding:13px 14px;
  border:1px solid #f0d9dd;
  border-radius:14px;
  background:#fff8f9;
  color:#6d5260;
  font-size:12px;
  line-height:1.55;
}
.admin-delete-modal-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:20px;
}
.admin-delete-modal-actions .btn{
  min-height:46px;
  justify-content:center;
  border-radius:13px;
}

/* Tickets Admin */
.admin-tickets-shell{display:grid;gap:16px}
.admin-tickets-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px;
  border:1px solid #e1e9f3;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 28px rgba(18,43,74,.05);
}
.admin-ticket-filter-group{display:flex;gap:8px;flex-wrap:wrap}
.admin-ticket-filter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border:1px solid #dce6f2;
  border-radius:12px;
  background:#f8fafc;
  color:#536982;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
}
.admin-ticket-filter.active{
  border-color:#2a6de6;
  background:#edf4ff;
  color:#1769e8;
}
.admin-ticket-pending-summary{
  display:flex;
  align-items:center;
  gap:7px;
  color:#a82c43;
  white-space:nowrap;
}
.admin-ticket-pending-summary>span{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#ef3658;
  box-shadow:0 0 0 5px rgba(239,54,88,.10);
}
.admin-ticket-pending-summary strong{font-size:16px}
.admin-ticket-pending-summary small{font-size:11px;color:#71849a}
.admin-tickets-table-wrap{border-radius:18px}
.admin-tickets-table th{font-size:11px}
.admin-tickets-table td{font-size:12px;vertical-align:middle}
.admin-ticket-description{min-width:220px;max-width:360px;line-height:1.5}
.admin-ticket-status{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
.admin-ticket-status.open{background:#fff0f2;color:#cf3650}
.admin-ticket-status.in_progress{background:#fff5e6;color:#b96b05}
.admin-ticket-status.resolved{background:#eaf8f1;color:#12835a}
.admin-ticket-status.closed{background:#eff3f7;color:#64778e}
.admin-ticket-status-form{display:flex;align-items:center;gap:7px;min-width:210px}
.admin-ticket-status-form select{min-height:36px;font-size:11px}
.admin-ticket-status-form .btn{margin:0!important;min-height:36px}
.admin-ticket-empty{
  display:grid;
  place-items:center;
  text-align:center;
  padding:48px 24px;
  border:1px solid #e1e9f3;
  border-radius:20px;
  background:#fff;
}
.admin-ticket-empty>div{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#eaf8f1;
  color:#0f9d67;
  font-size:25px;
  margin-bottom:12px;
}
.admin-ticket-empty strong{font-size:18px;color:#173659}
.admin-ticket-empty p{font-size:12px;color:#71849a;margin:6px 0 16px}

@media(max-width:1450px) and (min-width:901px){
  .admin-header-inner{padding:0 12px;gap:10px}
  .admin-nav a{padding:0 8px;font-size:11.5px}
  .admin-ticket-nav-badge{min-width:19px;height:19px;font-size:9px}
}
@media(max-width:900px){
  .admin-delete-modal{padding:22px 18px}
  .admin-delete-modal-actions{grid-template-columns:1fr}
  .admin-tickets-toolbar{align-items:flex-start;flex-direction:column}
  .admin-ticket-status-form{min-width:0;flex-direction:column;align-items:stretch}
}


/* =====================================================================
   ECUACINE WEB v2.3.88 — legibilidad Tienda Admin
   Ajuste moderado de tipografía sin cambiar layout ni lógica.
   ===================================================================== */
.admin-store-hero p{font-size:12px!important;line-height:1.55}
.admin-store-rules span{font-size:10px!important;padding:7px 10px}
.admin-store-card-head h3{font-size:15px!important;line-height:1.3}
.admin-store-card-head p{font-size:10px!important;line-height:1.45}
.admin-store-step{font-size:12px!important}
.admin-store-form .field>label{font-size:12px!important;line-height:1.35}
.admin-store-form input,.admin-store-form select{font-size:13px}
.admin-store-selected-user strong{font-size:11px!important}
.admin-store-selected-user small{font-size:9.5px!important;line-height:1.4}
.admin-store-input-helper{font-size:11.5px!important;line-height:1.5}
.admin-store-scope-option strong{font-size:11px!important}
.admin-store-scope-option small{font-size:9.5px!important;line-height:1.45}
.admin-store-stock-card .eyebrow{font-size:10px!important}
.admin-store-stock-card h3{font-size:16px!important}
.admin-store-product-list strong{font-size:10.5px!important;line-height:1.35}
.admin-store-product-list span{font-size:9.5px!important;line-height:1.35}
.admin-store-policy-card strong{font-size:11px!important;line-height:1.35}
.admin-store-policy-card p{font-size:9.5px!important;line-height:1.5}
.admin-store-confirm-head h2,.admin-store-success-head h2{font-size:19px!important}
.admin-store-success-head p{font-size:10.5px!important}
.admin-store-summary-grid span{font-size:9.5px!important}
.admin-store-summary-grid strong{font-size:12px!important}
.admin-store-summary-grid small{font-size:10px!important}
.admin-store-price-field>label{font-size:12px!important}
.admin-store-price-field>label span{font-size:10px!important}
.admin-store-price-field small{font-size:10.5px!important}
.admin-store-confirm-warning strong{font-size:11.5px!important}
.admin-store-confirm-warning span{font-size:10.5px!important}
.admin-store-success-note{font-size:10px!important}
@media(max-width:650px){
  .admin-store-hero p{font-size:11.5px!important}
  .admin-store-rules span{font-size:9.5px!important}
  .admin-store-card-head h3{font-size:14px!important}
  .admin-store-product-list strong{font-size:10px!important}
  .admin-store-product-list span{font-size:9px!important}
}

/* =====================================================================
   ECUACINE WEB v2.3.89 — Notification Parity / configuración central
   ===================================================================== */
.notification-settings-hero{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:28px 30px;margin-bottom:22px;border:1px solid #dce6f3;border-radius:22px;
  background:linear-gradient(135deg,#ffffff 0%,#f4f8ff 100%);
  box-shadow:0 14px 34px rgba(21,48,85,.06);
}
.notification-settings-hero h2{margin:5px 0 8px;font-size:28px;line-height:1.15;color:#0d2b50}
.notification-settings-hero p{margin:0;max-width:800px;font-size:14px;line-height:1.65;color:#667892}
.notification-settings-kpi{min-width:150px;padding:18px 22px;border:1px solid #d5e3f5;border-radius:18px;background:#fff;text-align:center}
.notification-settings-kpi strong{display:block;font-size:30px;line-height:1;color:#1768e5}
.notification-settings-kpi span{display:block;margin-top:7px;font-size:12px;font-weight:800;color:#74849a}
.notification-settings-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:20px;align-items:start}
.notification-settings-panel{border:1px solid #dce6f3;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 12px 30px rgba(21,48,85,.05)}
.notification-settings-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 24px;border-bottom:1px solid #e6edf6;background:#fbfdff}
.notification-settings-panel-head h3{margin:5px 0 0;font-size:19px;color:#102d50}
.notification-audience-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 11px;border-radius:999px;font-size:11px;font-weight:900}
.notification-audience-chip.client{background:#edf5ff;color:#1768e5}
.notification-audience-chip.admin{background:#f0edff;color:#6544c9}
.notification-setting-list{padding:8px 16px 16px}
.notification-setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 8px;border-bottom:1px solid #edf2f8}
.notification-setting-row:last-child{border-bottom:0}
.notification-setting-copy{display:flex;align-items:center;gap:12px;min-width:0}
.notification-setting-copy strong{display:block;font-size:13px;line-height:1.35;color:#173553}
.notification-setting-copy small{display:block;margin-top:3px;font-size:10px;line-height:1.3;color:#91a0b2;word-break:break-all}
.notification-status-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#c5cfdb;box-shadow:0 0 0 5px #f2f5f8}
.notification-setting-row.enabled .notification-status-dot{background:#18b76b;box-shadow:0 0 0 5px #eaf8f1}
.notification-toggle{position:relative;display:inline-flex;align-items:center;gap:8px;min-width:112px;height:36px;padding:0 12px;border:1px solid #d8e2ef;border-radius:999px;background:#f4f7fb;color:#68788e;font-size:11px;font-weight:900;cursor:pointer}
.notification-toggle span{width:18px;height:18px;border-radius:50%;background:#aeb9c7;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.notification-toggle.on{border-color:#bfead2;background:#ecfbf3;color:#118951}
.notification-toggle.on span{background:#1dc878}
.notification-toggle.off{border-color:#eadfe1;background:#fff5f5;color:#9a5a62}
.notification-toggle:disabled{cursor:not-allowed;opacity:.5}
.notification-settings-note{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding:16px 18px;border:1px solid #dce7f4;border-radius:16px;background:#f8fbff;color:#64758d}
.notification-settings-note>div{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:10px;background:#e9f2ff;color:#1768e5;font-weight:900}
.notification-settings-note p{margin:2px 0 0;font-size:12px;line-height:1.6}
@media(max-width:900px){
  .notification-settings-grid{grid-template-columns:1fr}
  .notification-settings-hero{align-items:flex-start;flex-direction:column}
  .notification-settings-kpi{min-width:0;width:100%}
}
@media(max-width:560px){
  .notification-settings-hero{padding:20px}
  .notification-settings-panel-head{padding:18px}
  .notification-setting-list{padding:6px 12px 12px}
  .notification-setting-row{align-items:flex-start;flex-direction:column}
  .notification-toggle{margin-left:22px}
}

/* v2.3.90 · registro/verificación: recuperación amigable de sesión */
.verification-expired-card{max-width:520px}
.verification-expired-actions{display:grid;gap:9px;margin-top:18px}

/* =====================================================================
   ECUACINE WEB v2.3.91 — búsqueda parcial de clientes en Ventas históricas
   ===================================================================== */
.historical-client-results{
  margin-top:12px;
  padding:12px;
  border:1px solid #d9e4f1;
  border-radius:13px;
  background:#f8fbff;
}
.historical-client-results-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:9px;
}
.historical-client-results-head strong,
.historical-client-results-head span{
  display:block;
}
.historical-client-results-head strong{
  color:#173451;
  font-size:11px;
}
.historical-client-results-head span{
  margin-top:2px;
  color:#72839a;
  font-size:9px;
}
.historical-client-results-head small{
  color:#7d8da1;
  font-size:8.5px;
  white-space:nowrap;
}
.historical-client-result-list{
  display:grid;
  gap:7px;
}
.historical-client-result{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:10px 11px;
  border:1px solid #e0e8f1;
  border-radius:11px;
  background:#fff;
  box-shadow:0 3px 12px rgba(16,45,78,.025);
}
.historical-client-result.exact{
  border-color:#b9d5fb;
  background:#fafdff;
}
.historical-client-result-main{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.historical-client-avatar{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#eaf3ff;
  color:#1769e8;
  font-size:13px;
  font-weight:950;
}
.historical-client-result-copy{
  min-width:0;
}
.historical-client-result-title{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.historical-client-result-title strong{
  color:#173451;
  font-size:11px;
  line-height:1.25;
}
.historical-client-result-title>span{
  padding:3px 6px;
  border-radius:999px;
  background:#eaf4ff;
  color:#1769e8;
  font-size:7px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.historical-client-result-meta{
  display:flex;
  align-items:center;
  gap:5px 9px;
  flex-wrap:wrap;
  margin-top:4px;
}
.historical-client-result-meta>span{
  color:#7a8a9f;
  font-size:8.5px;
  overflow-wrap:anywhere;
}
.historical-client-result-meta>span:not(:last-child)::after{
  content:"·";
  margin-left:9px;
  color:#b5c1ce;
}
.historical-client-result-meta .historical-client-state{
  padding:2px 6px;
  border-radius:999px;
  font-weight:850;
}
.historical-client-result-meta .historical-client-state::after{
  display:none;
}
.historical-client-state.active{
  background:#ecf8f3;
  color:#18734f!important;
}
.historical-client-state.inactive{
  background:#fff1f2;
  color:#b72b40!important;
}
.historical-client-select{
  flex:0 0 auto;
  min-width:104px;
  justify-content:center;
}
@media(max-width:700px){
  .historical-client-results-head{
    flex-direction:column;
    gap:3px;
  }
  .historical-client-results-head small{
    white-space:normal;
  }
  .historical-client-result{
    align-items:stretch;
    flex-direction:column;
  }
  .historical-client-select{
    width:100%;
  }
}

/* =====================================================================
   ECUACINE WEB v2.3.93 — limpieza de navegación admin
   ===================================================================== */
.admin-nav a{border-radius:0;box-shadow:none;outline:none}
.admin-nav a:hover{background:#f3f7ff}
.admin-nav a.active{border-radius:0;box-shadow:none;outline:none}
@media (max-width:1460px){
  .admin-header-inner{padding:0 20px;gap:14px}
  .admin-nav a{padding:0 14px;font-size:13px}
}
@media (max-width:1280px){
  .admin-nav a{padding:0 12px;font-size:12.5px}
}


/* =====================================================================
   ECUACINE WEB v2.3.94 — Cuentas Admin: legibilidad sutil
   ===================================================================== */
.admin-account-results-head h3{font-size:15px!important}
.admin-account-results-head p{font-size:10.5px!important}
.admin-accounts-table th{font-size:11px!important}
.admin-accounts-table td{font-size:12px!important}
.admin-account-email{font-size:11.5px!important}
.admin-account-password{font-size:11.5px!important}
.admin-account-product{font-size:10.5px!important}
.admin-accounts-table .badge{font-size:10.5px!important}
.admin-account-expiry strong{font-size:12px!important}
.admin-account-expiry small{font-size:9.5px!important}
.admin-account-client strong{font-size:11.5px!important}
.admin-account-client small{font-size:10px!important}
.admin-account-action{font-size:10px!important;min-height:31px;padding:6px 9px}
.admin-account-readonly{font-size:9.5px!important}

/* =====================================================================
   ECUACINE WEB v2.3.95 — estado activo limpio en navegación admin
   ===================================================================== */
.admin-nav a,
.admin-nav a.active{border-radius:0!important;box-shadow:none!important;outline:none!important}

/* =====================================================================
   ECUACINE WEB v2.3.98 — Créditos especiales por producto
   ===================================================================== */
.product-credit-home,
.credit-wallet-hero,
.admin-credit-shell,
.credit-report-section{
  background:#fff;
  border:1px solid var(--client-line);
  border-radius:20px;
  box-shadow:var(--client-shadow);
}
.product-credit-home{padding:22px;margin:0 0 24px}
.product-credit-home-head,
.admin-credit-head,
.credit-section-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px
}
.product-credit-home-head h2,
.admin-credit-head h2,
.credit-section-head h2{margin:4px 0 4px;color:#0b2345}
.product-credit-home-head p,
.admin-credit-head p{margin:0;color:var(--client-muted);font-size:13px}
.product-credit-wallet-grid,
.admin-credit-wallet-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin-top:18px
}
.product-credit-wallet-mini,
.admin-credit-wallet-grid article,
.credit-wallet-grid article{
  border:1px solid #dbe7f6;background:#f7faff;border-radius:16px;padding:16px
}
.product-credit-wallet-mini span,
.admin-credit-wallet-grid article span,
.credit-wallet-grid article span{display:block;color:#5f7190;font-size:12px;font-weight:800}
.product-credit-wallet-mini strong,
.admin-credit-wallet-grid article strong,
.credit-wallet-grid article strong{display:block;color:#0a57cc;font-size:27px;line-height:1.15;margin-top:5px}
.product-credit-wallet-mini small,
.admin-credit-wallet-grid article small,
.credit-wallet-grid article small{color:#8695aa;font-size:11px}

.cart-pay-option-v65.credit-option{border-color:#cfe1ff;background:#f8fbff}
.cart-pay-option-v65.credit-option.selected{border-color:#1769e8;background:#eef5ff}

.renew-credit-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#94a2b5;font-size:11px}
.renew-credit-divider:before,.renew-credit-divider:after{content:"";height:1px;background:#e4ebf4;flex:1}
.renew-credit-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #cfe0f6;border-radius:16px;background:#f7faff}
.renew-credit-card>div{display:grid;gap:4px}
.renew-credit-card>div>strong{font-size:14px;color:#0b2345}
.renew-credit-card>div>small{font-size:11px;color:#6f8199}
.renew-credit-card.disabled{opacity:.62;background:#f7f8fa}
.renew-credit-help{font-size:11px;color:#7c8ba0;margin:8px 2px 0}
.order-credit-method{display:inline-flex;margin-top:8px;padding:6px 10px;border-radius:999px;background:#eef5ff;color:#0f61d7;font-size:11px;font-weight:850}

.credit-wallet-hero{padding:24px}
.credit-wallet-hero>div:first-child p{color:var(--client-muted);font-size:13px;margin:4px 0 0}
.credit-wallet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:20px}
.credit-history-card,.credit-report-section{padding:22px;margin-top:18px}
.credit-section-head{align-items:center;margin-bottom:14px}
.credit-section-head>span{font-size:11px;color:#7f8fa5}
.credit-history-table th{font-size:11px;white-space:nowrap}
.credit-history-table td{font-size:12px;vertical-align:middle}
.credit-change{display:inline-flex;min-width:44px;justify-content:center;padding:5px 8px;border-radius:999px;font-weight:900}
.credit-change.positive{background:#e9f8f2;color:#087f59}
.credit-change.negative{background:#fff0f3;color:#c62e4d}
.credit-empty{display:grid;gap:6px}

.admin-credit-shell{padding:24px;margin:22px 0}
.admin-credit-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.admin-credit-form-card{box-shadow:none;background:#fbfcfe}
.admin-credit-form-card h3{margin:5px 0 14px}
.admin-credit-help{margin:10px 0 0;font-size:11px;color:#7a8aa1;line-height:1.45}
.admin-credit-history-head{margin-top:24px}

.credit-report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.credit-report-kpis article{background:#fff;border:1px solid var(--client-line);border-radius:18px;padding:18px;box-shadow:var(--client-shadow)}
.credit-report-kpis span{display:block;font-size:12px;color:#74849a;font-weight:760}
.credit-report-kpis strong{display:block;margin-top:7px;font-size:26px;color:#0a2346}

@media(max-width:900px){
  .product-credit-home-head,.admin-credit-head,.credit-section-head{flex-direction:column;align-items:stretch}
  .admin-credit-action-grid{grid-template-columns:1fr}
  .credit-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .renew-credit-card{align-items:stretch;flex-direction:column}
  .renew-credit-card .btn{width:100%}
}
@media(max-width:560px){
  .credit-report-kpis{grid-template-columns:1fr 1fr;gap:10px}
  .credit-report-kpis article{padding:14px}
  .credit-report-kpis strong{font-size:22px}
  .product-credit-wallet-grid,.admin-credit-wallet-grid,.credit-wallet-grid{grid-template-columns:1fr 1fr}
}


/* =====================================================================
   ECUACINE WEB v2.3.99 — créditos Admin: respiración y jerarquía visual
   ===================================================================== */
.admin-credit-shell{
  padding:28px 30px 30px;
  margin:24px 0;
}
.admin-credit-head{
  align-items:center;
  margin-bottom:26px;
}
.admin-credit-head>div{min-width:0}
.admin-credit-head h2{
  margin:5px 0 7px;
  font-size:27px;
  line-height:1.15;
}
.admin-credit-head p{
  max-width:850px;
  font-size:13.5px;
  line-height:1.5;
}
.admin-credit-head>.btn{
  min-height:46px;
  padding:0 20px;
  flex:0 0 auto;
}
.admin-credit-empty-notice{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:62px;
  padding:15px 18px;
  margin:0 0 28px;
  border:1px solid #cfe0f6;
  border-radius:16px;
  background:#f5f9ff;
  color:#435b7d;
  font-size:13.5px;
  line-height:1.45;
}
.admin-credit-empty-icon{
  display:grid;
  place-items:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#2f73e8;
  color:#fff;
  font-size:17px;
  line-height:1;
  font-weight:950;
  font-family:Georgia,serif;
}
.admin-credit-wallet-grid{
  margin-top:0;
  margin-bottom:28px;
}
.admin-credit-action-grid{
  gap:24px;
  margin-top:0;
}
.admin-credit-form-card{
  padding:26px;
  border-radius:18px;
  box-shadow:none;
  background:#fbfcfe;
}
.admin-credit-form-card>.eyebrow{
  margin-bottom:5px;
}
.admin-credit-form-card h3{
  margin:6px 0 22px;
  font-size:21px;
  line-height:1.2;
}
.admin-credit-form-card form{
  display:block;
}
.admin-credit-form-card .field{
  margin-bottom:20px;
}
.admin-credit-form-card .field label{
  margin-bottom:8px;
}
.admin-credit-form-card .form-row{
  gap:18px;
}
.admin-credit-form-card input,
.admin-credit-form-card select{
  min-height:50px;
  padding:13px 16px;
}
.admin-credit-form-card .btn.full{
  min-height:48px;
  margin-top:2px;
}
.admin-credit-help{
  margin:14px 2px 0;
  line-height:1.55;
}
.admin-credit-history-head{
  margin-top:30px;
}
@media(max-width:900px){
  .admin-credit-shell{padding:22px 18px 24px}
  .admin-credit-head{align-items:stretch;margin-bottom:20px}
  .admin-credit-head>.btn{width:100%}
  .admin-credit-empty-notice{margin-bottom:22px}
  .admin-credit-action-grid{gap:16px}
  .admin-credit-form-card{padding:21px}
  .admin-credit-form-card h3{margin-bottom:18px}
}

/* =====================================================================
   ECUACINE WEB v2.3.103 — disponibilidad comercial por canal
   ===================================================================== */
.admin-product-status-badges{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  gap:7px;
}
.admin-product-availability-row{
  align-items:flex-start;
}
.admin-product-availability-row .field small{
  display:block;
  margin-top:7px;
  line-height:1.45;
}
.admin-product-client-off{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 12px;
  border:1px solid #dde5ef;
  border-radius:10px;
  background:#f6f8fb;
  color:#74849a;
  font-size:12px;
  font-weight:700;
}
@media(max-width:700px){
  .admin-product-status-badges{
    justify-content:flex-start;
  }
}

/* =====================================================================
   ECUACINE WEB v2.3.104 — Accesos para reventa / PortalCódigos
   ===================================================================== */
.reseller-home-promo,
.delegate-promo-hero,
.delegate-create-card,
.delegate-list-card,
.delegate-detail-summary,
.delegate-manage-card,
.delegate-admin-actions,
.delegate-admin-overview{
  background:#fff;border:1px solid var(--client-line);border-radius:20px;box-shadow:var(--client-shadow)
}
.reseller-home-promo{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;
  padding:20px 22px;margin:0 0 24px;background:linear-gradient(135deg,#f7faff 0%,#fff 72%);
  border-color:#cfe0f6
}
.reseller-home-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#0a57cc;color:#fff;font-size:24px;font-weight:900}
.reseller-home-copy h2{margin:4px 0 5px;color:#0b2345;font-size:19px;line-height:1.2}
.reseller-home-copy p{margin:0;color:#64758d;font-size:12.5px;line-height:1.5;max-width:850px}

.delegate-promo-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:center;padding:30px;margin-bottom:22px;background:linear-gradient(135deg,#f5f9ff,#fff)}
.delegate-promo-copy h2{font-size:29px;line-height:1.12;margin:7px 0 10px;color:#0b2345;max-width:720px}
.delegate-promo-copy p{font-size:14px;line-height:1.6;color:#64758d;margin:0;max-width:800px}
.delegate-promo-points{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:17px;color:#315b8f;font-size:12px;font-weight:800}
.delegate-domain-card{padding:22px;border-radius:18px;border:1px solid #cfe0f6;background:#f8fbff;display:grid;gap:7px}
.delegate-domain-card small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#6f83a0}
.delegate-domain-card strong{font-size:21px;color:#0958cc;word-break:break-word}
.delegate-domain-card span{font-size:11.5px;color:#73849a;margin-bottom:9px}

.delegate-create-card,.delegate-list-card{padding:26px;margin-bottom:22px}
.delegate-create-card.compact{padding:24px}
.delegate-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.delegate-section-head h2{margin:5px 0 5px;font-size:22px;color:#0b2345}
.delegate-section-head p{margin:0;color:#6f8097;font-size:12.5px;line-height:1.5}
.delegate-count-chip{display:inline-flex;padding:7px 11px;border-radius:999px;background:#f1f5fb;color:#58708f;font-size:11px;font-weight:850}
.delegate-form-grid{display:grid;grid-template-columns:1.1fr 1.2fr .7fr;gap:16px;margin-bottom:20px}
.delegate-form-grid .field>span,.delegate-manage-card label>span{display:block;font-size:11.5px;font-weight:850;color:#39506e;margin-bottom:7px}
.delegate-form-grid .field small{display:block;margin-top:6px;color:#8a98aa;font-size:10px}
.delegate-form-grid input,.delegate-form-grid select,.delegate-manage-card select,.delegate-picker-search input,.delegate-admin-search input{width:100%;min-height:46px;border:1px solid #d9e2ed;border-radius:11px;background:#fff;padding:10px 13px;color:#17314f;outline:none}
.delegate-form-grid input:focus,.delegate-form-grid select:focus,.delegate-picker-search input:focus,.delegate-admin-search input:focus{border-color:#80aef1;box-shadow:0 0 0 3px rgba(45,112,224,.09)}

.delegate-account-picker{border:1px solid #e0e7f0;border-radius:17px;overflow:hidden;background:#fbfcfe}
.delegate-account-picker-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid #e5ebf3;background:#f7f9fc}
.delegate-account-picker-head strong{display:block;color:#17314f;font-size:13px}
.delegate-account-picker-head small{display:block;color:#8290a4;font-size:10.5px;margin-top:3px}
.delegate-picker-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.text-action{border:0;background:transparent;color:#1766d5;font-size:11px;font-weight:850;cursor:pointer;padding:4px}.text-action.muted{color:#8492a5}
.delegate-picker-search{display:flex;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid #e8edf4;background:#fff}
.delegate-picker-search input{min-height:39px;padding:8px 11px}
.delegate-picker-search span{white-space:nowrap;color:#73849a;font-size:10.5px;font-weight:800}
.delegate-account-list{max-height:390px;overflow:auto;background:#fff}
.delegate-account-row{position:relative;display:grid;grid-template-columns:24px 125px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid #edf1f6;cursor:pointer;transition:.12s ease}
.delegate-account-row:hover{background:#f8fbff}.delegate-account-row:last-child{border-bottom:0}.delegate-account-row.unavailable{cursor:not-allowed;background:#fafbfc;opacity:.65}
.delegate-account-row input{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;margin:0;opacity:0;pointer-events:none}.delegate-account-row input:focus+.delegate-check-ui{outline:2px solid rgba(23,105,232,.22);outline-offset:2px}
.delegate-check-ui{display:grid;place-items:center;width:18px;height:18px;border:1.5px solid #b9c6d7;border-radius:5px;background:#fff}
.delegate-account-row input:checked+.delegate-check-ui{background:#1769e8;border-color:#1769e8}.delegate-account-row input:checked+.delegate-check-ui:after{content:'✓';color:#fff;font-size:11px;font-weight:950}
.delegate-account-product{display:inline-flex;align-items:center;width:max-content;max-width:125px;padding:5px 8px;border-radius:8px;background:#eef4fd;color:#315f9c;font-size:10px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.delegate-account-row>strong{font-size:12px;color:#193554;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delegate-account-row>small{font-size:10px;color:#8492a4;text-align:right}
.delegate-create-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:17px}.delegate-create-footer p{margin:0;color:#7b899d;font-size:10.5px;line-height:1.45}.delegate-create-footer .btn{min-width:150px}

.delegate-list{display:grid}.delegate-list-row{display:grid;grid-template-columns:42px minmax(160px,1.6fr) repeat(3,minmax(100px,.7fr)) auto 18px;gap:14px;align-items:center;padding:13px 5px;border-bottom:1px solid #edf1f6;color:inherit;text-decoration:none}.delegate-list-row:last-child{border-bottom:0}.delegate-list-row:hover{background:#f9fbfe}.delegate-list-row.admin{grid-template-columns:42px minmax(160px,1.35fr) minmax(160px,1fr) 80px 135px auto 18px}
.delegate-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eaf2ff;color:#1769e8;font-weight:950}.delegate-avatar.large{width:52px;height:52px;border-radius:16px;font-size:18px}
.delegate-main,.delegate-metric,.delegate-owner{display:grid;gap:3px;min-width:0}.delegate-main strong,.delegate-owner strong{font-size:12px;color:#183352;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delegate-main small,.delegate-metric small,.delegate-owner small{font-size:9.5px;color:#8997aa}.delegate-metric strong{font-size:11px;color:#334c6a;font-weight:800}.delegate-chevron{font-size:22px;color:#9caabc}
.delegate-state{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:6px 9px;border-radius:999px;font-size:9.5px;font-weight:900}.delegate-state.state-active{background:#e9f8f2;color:#087e59}.delegate-state.state-suspended{background:#fff6dc;color:#8c6a00}.delegate-state.state-expired{background:#f2f4f7;color:#68778a}.delegate-state.state-revoked{background:#fff0f2;color:#b22a42}
.delegate-empty-state,.delegate-empty-inline{padding:24px;text-align:center;color:#7d8da2}.delegate-empty-state{display:grid;gap:5px}.delegate-empty-state strong{color:#314d6d;font-size:13px}.delegate-empty-state span,.delegate-empty-inline{font-size:11px}

.delegate-credentials-once{border:1px solid #bfe4d4;border-radius:20px;background:#f4fcf8;overflow:hidden;margin-bottom:22px}.delegate-credentials-alert{display:flex;gap:12px;align-items:flex-start;padding:18px 22px;border-bottom:1px solid #d4eee2}.delegate-credentials-alert>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#119b6e;color:#fff;font-weight:950}.delegate-credentials-alert strong{color:#126c50;font-size:14px}.delegate-credentials-alert p{margin:3px 0 0;color:#55776d;font-size:11px}.delegate-credential-grid{display:grid;grid-template-columns:1.1fr 1.2fr 1fr 1fr;gap:1px;background:#d9ebe3}.delegate-credential-grid>div{background:#fff;padding:16px 18px;display:grid;gap:4px}.delegate-credential-grid span{font-size:9.5px;color:#7e908a;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.delegate-credential-grid strong{font-size:12px;color:#153a31;word-break:break-all}.delegate-credential-grid .password strong{font-size:17px;color:#087d59;letter-spacing:.04em}.delegate-credential-grid small{font-size:9.5px;color:#899993}.delegate-credential-actions{display:flex;gap:10px;padding:15px 20px;background:#f8fdfb}

.delegate-detail-summary{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 26px;margin-bottom:18px}.delegate-detail-identity{display:flex;align-items:center;gap:14px;min-width:0}.delegate-detail-identity h2{margin:4px 0;font-size:22px;color:#0b2345}.delegate-detail-identity p{margin:0;color:#6f8199;font-size:11.5px}.delegate-detail-identity small{display:block;color:#72839a;font-size:10px;margin-top:5px}.delegate-summary-metrics{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:10px}.delegate-summary-metrics>div{padding:11px 13px;border:1px solid #e1e8f1;border-radius:13px;background:#fafcff;display:grid;gap:5px}.delegate-summary-metrics span:not(.delegate-state){font-size:9px;color:#8493a7;font-weight:800}.delegate-summary-metrics strong:not(.delegate-state){font-size:11px;color:#29435f}
.delegate-manage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.delegate-manage-card{padding:19px}.delegate-manage-card h3{margin:4px 0 10px;font-size:16px;color:#163453}.delegate-manage-card p{font-size:10.5px;color:#7b899c;line-height:1.45;min-height:30px;margin:0 0 10px}.delegate-manage-card form{display:grid;gap:9px}.delegate-state-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.delegate-admin-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;margin-bottom:18px}.delegate-admin-actions>div{display:flex;gap:8px}.delegate-admin-actions form{margin:0}
.delegate-grant-list{display:grid}.delegate-grant-row{display:grid;grid-template-columns:130px minmax(0,1fr) 155px 100px;gap:12px;align-items:center;padding:11px 3px;border-bottom:1px solid #edf1f6}.delegate-grant-row:last-child{border-bottom:0}.delegate-grant-row>strong{font-size:11.5px;color:#1c3856;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delegate-grant-row>span:not(.delegate-account-product){font-size:10px;color:#73849a}.delegate-grant-row.not-usable{opacity:.55}.delegate-grant-status{font-weight:850!important}
.delegate-audit-list{display:grid}.delegate-audit-row{display:grid;grid-template-columns:160px minmax(0,1fr) 90px;gap:14px;padding:10px 2px;border-bottom:1px solid #edf1f6}.delegate-audit-row span,.delegate-audit-row small{font-size:10px;color:#8190a3}.delegate-audit-row strong{font-size:11px;color:#38506d}.delegate-back-row{margin-top:4px}
.delegate-admin-overview{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;margin-bottom:16px}.delegate-admin-overview h2{margin:4px 0 4px;color:#0b2345}.delegate-admin-overview p{margin:0;color:#708198;font-size:11.5px}.delegate-admin-search{display:flex;gap:9px;align-items:center;margin-bottom:16px}.delegate-admin-search input{flex:1;min-width:0}

@media(max-width:1050px){
  .delegate-list-row{grid-template-columns:42px minmax(180px,1fr) 70px 130px auto 18px}.delegate-list-row .delegate-metric:nth-of-type(3){display:none}
  .delegate-list-row.admin{grid-template-columns:42px minmax(150px,1fr) minmax(140px,1fr) 70px auto 18px}.delegate-list-row.admin .delegate-metric:nth-of-type(2){display:none}
  .delegate-credential-grid{grid-template-columns:1fr 1fr}.delegate-detail-summary{align-items:flex-start;flex-direction:column}.delegate-summary-metrics{width:100%}
}
@media(max-width:800px){
  .reseller-home-promo{grid-template-columns:auto 1fr}.reseller-home-promo>.btn{grid-column:1/-1;width:100%}
  .delegate-promo-hero{grid-template-columns:1fr;padding:22px}.delegate-domain-card{max-width:none}.delegate-form-grid{grid-template-columns:1fr}.delegate-account-row{grid-template-columns:24px 105px minmax(0,1fr)}.delegate-account-row>small{grid-column:3;text-align:left}.delegate-manage-grid{grid-template-columns:1fr}.delegate-summary-metrics{grid-template-columns:1fr 1fr}.delegate-grant-row{grid-template-columns:110px minmax(0,1fr)}.delegate-grant-row>span:nth-of-type(2),.delegate-grant-status{grid-column:2}.delegate-list-row,.delegate-list-row.admin{grid-template-columns:42px minmax(0,1fr) auto 18px}.delegate-list-row .delegate-metric,.delegate-list-row .delegate-owner{display:none}
}
@media(max-width:560px){
  .delegate-create-card,.delegate-list-card{padding:18px}.delegate-promo-copy h2{font-size:24px}.delegate-account-picker-head{align-items:flex-start;flex-direction:column}.delegate-picker-search{align-items:stretch;flex-direction:column}.delegate-create-footer{align-items:stretch;flex-direction:column}.delegate-create-footer .btn{width:100%}.delegate-credential-grid{grid-template-columns:1fr}.delegate-credential-actions{flex-direction:column}.delegate-credential-actions .btn{width:100%}.delegate-summary-metrics{grid-template-columns:1fr 1fr}.delegate-admin-overview{align-items:stretch;flex-direction:column}.delegate-admin-overview .btn{width:100%}.delegate-admin-search{align-items:stretch;flex-direction:column}.delegate-admin-search .btn{width:100%}.delegate-admin-actions{align-items:stretch;flex-direction:column}.delegate-admin-actions>div{display:grid;grid-template-columns:1fr 1fr}.delegate-admin-actions .btn{width:100%}
}

/* v2.3.116 — checkbox delegado anclado a su fila para evitar saltos de scroll al enfocar. */

/* ECUACINE WEB v2.3.117 — Accesos para reventa simplificados */
.delegate-create-simple{padding:24px 26px}
.delegate-create-simple .delegate-form-grid{margin-bottom:6px}
.delegate-create-simple .delegate-create-footer{border-top:1px solid #edf1f6;margin-top:14px}
.delegate-list-actions{gap:10px}
.delegate-list-row-actions{grid-template-columns:42px minmax(180px,1.35fr) 70px 150px auto minmax(330px,auto);border:1px solid #e5ebf3;border-radius:15px;padding:14px 16px;margin:0;background:#fff}
.delegate-list-row-actions:hover{background:#fbfdff;border-color:#d8e4f4}
.delegate-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.delegate-row-actions form{margin:0}
.delegate-row-actions .btn{min-height:36px;padding:0 11px;font-size:10px;white-space:nowrap}
.delegate-manage-grid-friendly{grid-template-columns:1.15fr .85fr .85fr}
.delegate-manage-grid-friendly .delegate-manage-card{display:flex;flex-direction:column}
.delegate-manage-grid-friendly .delegate-manage-card>form:last-child{margin-top:auto}
.delegate-manage-grid-friendly #seguridad>.btn{margin-bottom:9px}
.delegate-accounts-only .delegate-account-list{max-height:460px}
@media(max-width:1200px){.delegate-list-row-actions{grid-template-columns:42px minmax(170px,1fr) 70px auto minmax(280px,auto)}.delegate-list-row-actions>.delegate-metric:nth-of-type(2){display:none}}
@media(max-width:900px){.delegate-list-row-actions{grid-template-columns:42px minmax(0,1fr) auto}.delegate-list-row-actions>.delegate-metric{display:none}.delegate-row-actions{grid-column:2/-1;justify-content:flex-start}.delegate-manage-grid-friendly{grid-template-columns:1fr}}
@media(max-width:600px){.delegate-list-row-actions{grid-template-columns:38px minmax(0,1fr);padding:13px}.delegate-list-row-actions>.delegate-state{grid-column:2}.delegate-row-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.delegate-row-actions .btn,.delegate-row-actions form,.delegate-row-actions form .btn{width:100%}.delegate-row-actions form:last-child{grid-column:1/-1}}


/* ECUACINE WEB v2.3.118 — tarjetas de accesos más legibles */
.delegate-list-row-actions{
  grid-template-columns:54px minmax(210px,1.45fr) 82px 170px auto minmax(360px,auto);
  min-height:96px;
  padding:18px 20px;
  border-radius:18px;
  gap:16px;
}
.delegate-list-row-actions .delegate-avatar{width:48px;height:48px;border-radius:14px;font-size:17px}
.delegate-list-row-actions .delegate-main{display:grid;gap:4px}
.delegate-list-row-actions .delegate-main strong{font-size:14px;line-height:1.2}
.delegate-list-row-actions .delegate-main small{font-size:10.5px}
.delegate-list-row-actions .delegate-metric small{font-size:9.5px}
.delegate-list-row-actions .delegate-metric strong{font-size:12.5px}
.delegate-list-row-actions .delegate-state{font-size:9.5px;padding:7px 10px}
.delegate-list-row-actions .delegate-row-actions{gap:9px}
.delegate-list-row-actions .delegate-row-actions .btn{min-height:42px;padding:0 14px;font-size:10.5px;border-radius:11px}
@media(max-width:1200px){.delegate-list-row-actions{grid-template-columns:50px minmax(190px,1fr) 78px auto minmax(310px,auto)}}
@media(max-width:900px){.delegate-list-row-actions{grid-template-columns:48px minmax(0,1fr) auto;min-height:auto;padding:17px}.delegate-list-row-actions>.delegate-metric{display:none}.delegate-row-actions{grid-column:2/-1;justify-content:flex-start}}
@media(max-width:600px){.delegate-list-row-actions{grid-template-columns:44px minmax(0,1fr);padding:15px}.delegate-list-row-actions>.delegate-state{grid-column:2}.delegate-row-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.delegate-row-actions .btn,.delegate-row-actions form,.delegate-row-actions form .btn{width:100%}.delegate-row-actions form:last-child{grid-column:1/-1}}

/* ECUACINE WEB v2.3.119 — refinamiento de gestión de accesos */
.delegate-control-suite{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.delegate-control-card{padding:22px!important;border:1px solid #e1e8f2;background:#fff;box-shadow:0 10px 26px rgba(21,48,82,.055);border-radius:18px;min-height:292px}
.delegate-control-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.delegate-control-head .delegate-control-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eef5ff;color:#1764c8;font-size:18px;font-weight:900;flex:0 0 auto}
.delegate-control-card.validity .delegate-control-icon{background:#f2f6ff;color:#5f79a6}
.delegate-control-card.state .delegate-control-icon{background:#eef8f4;color:#168363}
.delegate-control-head h3{margin:3px 0 0!important;font-size:17px!important}
.delegate-control-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;margin-bottom:11px;border:1px solid #e5ebf3;border-radius:12px;background:#f9fbfd}
.delegate-control-status>span{font-size:9.5px;color:#7e8da1;font-weight:800}
.delegate-control-status>strong:not(.delegate-state){font-size:11.5px;color:#243f5e;text-align:right}
.delegate-control-status.warning{background:#fff9ec;border-color:#f2e2b6}
.delegate-control-status.warning>span{color:#a77a15}.delegate-control-status.warning>strong{color:#7f6318!important}
.delegate-control-card>p{min-height:42px!important;margin-bottom:13px!important;font-size:10.5px!important;line-height:1.55!important}
.delegate-control-card form{margin-top:auto}
.delegate-control-card.credentials>.btn{margin-bottom:9px}
.delegate-control-card select{height:46px;border-radius:11px}
.delegate-state-actions{margin-top:auto;grid-template-columns:1fr;gap:8px}
.delegate-state-actions .btn{min-height:44px}
.delegate-control-card.state .delegate-state{justify-self:end}
.delegate-picker-search-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center!important}
.delegate-picker-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.delegate-picker-tools .btn{min-height:40px;padding:0 13px;font-size:10px;white-space:nowrap}
.delegate-picker-tools>span{min-width:104px;font-size:10px;font-weight:850;color:#6e7f94;text-align:right}
.delegate-modal-open{overflow:hidden}
.delegate-password-modal-backdrop{position:fixed;inset:0;z-index:2200;background:rgba(12,28,50,.56);display:grid;place-items:center;padding:20px;backdrop-filter:blur(2px)}
.delegate-password-modal-backdrop[hidden]{display:none!important}
.delegate-password-modal{position:relative;width:min(100%,520px);background:#fff;border:1px solid #dce5f0;border-radius:22px;box-shadow:0 28px 90px rgba(13,37,70,.28);padding:28px}
.delegate-password-modal-close{position:absolute;right:16px;top:14px;border:0;background:#f3f6fa;color:#63758c;width:34px;height:34px;border-radius:10px;font-size:22px;line-height:1;cursor:pointer}
.delegate-password-modal-icon{display:grid;place-items:center;width:50px;height:50px;margin-bottom:14px;border-radius:15px;background:#eef5ff;color:#1764c8;font-size:23px}
.delegate-password-modal h3{font-size:23px;margin:5px 0 9px;color:#0b2345}
.delegate-password-modal>p{font-size:11.5px;line-height:1.6;color:#6f8095;margin:0 0 15px}
.delegate-password-modal-note{padding:11px 13px;border-radius:11px;background:#f7f9fc;border:1px solid #e5ebf2;color:#536a85;font-size:10.5px;line-height:1.45}
.delegate-password-modal-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;margin-top:19px}
.delegate-password-modal-actions .btn{min-height:46px}
@media(max-width:1000px){.delegate-control-suite{grid-template-columns:1fr}.delegate-control-card{min-height:auto}.delegate-picker-search-actions{grid-template-columns:1fr}.delegate-picker-tools{justify-content:flex-start}.delegate-picker-tools>span{text-align:left}}
@media(max-width:600px){.delegate-picker-tools{display:grid;grid-template-columns:1fr 1fr}.delegate-picker-tools>span{grid-column:1/-1}.delegate-picker-tools .btn{width:100%}.delegate-password-modal{padding:24px 18px}.delegate-password-modal-actions{grid-template-columns:1fr}}

/* ECUACINE WEB v2.3.119 — detalle de acceso simplificado */
.delegate-control-suite{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.delegate-control-suite,.delegate-control-suite *{font-family:inherit}
.delegate-control-card{min-height:0;padding:22px!important}
.delegate-control-head{display:block;margin-bottom:14px}
.delegate-control-head h3{margin:4px 0 0!important;font-size:18px!important;line-height:1.25;letter-spacing:normal}
.delegate-control-status{font-family:inherit}
.delegate-control-status>span,.delegate-control-status>strong{font-family:inherit;letter-spacing:normal}
.delegate-control-card>p{min-height:0!important;font-family:inherit;font-size:11px!important;line-height:1.55!important}
.delegate-control-card .btn,.delegate-control-card select{font-family:inherit;letter-spacing:normal}
.delegate-control-card form{margin-top:14px}
.delegate-control-card.credentials>.btn{margin-bottom:10px}
.delegate-password-modal,.delegate-password-modal *{font-family:inherit}
.delegate-password-modal h3{letter-spacing:normal}
.delegate-picker-tools .btn{font-family:inherit;letter-spacing:normal}
@media(max-width:900px){.delegate-control-suite{grid-template-columns:1fr}}

.delegate-control-icon,.delegate-password-modal-icon{display:none!important}

/* ECUACINE WEB v2.3.122 — refinamiento visual de gestión de cuentas delegadas */
.delegate-access-manager{padding:30px!important;border-radius:22px;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);box-shadow:0 16px 38px rgba(17,45,82,.06)}
.delegate-access-manager-head{margin-bottom:24px;padding-bottom:4px}
.delegate-access-manager-head h2{margin-bottom:9px}
.delegate-access-manager-head p{max-width:840px;line-height:1.6}
.delegate-account-block{border:1px solid #dfe8f3;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 26px rgba(16,43,77,.05)}
.delegate-account-block+.delegate-account-block{margin-top:22px}
.delegate-account-block.assigned{border-color:#d9e6f4}
.delegate-account-block.available{border-color:#dee8f5}
.delegate-account-block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:24px 26px 18px;background:linear-gradient(180deg,#fbfdff 0%,#f5f9fd 100%);border-bottom:1px solid #e9eff6}
.delegate-account-block-title{min-width:0;display:grid;gap:8px}
.delegate-account-block-head h3{margin:0;color:#123351;font-size:24px;line-height:1.12;letter-spacing:-.02em}
.delegate-account-block-head p{margin:0;color:#6f8198;font-size:13px;line-height:1.62;max-width:760px}
.delegate-account-block-head .delegate-count-chip{flex:0 0 auto;align-self:flex-start;font-size:11px;padding:10px 14px;background:#eef4fb;color:#486481;box-shadow:inset 0 0 0 1px rgba(135,160,191,.12)}
.delegate-account-search-simple{padding:18px 22px 14px}
.delegate-account-search-simple input{min-height:50px;font-size:14px;border-radius:14px;padding:12px 16px}
.delegate-direct-account-list{max-height:350px;overflow:auto;background:#fff;padding:0 10px 10px}
.delegate-direct-account-list.available-list{max-height:470px}
.delegate-direct-account-row{display:grid;grid-template-columns:minmax(160px,215px) minmax(260px,1fr) 110px 96px;gap:16px;align-items:center;min-height:74px;padding:14px 16px;margin:0 10px;border-bottom:1px solid #edf2f7;transition:background .12s ease;border-radius:14px}
.delegate-direct-account-row:last-child{border-bottom:0}
.delegate-direct-account-row:hover{background:#f8fbff}
.delegate-direct-account-row>strong{min-width:0;color:#183654;font-size:13px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.delegate-direct-account-row>small{font-size:11px;font-weight:800;text-align:right;white-space:nowrap}
.delegate-direct-account-row>small.ok{color:#168363}
.delegate-direct-account-row>small.muted{color:#8897aa}
.delegate-direct-account-row form{margin:0;display:flex;justify-content:flex-end}
.delegate-direct-account-row .btn{width:90px;min-height:40px;padding:0 12px;border-radius:11px;font-size:10.8px;white-space:nowrap}
.delegate-remove-account{background:#fff!important;border-color:#dfe6ef!important;color:#5d6f84!important}
.delegate-remove-account:hover{background:#f7f9fc!important;border-color:#cfd9e6!important;color:#304964!important}
.delegate-add-account{box-shadow:none}
.delegate-account-empty{padding:34px 22px;background:#fff;color:#7c8ca1;font-size:13px;line-height:1.65}
@media(max-width:850px){
  .delegate-account-block-head h3{font-size:21px}
  .delegate-direct-account-row{grid-template-columns:minmax(130px,170px) minmax(0,1fr) 90px;gap:12px}
  .delegate-direct-account-row>small{display:none}
}
@media(max-width:620px){
  .delegate-access-manager{padding:20px!important;border-radius:18px}
  .delegate-access-manager-head{margin-bottom:18px}
  .delegate-account-block+.delegate-account-block{margin-top:18px}
  .delegate-account-block-head{align-items:flex-start;flex-direction:column;padding:18px 18px 14px}
  .delegate-account-block-head h3{font-size:20px}
  .delegate-account-search-simple{padding:14px 16px 12px}
  .delegate-direct-account-list{padding:0 0 8px}
  .delegate-direct-account-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:14px 12px;margin:0 8px;min-height:68px}
  .delegate-direct-account-row .delegate-account-product{grid-column:1;max-width:100%}
  .delegate-direct-account-row>strong{grid-column:1;font-size:12px}
  .delegate-direct-account-row form{grid-column:2;grid-row:1/3;align-self:center}
  .delegate-direct-account-row .btn{width:82px}
}
.delegate-direct-account-row .delegate-account-product{max-width:200px;font-size:10.8px;padding:7px 10px}

/* Tickets conversation UI — WEB v2.3.124 */
.tickets-head-action{display:flex;justify-content:flex-end;margin-bottom:10px}
.ticket-card-modern{align-items:start}
.ticket-main{display:grid;gap:6px}
.ticket-main-head{display:flex;justify-content:space-between;gap:8px;align-items:center}
.badge.open{background:#fff0f2;color:#cf3650}
.badge.progress{background:#fff5e6;color:#b96b05}
.badge.resolved{background:#eaf8f1;color:#12835a}
.badge.closed{background:#eff3f7;color:#64778e}
.ticket-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start}
.ticket-thread-shell,.ticket-side-card{background:#fff;border:1px solid var(--client-line);border-radius:18px;box-shadow:var(--client-shadow)}
.ticket-thread-shell{padding:18px}
.ticket-detail-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid #edf2f7}
.card-soft{background:linear-gradient(180deg,#fff,#fbfcff)}
.ticket-detail-overline{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#92a0b2;font-weight:900;margin-bottom:4px}
.ticket-detail-head h2{font-size:24px;margin:0 0 4px}
.ticket-detail-head p{font-size:11px;color:#728195;margin:0}
.ticket-detail-head-side{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.ticket-detail-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.ticket-detail-meta-card{background:#f8fafd;border:1px solid #e6edf6;border-radius:14px;padding:12px 13px;display:grid;gap:3px}
.ticket-detail-meta-card span{font-size:9px;color:#8a98ac;text-transform:uppercase;letter-spacing:.07em}
.ticket-detail-meta-card strong{font-size:12px;color:#193457}
.ticket-thread-list{display:grid;gap:12px;margin-bottom:16px}
.ticket-thread-item{display:flex}.ticket-thread-item.from-admin{justify-content:flex-start}.ticket-thread-item.from-client{justify-content:flex-end}.ticket-thread-item.from-system{justify-content:center}.ticket-thread-item.internal-note{justify-content:flex-start}
.ticket-thread-bubble{max-width:min(100%,760px);background:#f8fbff;border:1px solid #dde8f5;border-radius:16px;padding:14px}
.ticket-thread-item.from-client .ticket-thread-bubble{background:#edf4ff;border-color:#cfe0fb}
.ticket-thread-item.from-admin .ticket-thread-bubble{background:#fff;border-color:#dfe7f0}
.ticket-thread-item.from-system .ticket-thread-bubble{background:#f7f8fb;border-style:dashed}
.ticket-thread-item.internal-note .ticket-thread-bubble{background:#fff8ea;border-color:#f2d793}
.ticket-thread-meta{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:8px}
.ticket-thread-meta strong{display:block;font-size:12px;color:#163454}
.ticket-thread-meta span,.ticket-thread-meta time{font-size:9px;color:#8d9bad}
.ticket-thread-body{font-size:12px;line-height:1.65;color:#2d4563;word-break:break-word}
.ticket-attachments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:12px}
.ticket-attachment-chip{display:grid;grid-template-columns:18px 1fr;gap:2px 8px;align-items:center;background:#f7fafc;border:1px solid #e1e9f2;border-radius:12px;padding:9px 10px;text-decoration:none;color:#203b5d}
.ticket-attachment-chip span{grid-row:1/span 2;font-size:16px}
.ticket-attachment-chip b{font-size:10px;line-height:1.35;word-break:break-word}
.ticket-attachment-chip small{font-size:8px;color:#8090a4}
.ticket-thread-empty{padding:24px;border:1px dashed #dbe5f0;border-radius:16px;background:#fbfcff;text-align:center}
.ticket-thread-empty strong{font-size:13px;color:#203b5d}.ticket-thread-empty p{font-size:11px;color:#7d8d9f;margin:6px 0 0}
.ticket-reply-card{border-top:1px solid #edf2f7;padding-top:16px;display:grid;gap:12px}
.ticket-reply-head h3{font-size:17px;margin:0 0 4px}.ticket-reply-head p{font-size:11px;color:#7d8d9f;margin:0}
.ticket-reply-card textarea{min-height:140px;font-size:12px;resize:vertical}
.ticket-reply-upload-row{display:grid;gap:6px}.ticket-upload-field{display:grid;gap:5px}.ticket-upload-field span{font-size:10px;font-weight:800;color:#314b69}.ticket-reply-upload-row small{font-size:9px;color:#8a98ac}
.ticket-reply-actions{display:flex;justify-content:flex-end}
.ticket-detail-sidebar{display:grid;gap:14px}
.ticket-side-card{padding:16px}.ticket-side-card h3{font-size:15px;margin:0 0 10px}.ticket-side-card ul{margin:0;padding-left:18px;display:grid;gap:7px}.ticket-side-card li{font-size:11px;color:#55667e;line-height:1.5}
.admin-ticket-detail-layout .ticket-thread-shell,.admin-ticket-detail-layout .ticket-side-card{border-color:#dde6f1}
.admin-ticket-detail-head-side{align-items:center}
.admin-ticket-reply-card{background:#fff}
.admin-ticket-reply-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-ticket-reply-grid label,.ticket-status-side-form{display:grid;gap:6px}.admin-ticket-reply-grid span{font-size:10px;font-weight:800;color:#314b69}
.ticket-status-side-form select,.admin-ticket-reply-grid select{min-height:42px}
.admin-ticket-actions-stack{display:grid;gap:8px;min-width:220px}
.admin-ticket-sub{display:block;margin-top:4px;color:#8392a5;font-size:10px}
.admin-ticket-row td:first-child strong{display:block}
.admin-tickets-table .btn.sm{min-height:34px}
.admin-ticket-description{font-size:11px;color:#52657d}
@media(max-width:900px){
  .ticket-detail-layout{grid-template-columns:1fr}
  .ticket-detail-meta-grid{grid-template-columns:1fr 1fr}
  .admin-ticket-reply-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .ticket-card-modern{grid-template-columns:1fr}
  .ticket-id{border-right:0;border-bottom:1px solid #edf1f6;padding-bottom:8px}
  .ticket-main-head,.ticket-detail-head,.ticket-thread-meta{flex-direction:column;align-items:flex-start}
  .ticket-detail-meta-grid{grid-template-columns:1fr}
  .ticket-attachments-grid{grid-template-columns:1fr}
}

/* Tickets premium visual upgrade — WEB v2.3.125 */
.ticket-premium-hero{
  position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:18px; padding:24px; border-radius:26px; margin-bottom:18px;
  background:radial-gradient(circle at top left,#eff4ff 0%,#ffffff 52%,#f7fbff 100%);
  border:1px solid #dce7f4; box-shadow:0 16px 40px rgba(22,58,108,.08);
}
.ticket-premium-hero:before{
  content:""; position:absolute; inset:auto -30px -60px auto; width:180px; height:180px;
  background:radial-gradient(circle,rgba(53,113,255,.16),transparent 70%); pointer-events:none;
}
.ticket-kicker{display:inline-flex; padding:6px 10px; border-radius:999px; background:#eff4ff; color:#2b4e89; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; margin-bottom:10px}
.ticket-premium-hero-copy h2{font-size:28px; line-height:1.15; margin:0 0 10px; color:#16355a}
.ticket-premium-hero-copy p{font-size:13px; line-height:1.7; color:#6d7e93; max-width:700px; margin:0}
.ticket-premium-hero-actions{margin-top:14px; display:flex; gap:10px; flex-wrap:wrap}
.ticket-premium-stat-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px; align-self:stretch}
.ticket-premium-stat-grid>div{background:rgba(255,255,255,.9); border:1px solid #e1eaf5; border-radius:18px; padding:16px; display:grid; gap:6px; box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.ticket-premium-stat-grid span{font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#8b9ab0}
.ticket-premium-stat-grid strong{font-size:28px; line-height:1; color:#16355a}
.ticket-premium-stat-grid small{font-size:11px; color:#73839a}
.ticket-premium-list,.admin-ticket-card-list{display:grid; gap:14px}
.ticket-premium-card,.admin-ticket-card-premium{background:#fff; border:1px solid #dee8f3; border-radius:22px; padding:20px; box-shadow:0 12px 28px rgba(14,42,80,.06)}
.ticket-premium-card-top,.admin-ticket-card-head{display:flex; justify-content:space-between; gap:16px; align-items:flex-start; margin-bottom:14px}
.ticket-premium-id,.admin-ticket-card-id{font-size:11px; color:#7d8ea6; font-weight:900; letter-spacing:.08em; text-transform:uppercase; margin-bottom:5px}
.ticket-premium-card h3,.admin-ticket-card-head h3{font-size:20px; margin:0 0 4px; color:#17375d}
.ticket-premium-card p,.admin-ticket-card-head p{margin:0; font-size:12px; color:#74849b}
.ticket-premium-card-badges,.admin-ticket-card-badges{display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end}
.ticket-soft-chip{display:inline-flex; align-items:center; min-height:30px; padding:0 12px; border-radius:999px; background:#f4f7fb; color:#4d647f; border:1px solid #e2eaf3; font-size:10px; font-weight:800}
.ticket-premium-preview{display:grid; grid-template-columns:210px 1fr; gap:14px; align-items:start; padding:14px 0; border-top:1px solid #edf2f7; border-bottom:1px solid #edf2f7}
.ticket-premium-preview span,.admin-ticket-data-cell span{font-size:10px; text-transform:uppercase; letter-spacing:.08em; color:#8a98ac; font-weight:800}
.ticket-premium-preview strong,.admin-ticket-data-cell strong{display:block; margin-top:5px; font-size:13px; color:#18365b}
.ticket-premium-message,.admin-ticket-card-message{font-size:12px; line-height:1.7; color:#4c5f78; background:#f8fbff; border:1px solid #e7eef7; border-radius:16px; padding:14px 15px}
.ticket-premium-card-actions,.admin-ticket-card-actions{display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:14px}
.ticket-premium-card-actions small{font-size:10px; color:#8a98ac}
.ticket-premium-empty{display:grid; gap:10px; justify-items:center; text-align:center; padding:34px 24px; background:#fff; border:1px solid #dde8f3; border-radius:22px; box-shadow:0 12px 28px rgba(14,42,80,.06)}
.ticket-premium-empty>div{width:68px; height:68px; display:grid; place-items:center; font-size:28px; border-radius:20px; background:linear-gradient(180deg,#eef4ff,#ffffff); border:1px solid #dce8f5}
.ticket-premium-empty strong{font-size:20px; color:#17365a}.ticket-premium-empty p{max-width:700px; font-size:12px; color:#708097; line-height:1.7; margin:0}
.premium-filter-bar{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:16px}
.premium-pending-summary{margin-left:auto}
.admin-ticket-card-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:14px}
.admin-ticket-data-cell{background:#f8fbff; border:1px solid #e5edf6; border-radius:16px; padding:12px}
.admin-ticket-card-message{margin-bottom:14px}
.premium-inline-form{display:flex; gap:8px; align-items:center; margin-left:auto}
.premium-inline-form select{min-height:38px}
.premium-ticket-detail-layout{gap:18px}
.premium-thread-shell{padding:0; overflow:hidden}
.premium-ticket-header{display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:24px; background:linear-gradient(135deg,#eff4ff 0%,#ffffff 50%,#f8fbff 100%); border-bottom:1px solid #e4edf7}
.premium-ticket-header.state-open{background:linear-gradient(135deg,#fff1f4 0%,#ffffff 48%,#fff8fa 100%)}
.premium-ticket-header.state-progress,.admin-premium-ticket-header.state-in_progress{background:linear-gradient(135deg,#fff7e8 0%,#ffffff 48%,#fffdf8 100%)}
.premium-ticket-header.state-resolved,.admin-premium-ticket-header.state-resolved{background:linear-gradient(135deg,#edf9f3 0%,#ffffff 48%,#f8fffb 100%)}
.premium-ticket-header.state-closed,.admin-premium-ticket-header.state-closed{background:linear-gradient(135deg,#f2f5f8 0%,#ffffff 48%,#fafcff 100%)}
.premium-ticket-header h2{font-size:30px; margin:6px 0 4px; color:#16355a}.premium-ticket-header p{margin:0; font-size:12px; color:#708097}
.premium-meta-grid{padding:0 20px; margin-top:18px}
.premium-thread-list{padding:0 20px 20px; position:relative}
.premium-thread-list:before{content:""; position:absolute; left:35px; top:10px; bottom:22px; width:2px; background:linear-gradient(180deg,#dbe6f4 0%,#edf3fa 100%)}
.premium-thread-item{position:relative; gap:12px; align-items:flex-start}.premium-thread-item+.premium-thread-item{margin-top:4px}
.ticket-avatar-badge{position:relative; z-index:1; width:32px; height:32px; border-radius:50%; display:grid; place-items:center; font-size:12px; font-weight:900; color:#fff; flex:0 0 32px; box-shadow:0 6px 18px rgba(18,54,102,.18)}
.ticket-avatar-badge.client{background:linear-gradient(180deg,#3f86ff,#235dd1)}
.ticket-avatar-badge.operator{background:linear-gradient(180deg,#18a36f,#0c7a53)}
.ticket-avatar-badge.system{background:linear-gradient(180deg,#7d8aa0,#5b687e)}
.ticket-avatar-badge.internal{background:linear-gradient(180deg,#e8ae34,#b67a04)}
.premium-thread-bubble{flex:1; max-width:calc(100% - 44px); box-shadow:0 8px 24px rgba(14,42,80,.06)}
.premium-attachments-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.ticket-attachment-chip img{grid-row:1 / span 2; width:44px; height:44px; object-fit:cover; border-radius:10px; border:1px solid #dde6f2}
.ticket-attachment-chip.file span{display:grid; place-items:center; width:44px; height:44px; border-radius:10px; background:#eff4ff; border:1px solid #dde6f2}
.premium-reply-card{padding:18px 20px 20px; background:linear-gradient(180deg,#ffffff,#fbfdff)}
.premium-reply-card textarea{border-radius:16px; border:1px solid #dbe6f2; background:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.premium-upload-row{padding:12px 14px; border:1px dashed #dbe5f2; border-radius:16px; background:#f8fbff}
.premium-ticket-sidebar .ticket-side-card{box-shadow:0 12px 28px rgba(14,42,80,.06)}
.admin-ticket-empty-premium{margin-top:6px}
@media(max-width:1100px){
  .ticket-premium-hero,.ticket-premium-preview,.admin-ticket-card-grid{grid-template-columns:1fr}
  .premium-pending-summary{margin-left:0}
}
@media(max-width:900px){
  .ticket-premium-card-top,.admin-ticket-card-head,.ticket-premium-card-actions,.admin-ticket-card-actions,.premium-ticket-header{flex-direction:column; align-items:flex-start}
  .ticket-premium-card-badges,.admin-ticket-card-badges{justify-content:flex-start}
  .premium-inline-form{margin-left:0; width:100%; flex-direction:column; align-items:stretch}
}
@media(max-width:700px){
  .ticket-premium-hero{padding:18px; border-radius:20px}
  .ticket-premium-hero-copy h2{font-size:24px}
  .ticket-premium-stat-grid{grid-template-columns:1fr 1fr}
  .premium-thread-list{padding:0 14px 16px}
  .premium-meta-grid{padding:0 14px}
  .premium-reply-card{padding:16px 14px 18px}
  .premium-thread-list:before{left:29px}
}


/* Ticket reply composer polish — WEB v2.3.126 */
.compact-ticket-reply-card{margin-top:2px;padding:18px 20px 20px;border-top:1px solid #e7eef7;background:linear-gradient(180deg,#fff,#fcfdff)}
.compact-ticket-reply-head h3{font-size:20px;margin-bottom:4px}.compact-ticket-reply-head p{max-width:720px}
.compact-reply-frame{display:grid;gap:12px}
.compact-reply-block{background:#f8fbff;border:1px solid #e2ebf5;border-radius:18px;padding:14px 16px;display:grid;gap:8px}
.compact-reply-block label{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#49617d}
.compact-reply-message-block textarea{min-height:120px;border-radius:14px;background:#fff}
.compact-reply-label-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.compact-reply-label-row small{font-size:10px;color:#8192a7}
.admin-compact-reply-frame{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start}
.compact-reply-side-grid{display:grid;gap:12px}
.compact-reply-upload-block-full{grid-column:1 / -1}
.compact-reply-select-block select,.compact-file-input{min-height:44px;border-radius:14px;background:#fff}
.compact-file-input{padding:10px 12px;border:1px solid #d8e4f2;color:#4a607c}
.compact-ticket-reply-actions{justify-content:flex-end;align-items:center;padding-top:2px}
.compact-ticket-submit{min-height:44px;padding:0 22px;border-radius:14px;font-size:14px;box-shadow:0 10px 22px rgba(37,95,214,.18)}
.admin-ticket-reply-card .compact-ticket-submit{min-width:220px}
@media(max-width:980px){
  .admin-compact-reply-frame{grid-template-columns:1fr}
}
@media(max-width:700px){
  .compact-ticket-reply-card{padding:16px 14px 18px}
  .compact-reply-block{padding:12px}
  .compact-ticket-submit,.admin-ticket-reply-card .compact-ticket-submit{width:100%;min-width:0}
  .compact-reply-label-row{align-items:flex-start}
}

/* =====================================================================
   ECUACINE WEB v2.3.128 — Admin Ticket Inbox Premium
   Bandeja compacta, operativa y escaneable para administración.
   ===================================================================== */
.ticket-inbox-overview{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.ticket-inbox-metric{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:2px;
  min-height:86px;
  padding:14px 16px;
  border:1px solid #dfe8f3;
  border-radius:17px;
  background:#fff;
  box-shadow:0 8px 22px rgba(16,48,89,.045);
  color:#16355a;
  text-decoration:none;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.ticket-inbox-metric:hover{
  transform:translateY(-1px);
  border-color:#cbdced;
  box-shadow:0 12px 26px rgba(16,48,89,.075);
}
.ticket-inbox-metric:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:#8aa3bf;
}
.ticket-inbox-metric.open:before{background:#e54861}
.ticket-inbox-metric.progress:before{background:#d9931a}
.ticket-inbox-metric.attention:before{background:#1769e8}
.ticket-inbox-metric.resolved:before{background:#17986a}
.ticket-inbox-metric span{
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#8190a4;
}
.ticket-inbox-metric strong{
  font-size:25px;
  line-height:1.05;
  margin-top:2px;
}
.ticket-inbox-metric small{font-size:9px;color:#8b99aa}

.ticket-inbox-toolbar{
  padding:12px;
  border:1px solid #dfe8f3;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 24px rgba(16,48,89,.04);
  margin-bottom:10px;
}
.ticket-inbox-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding-bottom:11px;
  margin-bottom:11px;
  border-bottom:1px solid #edf2f7;
}
.ticket-inbox-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid #dce6f1;
  border-radius:10px;
  background:#f8fafc;
  color:#506680;
  font-size:10px;
  font-weight:900;
  text-decoration:none;
}
.ticket-inbox-tab.active{
  background:#edf4ff;
  border-color:#2b6fe8;
  color:#1769e8;
  box-shadow:0 0 0 2px rgba(23,105,232,.05);
}
.ticket-inbox-filter-form{
  display:grid;
  grid-template-columns:minmax(250px,1.8fr) minmax(145px,.7fr) minmax(160px,.8fr) minmax(145px,.7fr) auto auto;
  gap:8px;
  align-items:center;
}
.ticket-inbox-filter-form select,
.ticket-inbox-search input{
  min-height:38px;
  border:1px solid #dbe5f0;
  border-radius:11px;
  background:#fbfcfe;
  font-size:10px;
}
.ticket-inbox-search{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:0 11px;
  border:1px solid #dbe5f0;
  border-radius:11px;
  background:#fbfcfe;
}
.ticket-inbox-search span{font-size:16px;color:#8291a6}
.ticket-inbox-search input{
  width:100%;
  min-height:34px;
  padding:0;
  border:0;
  outline:0;
  box-shadow:none!important;
  background:transparent;
}
.ticket-inbox-result-line{
  display:flex;
  align-items:center;
  gap:5px;
  padding:3px 4px 10px;
  color:#74849a;
  font-size:10px;
}
.ticket-inbox-result-line strong{font-size:12px;color:#1c3c62}
.ticket-inbox-result-line b{font-weight:800;color:#2d67b7}

.ticket-inbox-list{display:grid;gap:10px}
.ticket-inbox-row{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 255px;
  gap:16px;
  padding:15px 16px 15px 18px;
  border:1px solid #dfe8f3;
  border-radius:18px;
  background:#fff;
  box-shadow:0 9px 24px rgba(13,42,81,.045);
  overflow:hidden;
}
.ticket-inbox-row:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:#8a9bad;
}
.ticket-inbox-row.status-open:before{background:#e64861}
.ticket-inbox-row.status-in_progress:before{background:#d9941c}
.ticket-inbox-row.status-resolved:before{background:#159568}
.ticket-inbox-row.status-closed:before{background:#8190a1}
.ticket-inbox-row.needs-reply{
  border-color:#cddff7;
  box-shadow:0 10px 28px rgba(35,92,169,.075);
}
.ticket-inbox-row-main{min-width:0}
.ticket-inbox-row-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
}
.ticket-inbox-identity{min-width:0}
.ticket-inbox-idline{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  min-height:20px;
}
.ticket-inbox-idline>strong{
  font-size:10px;
  letter-spacing:.075em;
  color:#70849e;
}
.ticket-inbox-identity h3{
  margin:3px 0 1px;
  font-size:15px;
  line-height:1.2;
  color:#133457;
}
.ticket-inbox-identity p{
  margin:0;
  font-size:9px;
  color:#8191a6;
}
.ticket-needs-reply-badge,
.ticket-attachment-count{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 8px;
  border-radius:999px;
  font-size:8px;
  font-weight:900;
  white-space:nowrap;
}
.ticket-needs-reply-badge{background:#edf4ff;color:#2268cc;border:1px solid #d4e4fb}
.ticket-attachment-count{background:#f6f8fb;color:#60758f;border:1px solid #e4eaf2}
.ticket-inbox-row-badges{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
}
.ticket-inbox-row-badges time{
  width:100%;
  text-align:right;
  font-size:8px;
  color:#93a0b0;
}
.ticket-inbox-row .admin-ticket-status,
.ticket-inbox-row .ticket-soft-chip{
  min-height:25px;
  padding:0 9px;
  font-size:8px;
}
.ticket-inbox-compact-meta{
  display:grid;
  grid-template-columns:minmax(100px,.45fr) minmax(220px,1.7fr) minmax(80px,.35fr);
  gap:8px;
  margin-top:11px;
}
.ticket-inbox-compact-meta>div{
  min-width:0;
  padding:8px 10px;
  border:1px solid #e6edf5;
  border-radius:11px;
  background:#f9fbfd;
}
.ticket-inbox-compact-meta span{
  display:block;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.075em;
  font-weight:900;
  color:#8b9aad;
}
.ticket-inbox-compact-meta strong{
  display:block;
  margin-top:3px;
  font-size:9px;
  line-height:1.35;
  color:#18385e;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ticket-inbox-message-preview{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:10px;
  align-items:start;
  margin-top:8px;
  padding:8px 10px;
  border:1px solid #e8eef5;
  border-radius:11px;
  background:#fcfdff;
}
.ticket-inbox-message-preview>span{
  padding-top:1px;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.075em;
  font-weight:900;
  color:#8b9aad;
}
.ticket-inbox-message-preview p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:0;
  font-size:9px;
  line-height:1.5;
  color:#566b84;
}
.ticket-inbox-row-actions{
  display:flex;
  flex-direction:column;
  gap:7px;
  padding-left:14px;
  border-left:1px solid #edf2f7;
}
.ticket-inbox-open-btn,
.ticket-inbox-reply-btn{
  min-height:36px!important;
  justify-content:center;
  font-size:10px!important;
  border-radius:10px!important;
}
.ticket-inbox-status-form{
  display:grid;
  gap:5px;
  margin-top:auto;
  padding-top:8px;
  border-top:1px solid #edf2f7;
}
.ticket-inbox-status-form>label{
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#8c9aad;
}
.ticket-inbox-status-form>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px;
}
.ticket-inbox-status-form select{
  min-width:0;
  min-height:34px;
  border-radius:10px;
  font-size:9px;
}
.ticket-inbox-status-form .btn{
  min-height:34px;
  margin:0!important;
  border-radius:10px;
  font-size:9px;
}

@media(max-width:1300px){
  .ticket-inbox-overview{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ticket-inbox-filter-form{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(130px,.55fr));}
  .ticket-inbox-filter-form>.btn{width:100%}
  .ticket-inbox-row{grid-template-columns:minmax(0,1fr) 220px}
}
@media(max-width:980px){
  .ticket-inbox-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ticket-inbox-filter-form{grid-template-columns:1fr 1fr}
  .ticket-inbox-search{grid-column:1/-1}
  .ticket-inbox-row{grid-template-columns:1fr}
  .ticket-inbox-row-actions{padding-left:0;padding-top:10px;border-left:0;border-top:1px solid #edf2f7;display:grid;grid-template-columns:1fr 1fr}
  .ticket-inbox-status-form{grid-column:1/-1;margin-top:0}
}
@media(max-width:700px){
  .ticket-inbox-overview{grid-template-columns:1fr 1fr;gap:7px}
  .ticket-inbox-metric{min-height:75px;padding:12px}
  .ticket-inbox-metric strong{font-size:22px}
  .ticket-inbox-filter-form{grid-template-columns:1fr}
  .ticket-inbox-search{grid-column:auto}
  .ticket-inbox-row{padding:13px 12px 13px 15px;border-radius:15px}
  .ticket-inbox-row-head{flex-direction:column;gap:8px}
  .ticket-inbox-row-badges{justify-content:flex-start}
  .ticket-inbox-row-badges time{width:auto;text-align:left}
  .ticket-inbox-compact-meta{grid-template-columns:1fr 1fr}
  .ticket-inbox-ref{grid-column:1/-1}
  .ticket-inbox-message-preview{grid-template-columns:1fr;gap:4px}
  .ticket-inbox-row-actions{grid-template-columns:1fr}
  .ticket-inbox-status-form{grid-column:auto}
}


/* =====================================================================
   ECUACINE WEB v2.3.129 — Ticket composer visual unification
   El compositor usa la misma jerarquía, radios y densidad del detalle.
   ===================================================================== */
.unified-ticket-composer{
  margin:0;
  padding:20px;
  border-top:1px solid #e4edf7;
  background:#fff;
  display:grid;
  gap:15px;
}
.unified-ticket-composer-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.unified-ticket-composer-kicker{
  display:block;
  margin-bottom:4px;
  color:#7d8da3;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.unified-ticket-composer-head h3{
  margin:0 0 3px;
  color:#17365a;
  font-size:18px;
  line-height:1.25;
}
.unified-ticket-composer-head p{
  margin:0;
  color:#7c8da3;
  font-size:10.5px;
  line-height:1.5;
}
.unified-ticket-composer-hint{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid #e2eaf3;
  border-radius:999px;
  background:#f7f9fc;
  color:#667a94;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
  white-space:nowrap;
}
.unified-ticket-composer-grid{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(250px,.75fr);
  gap:14px;
  align-items:stretch;
}
.unified-ticket-controls{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:10px;
}
.unified-ticket-field{
  display:grid;
  gap:6px;
  min-width:0;
}
.unified-ticket-field>label{
  color:#536a85;
  font-size:9px;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.unified-ticket-field>label span{
  color:#9aa8b9;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
}
.unified-ticket-field textarea,
.unified-ticket-field select,
.unified-ticket-file-field input[type="file"]{
  width:100%;
  border:1px solid #dce6f2;
  border-radius:12px;
  background:#fbfcfe;
  color:#17365a;
  box-shadow:none;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.unified-ticket-field textarea:focus,
.unified-ticket-field select:focus,
.unified-ticket-file-field input[type="file"]:focus{
  outline:none;
  border-color:#83aef0;
  background:#fff;
  box-shadow:0 0 0 3px rgba(39,105,226,.08);
}
.unified-ticket-message-field textarea{
  min-height:116px;
  padding:12px 13px;
  resize:vertical;
  font-size:11px;
  line-height:1.55;
}
.unified-ticket-field select{
  min-height:43px;
  padding:0 12px;
  font-size:11px;
}
.unified-ticket-evidence-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:end;
  padding-top:14px;
  border-top:1px solid #edf2f7;
}
.unified-ticket-evidence-row>small{
  padding-bottom:11px;
  color:#8b9aae;
  font-size:8.5px;
  white-space:nowrap;
}
.unified-ticket-file-field input[type="file"]{
  min-height:43px;
  padding:6px 8px;
  font-size:10px;
}
.unified-ticket-file-field input[type="file"]::file-selector-button{
  min-height:29px;
  margin-right:9px;
  padding:0 11px;
  border:1px solid #d4dfec;
  border-radius:8px;
  background:#f1f5fa;
  color:#274461;
  font:800 9.5px inherit;
  cursor:pointer;
}
.unified-ticket-composer-actions{
  display:flex;
  justify-content:flex-end;
  padding-top:1px;
}
.unified-ticket-submit{
  min-height:40px!important;
  min-width:156px;
  padding:0 18px!important;
  border-radius:11px!important;
  font-size:11px!important;
  box-shadow:0 7px 16px rgba(37,95,214,.14)!important;
}
.client-unified-ticket-message textarea{min-height:104px}

@media(max-width:980px){
  .unified-ticket-composer-grid{grid-template-columns:1fr}
  .unified-ticket-controls{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .unified-ticket-evidence-row{grid-template-columns:1fr}
  .unified-ticket-evidence-row>small{padding-bottom:0;white-space:normal}
}
@media(max-width:700px){
  .unified-ticket-composer{padding:16px 14px;gap:13px}
  .unified-ticket-composer-head{flex-direction:column;gap:8px}
  .unified-ticket-controls{grid-template-columns:1fr}
  .unified-ticket-message-field textarea{min-height:105px}
  .unified-ticket-submit{width:100%;min-width:0}
}


/* =====================================================================
   ECUACINE WEB v2.3.130 — Admin inbox scale-up
   Incremento leve de tamaño en la bandeja inferior para mejorar lectura.
   ===================================================================== */
.ticket-inbox-list{gap:12px}
.ticket-inbox-row{
  grid-template-columns:minmax(0,1fr) 272px;
  gap:18px;
  padding:18px 18px 18px 20px;
  border-radius:20px;
}
.ticket-inbox-idline{gap:8px;min-height:22px}
.ticket-inbox-idline>strong{font-size:11px}
.ticket-inbox-identity h3{margin:4px 0 2px;font-size:17px}
.ticket-inbox-identity p{font-size:10px}
.ticket-needs-reply-badge,
.ticket-attachment-count{min-height:24px;padding:0 9px;font-size:9px}
.ticket-inbox-row-badges{gap:8px}
.ticket-inbox-row-badges time{font-size:9px}
.ticket-inbox-row .admin-ticket-status,
.ticket-inbox-row .ticket-soft-chip{min-height:27px;padding:0 10px;font-size:9px}
.ticket-inbox-compact-meta{grid-template-columns:minmax(110px,.45fr) minmax(250px,1.7fr) minmax(96px,.35fr);gap:10px;margin-top:13px}
.ticket-inbox-compact-meta>div{padding:10px 12px;border-radius:13px}
.ticket-inbox-compact-meta span{font-size:8px}
.ticket-inbox-compact-meta strong{margin-top:4px;font-size:10px}
.ticket-inbox-message-preview{grid-template-columns:104px minmax(0,1fr);gap:12px;margin-top:10px;padding:10px 12px;border-radius:13px}
.ticket-inbox-message-preview>span{font-size:8px}
.ticket-inbox-message-preview p{font-size:10px;line-height:1.55}
.ticket-inbox-row-actions{gap:9px;padding-left:16px}
.ticket-inbox-open-btn,
.ticket-inbox-reply-btn{min-height:40px!important;font-size:11px!important;border-radius:12px!important}
.ticket-inbox-status-form{gap:6px;padding-top:10px}
.ticket-inbox-status-form>label{font-size:8px}
.ticket-inbox-status-form>div{gap:8px}
.ticket-inbox-status-form select{min-height:38px;border-radius:12px;font-size:10px}
.ticket-inbox-status-form .btn{min-height:38px;border-radius:12px;font-size:10px;padding:0 16px}
@media(max-width:1300px){
  .ticket-inbox-row{grid-template-columns:minmax(0,1fr) 238px}
}
@media(max-width:980px){
  .ticket-inbox-row{grid-template-columns:1fr;padding:16px 16px 17px 18px}
  .ticket-inbox-row-actions{padding-left:0;padding-top:12px}
}
@media(max-width:700px){
  .ticket-inbox-row{padding:14px 13px 15px 16px;border-radius:17px}
  .ticket-inbox-identity h3{font-size:16px}
  .ticket-inbox-compact-meta{grid-template-columns:1fr 1fr}
  .ticket-inbox-message-preview{grid-template-columns:1fr;gap:5px}
}

/* =====================================================================
   ECUACINE WEB v2.3.131 — Ticket thread render + evidence cards
   Corrige <br> literales y compacta la evidencia dentro de la conversación.
   ===================================================================== */
.premium-attachments-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.ticket-evidence-card{
  width:min(100%,340px);
  min-height:76px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px;
  border:1px solid #dfe8f3;
  border-radius:14px;
  background:#f9fbfd;
  color:#18385e;
  text-decoration:none;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.ticket-evidence-card:hover{
  border-color:#c6d9ef;
  box-shadow:0 8px 20px rgba(21,63,116,.08);
  transform:translateY(-1px);
}
.ticket-evidence-preview{
  width:72px;
  height:56px;
  flex:0 0 72px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #dce6f1;
  border-radius:11px;
  background:#eef4fb;
}
.ticket-evidence-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.ticket-evidence-preview>b{
  font-size:12px;
  letter-spacing:.08em;
  color:#536b87;
}
.ticket-evidence-info{
  min-width:0;
  display:grid;
  gap:3px;
}
.ticket-evidence-info strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  color:#16375d;
}
.ticket-evidence-info small{font-size:9px;color:#8191a6}
.ticket-evidence-info em{font-size:9px;font-style:normal;font-weight:900;color:#1769e8}
.ticket-thread-body{white-space:normal}
@media(max-width:700px){
  .ticket-evidence-card{width:100%}
  .ticket-evidence-preview{width:64px;height:50px;flex-basis:64px}
}


/* =====================================================================
   ECUACINE WEB v2.3.132 — Client ticket inbox refresh
   ===================================================================== */
.client-ticket-hero-refined{padding:26px 28px;align-items:stretch}
.client-ticket-hero-refined .ticket-premium-hero-copy h2{max-width:820px;font-size:30px}
.client-ticket-hero-refined .ticket-premium-hero-copy p{max-width:760px}
.client-ticket-stat-grid-refined>div{padding:18px}
.client-ticket-summary-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 22px}
.client-ticket-summary-chip{display:grid;grid-template-columns:12px auto 1fr;align-items:center;gap:10px;background:#fff;border:1px solid #dde7f3;border-radius:18px;padding:14px 16px;box-shadow:0 10px 24px rgba(14,42,80,.05)}
.client-ticket-summary-chip span{width:12px;height:12px;border-radius:50%}
.client-ticket-summary-chip b{font-size:22px;line-height:1;color:#17385e}
.client-ticket-summary-chip small{font-size:11px;color:#71839b;font-weight:700}
.client-ticket-summary-chip.active span{background:#ea566f}
.client-ticket-summary-chip.progress span{background:#e8a31a}
.client-ticket-summary-chip.resolved span{background:#22a06b}
.client-ticket-summary-chip.closed span{background:#94a4b7}
.client-ticket-section{display:grid;gap:14px;margin-bottom:22px}
.client-ticket-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.client-ticket-section-head h3{margin:0 0 4px;font-size:22px;color:#17385e}
.client-ticket-section-head p{margin:0;font-size:12px;color:#708097}
.client-ticket-section-head>span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#eef4ff;color:#27497f;font-size:11px;font-weight:800}
.refined-client-ticket-list{display:grid;gap:14px}
.client-ticket-card{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;padding:22px;background:#fff;border:1px solid #dde7f3;border-radius:22px;box-shadow:0 12px 28px rgba(14,42,80,.06);position:relative;overflow:hidden}
.client-ticket-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:#d7e2f0}
.client-ticket-card.status-open:before{background:#ea566f}
.client-ticket-card.status-in_progress:before{background:#e8a31a}
.client-ticket-card.status-resolved:before{background:#22a06b}
.client-ticket-card.status-closed:before{background:#94a4b7}
.client-ticket-card-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.client-ticket-id{font-size:11px;color:#7c8ca2;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.client-ticket-card h4{margin:0 0 4px;font-size:29px;line-height:1.08;color:#17375d}
.client-ticket-card p{margin:0;font-size:14px;color:#6d7f96}
.client-ticket-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.client-ticket-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.client-ticket-meta-grid>div{background:#f8fbff;border:1px solid #e6edf6;border-radius:16px;padding:12px 14px;display:grid;gap:4px}
.client-ticket-meta-grid span,.client-ticket-preview-box>span,.client-ticket-history-row span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8998ac;font-weight:800}
.client-ticket-meta-grid strong,.client-ticket-history-row strong{font-size:13px;color:#17385e}
.client-ticket-preview-box{background:#f8fbff;border:1px solid #e6edf6;border-radius:16px;padding:14px 16px}
.client-ticket-preview-box p{margin-top:8px;font-size:13px;line-height:1.65;color:#445a76}
.client-ticket-card-side{display:flex;flex-direction:column;justify-content:center;gap:10px;border-left:1px solid #edf2f7;padding-left:18px}
.client-ticket-card-side small{font-size:11px;line-height:1.5;color:#7c8ca2}
.client-ticket-open-btn{min-height:46px!important;border-radius:14px!important;font-size:14px!important;padding:0 18px!important}
.client-ticket-empty-inline{margin:0}
.client-ticket-first-empty{margin-top:8px}
.history-section .client-ticket-section-head>span{background:#f4f7fb;color:#5a6f8c}
.compact-history-card{grid-template-columns:minmax(0,1fr) 190px;padding:18px 20px}
.client-ticket-history-row{display:grid;grid-template-columns:230px 1fr;gap:14px;align-items:start}
.client-ticket-preview-inline{background:#f8fbff;border:1px solid #e6edf6;border-radius:14px;padding:12px 14px;font-size:12px;line-height:1.6;color:#4a607c}
.compact-side{justify-content:center}
.ticket-premium-empty.slim{padding:28px 22px}
@media(max-width:1100px){
  .client-ticket-card,.compact-history-card{grid-template-columns:1fr}
  .client-ticket-card-side{border-left:0;border-top:1px solid #edf2f7;padding-left:0;padding-top:14px}
}
@media(max-width:900px){
  .client-ticket-summary-bar{grid-template-columns:1fr 1fr}
  .client-ticket-card-top,.client-ticket-section-head{flex-direction:column;align-items:flex-start}
  .client-ticket-badges{justify-content:flex-start}
  .client-ticket-meta-grid,.client-ticket-history-row{grid-template-columns:1fr}
}
@media(max-width:700px){
  .client-ticket-hero-refined{padding:18px}
  .client-ticket-hero-refined .ticket-premium-hero-copy h2{font-size:24px}
  .client-ticket-summary-bar{grid-template-columns:1fr}
  .client-ticket-card{padding:18px 16px}
  .client-ticket-card h4{font-size:24px}
  .client-ticket-meta-grid>div,.client-ticket-preview-box{padding:12px}
}


/* =====================================================================
   ECUACINE WEB v2.3.133 — Client notifications center
   ===================================================================== */
.notification-menu{position:relative}
.notification-trigger{list-style:none;display:flex;align-items:center;gap:9px;min-height:44px;padding:0 14px;border:1px solid #dce7f7;border-radius:14px;background:#fff;cursor:pointer;transition:.15s}
.notification-trigger::-webkit-details-marker{display:none}
.notification-trigger:hover{border-color:#bfd2ef;background:#f8fbff}
.notification-trigger-icon{font-size:14px;line-height:1}
.notification-trigger-text{font-size:12px;font-weight:850;color:#18365d}
.notification-trigger-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#2968e5;color:#fff;font-size:11px;font-weight:900}
.notification-panel{position:absolute;right:0;top:calc(100% + 10px);width:360px;background:#fff;border:1px solid var(--client-line);border-radius:18px;box-shadow:0 24px 54px rgba(12,36,71,.18);z-index:95;overflow:hidden}
.notification-panel-head,.notification-panel-foot{padding:14px 16px;background:#fff}
.notification-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #edf2f8}
.notification-panel-head strong{display:block;font-size:18px;color:#12335a}
.notification-panel-head small{display:block;margin-top:3px;font-size:11px;color:#7d8da2}
.notification-panel-head a,.notification-panel-foot a{font-size:12px;font-weight:850;color:#1f63de}
.notification-panel-list{max-height:360px;overflow:auto;background:#fbfcff}
.notification-panel-item{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:13px 16px;text-decoration:none;border-bottom:1px solid #edf2f8;transition:.15s}
.notification-panel-item:hover{background:#f4f8ff}
.notification-panel-icon,.notification-feed-icon{display:grid;place-items:center;border-radius:50%;font-weight:900}
.notification-panel-icon{width:38px;height:38px;font-size:15px;background:#eef3fb;color:#4b6483}
.notification-panel-item.tone-success .notification-panel-icon,.notification-feed-item.tone-success .notification-feed-icon{background:#e5f8ee;color:#17935c}
.notification-panel-item.tone-warning .notification-panel-icon,.notification-feed-item.tone-warning .notification-feed-icon{background:#fff5df;color:#be7d00}
.notification-panel-item.tone-danger .notification-panel-icon,.notification-feed-item.tone-danger .notification-feed-icon{background:#ffecef;color:#c53a4d}
.notification-panel-item.tone-info .notification-panel-icon,.notification-feed-item.tone-info .notification-feed-icon{background:#eaf2ff;color:#2c67dc}
.notification-panel-copy strong{display:block;font-size:12px;line-height:1.35;color:#16365c}
.notification-panel-copy p{margin:4px 0 6px;font-size:12px;line-height:1.5;color:#5d718d}
.notification-panel-copy small{font-size:11px;color:#8a98ac}
.notification-panel-empty{padding:18px 16px;font-size:12px;color:#72839b}
.notifications-overview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;padding:24px;background:linear-gradient(135deg,#fff, #f7fbff);border:1px solid #dfe8f4;border-radius:24px;box-shadow:0 14px 32px rgba(12,36,71,.06);margin-bottom:18px}
.notifications-overview-copy h2{margin:6px 0 10px;font-size:32px;line-height:1.08;color:#0f3058;max-width:780px}
.notifications-overview-copy p{max-width:720px;font-size:14px;line-height:1.7;color:#687a92;margin:0}
.notifications-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.notifications-overview-grid>div{background:#fff;border:1px solid #dfe8f4;border-radius:18px;padding:18px;display:grid;gap:6px}
.notifications-overview-grid span{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:#8393a7}
.notifications-overview-grid strong{font-size:30px;line-height:1;color:#14355d}
.notifications-overview-grid small{font-size:11px;color:#7688a1}
.notifications-feed-card{background:#fff;border:1px solid #dfe8f4;border-radius:24px;box-shadow:0 14px 32px rgba(12,36,71,.05);overflow:hidden}
.notifications-feed-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #edf2f8}
.notifications-feed-head h3{margin:0 0 4px;font-size:22px;color:#17385e}
.notifications-feed-head p{margin:0;font-size:12px;color:#708197}
.notifications-feed-list{display:grid}
.notification-feed-item{display:grid;grid-template-columns:48px 1fr 14px;gap:14px;align-items:flex-start;padding:16px 22px;text-decoration:none;border-bottom:1px solid #edf2f8;transition:.15s;background:#fff}
.notification-feed-item:hover{background:#f9fbff}
.notification-feed-icon{width:48px;height:48px;font-size:18px;background:#eef3fb;color:#4b6483;flex-shrink:0}
.notification-feed-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.notification-feed-top strong{font-size:16px;line-height:1.3;color:#17385e}
.notification-feed-top time{font-size:11px;color:#8999ad;white-space:nowrap;font-weight:800}
.notification-feed-copy p{margin:7px 0 9px;font-size:14px;line-height:1.6;color:#526780}
.notification-feed-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.notification-feed-meta span{display:inline-flex;align-items:center;min-height:25px;padding:0 10px;border-radius:999px;background:#f1f6fd;color:#2a507f;font-size:11px;font-weight:850}
.notification-feed-meta small{font-size:11px;color:#8a98ac}
.notification-feed-arrow{align-self:center;font-size:26px;line-height:1;color:#b4c0cf}
@media(max-width:1100px){.notifications-overview{grid-template-columns:1fr}.notification-panel{width:340px}}
@media(max-width:820px){.notification-trigger-text{display:none}.notification-trigger{padding:0 12px}.notifications-overview-grid{grid-template-columns:1fr 1fr}.notifications-feed-head,.notification-feed-item{padding-left:16px;padding-right:16px}}
@media(max-width:700px){.notification-panel{position:fixed;left:12px;right:12px;top:74px;width:auto;max-width:none}.notification-panel-list{max-height:min(60vh,420px)}.notifications-overview{padding:18px}.notifications-overview-copy h2{font-size:25px}.notifications-overview-grid{grid-template-columns:1fr}.notification-feed-item{grid-template-columns:42px 1fr}.notification-feed-arrow{display:none}.notification-feed-top{flex-direction:column;gap:4px}.notification-trigger-count{min-width:20px;height:20px;font-size:10px}}


/* =====================================================================
   ECUACINE WEB v2.3.135 — Notification copy + header navigation polish
   ===================================================================== */
@media(min-width:981px){
  .client-header-inner{
    max-width:1460px;
    gap:24px;
    padding-left:24px;
    padding-right:24px;
  }
  .client-nav{
    gap:1px;
    min-width:0;
    flex-wrap:nowrap;
  }
  .client-nav a{
    white-space:nowrap;
    padding-left:11px;
    padding-right:11px;
    font-size:13px;
    line-height:1.15;
    flex:0 0 auto;
  }
  .client-tools{
    gap:8px;
    flex:0 0 auto;
  }
  .header-balance{padding-left:11px;padding-right:11px}
  .notification-trigger{padding-left:12px;padding-right:12px}
  .account-menu summary{padding-left:6px;padding-right:6px}
}
@media(min-width:981px) and (max-width:1240px){
  .client-header-inner{gap:16px;padding-left:16px;padding-right:16px}
  .client-brand span{font-size:15px}
  .client-brand img{width:38px;height:38px}
  .client-nav a{font-size:12px;padding-left:8px;padding-right:8px}
  .notification-trigger-text{display:none}
  .account-identity{display:none}
}


/* ECUACINE WEB v2.3.136 — notificaciones de accesos para reventa */
.notifications-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.notification-panel-item.tone-neutral .notification-panel-icon,
.notification-feed-item.tone-neutral .notification-feed-icon{background:#f1f4f8;color:#64778e}
@media(max-width:1100px){.notifications-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.notifications-overview-grid{grid-template-columns:1fr}}


/* =====================================================================
   ECUACINE WEB v2.3.139 — Notification read state + historical purge
   ===================================================================== */
.notification-panel-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.notification-panel-head-actions form{margin:0}
.notification-panel-head-actions button{border:1px solid #d7e4f5;background:#f5f9ff;color:#245fae;border-radius:9px;min-height:30px;padding:0 9px;font-size:10px;font-weight:850;cursor:pointer}
.notification-panel-head-actions button:hover{background:#eaf3ff;border-color:#bcd2ef}
.notification-panel-item.unread{position:relative;background:#f7faff}
.notification-panel-item.unread:before{content:"";position:absolute;left:5px;top:18px;width:6px;height:6px;border-radius:50%;background:#2b6fe8}
.notification-panel-item.unread:hover{background:#eef5ff}
.notifications-feed-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.notifications-feed-actions form{margin:0}
.notification-read-all-btn{border-color:#bdd2ee!important;background:#eef5ff!important;color:#1f63c7!important}
.notification-read-all-btn:hover{background:#e2eeff!important}
.notification-feed-item.unread{position:relative;background:#f9fbff}
.notification-feed-item.unread:before{content:"";position:absolute;left:8px;top:23px;width:7px;height:7px;border-radius:50%;background:#2b6fe8;box-shadow:0 0 0 4px rgba(43,111,232,.08)}
.notification-feed-item.unread .notification-feed-top strong{color:#0f57c5}
.admin-account-actions.historical-actions{gap:7px;flex-wrap:wrap}
.admin-account-purge-form{margin:0}
.admin-account-action.permanent-delete{border:1px solid #e7b6bf;background:#fff0f2;color:#b3233c;min-height:31px;padding:6px 9px}
.admin-account-action.permanent-delete:hover{border-color:#d47e8d;background:#ffe4e8}
@media(max-width:820px){.notifications-feed-actions{width:100%;justify-content:flex-start}.notifications-feed-head{align-items:flex-start;flex-direction:column}}

/* =====================================================================
   ECUACINE WEB v2.3.140 — Orders redesign + manual FlujoTV renewals
   ===================================================================== */
.orders-v4-shell{display:grid;gap:16px}
.orders-v4-summary{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:18px;padding:22px 24px;border:1px solid #dfe8f4;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f7fbff 100%);box-shadow:0 14px 34px rgba(15,50,92,.06)}
.orders-v4-summary-copy{align-self:center}.orders-v4-summary-copy h2{margin:5px 0 8px;font-size:28px;line-height:1.12;color:#12365f}.orders-v4-summary-copy p{margin:0;max-width:680px;font-size:13px;line-height:1.65;color:#6f8097}
.orders-v4-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.orders-v4-kpis>div{display:grid;gap:4px;padding:14px 15px;border:1px solid #e1eaf5;border-radius:16px;background:#fff}.orders-v4-kpis span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8998aa}.orders-v4-kpis strong{font-size:22px;line-height:1.1;color:#17385f}.orders-v4-kpis>div.warning{background:#fffaf0;border-color:#f2d99f}.orders-v4-kpis>div.warning strong{color:#aa6b00}
.orders-flujotv-reference-note{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;padding:13px 15px;border:1px solid #dbe8f6;border-radius:16px;background:#f7fbff}.orders-flujotv-reference-note>span,.renewal-reference-warning>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e7f0ff;color:#2265d5;font-size:13px;font-weight:950}.orders-flujotv-reference-note strong,.renewal-reference-warning strong{display:block;font-size:12px;color:#17385e}.orders-flujotv-reference-note p,.renewal-reference-warning p{margin:3px 0 0;font-size:11px;line-height:1.55;color:#687a92}
.orders-v4-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid #dfe8f4;border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(15,50,92,.04)}.orders-v4-filter-form{display:grid;grid-template-columns:minmax(220px,1fr) 160px 170px auto auto;gap:9px;align-items:center;flex:1}.orders-v4-search{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid #dce6f2;border-radius:13px;background:#f9fbfe}.orders-v4-search span{font-size:16px;color:#7e90a7}.orders-v4-search input{width:100%;border:0!important;outline:0;background:transparent!important;padding:0!important;min-height:0!important;font-size:11px}.orders-v4-filter-form select{min-height:42px;border-radius:13px;font-size:10px}.orders-v4-filter-form .btn{min-height:42px;border-radius:13px}.orders-v4-result-label{white-space:nowrap;font-size:10px;color:#7a8ba1}.orders-v4-result-label strong{font-size:14px;color:#17385e}
.orders-v4-table{border:1px solid #dfe8f4;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 12px 28px rgba(15,50,92,.05)}.orders-v4-table-head,.orders-v4-row{display:grid;grid-template-columns:145px 150px minmax(260px,1fr) 80px 100px 130px 120px;gap:12px;align-items:center}.orders-v4-table-head{padding:10px 16px;background:#f7f9fc;border-bottom:1px solid #e7edf5}.orders-v4-table-head span{font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#8190a4}.orders-v4-row{position:relative;padding:15px 16px;border-bottom:1px solid #edf2f7;transition:.15s}.orders-v4-row:last-child{border-bottom:0}.orders-v4-row:hover{background:#fbfdff}.orders-v4-row:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:#2f75e8}.orders-v4-row.renew:before{background:#8058dc}.orders-v4-row.pending{background:#fffdf8}.orders-v4-row.pending:before{background:#e8a21b}
.orders-v4-order-cell{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.orders-v4-order-cell>strong{font-size:12px;color:#17385e}.orders-v4-row .order-type-pill{font-size:8px;min-height:24px;padding:0 8px}.orders-v4-date-cell,.orders-v4-detail-cell{display:grid;gap:3px}.orders-v4-date-cell strong{font-size:10px;color:#314b6b}.orders-v4-date-cell small,.orders-v4-detail-cell small{font-size:9px;color:#8a99ac}.orders-v4-detail-cell>strong{font-size:12px;color:#14385f}.orders-v4-count-cell strong{display:inline-grid;place-items:center;min-width:34px;height:30px;padding:0 8px;border-radius:10px;background:#f0f5fb;color:#17385e;font-size:11px}.orders-v4-total-cell strong{font-size:13px;color:#15385e}.order-status-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}.order-status-chip i{width:7px;height:7px;border-radius:50%}.order-status-chip.completed{background:#e8f8f0;color:#137a55}.order-status-chip.completed i{background:#1cab73}.order-status-chip.pending{background:#fff4dc;color:#9d6800}.order-status-chip.pending i{background:#e8a21b}.order-status-chip.cancelled{background:#ffedf0;color:#bd3448}.order-status-chip.cancelled i{background:#df4a61}.orders-v4-action-cell .btn{min-height:34px;padding:0 12px;border-radius:11px;font-size:9px}.orders-v4-pagination{margin-top:0;padding:14px 16px;border:1px solid #dfe8f4;border-radius:16px;background:#fff}.orders-v4-empty{display:grid;justify-items:center;gap:7px;text-align:center;padding:34px 20px;border:1px dashed #d7e2ef;border-radius:20px;background:#fbfcff}.orders-v4-empty>span{font-size:28px}.orders-v4-empty h3{margin:0;font-size:17px;color:#17385e}.orders-v4-empty p{margin:0 0 5px;font-size:11px;color:#75869c}
.renewal-pending-success{max-width:980px;margin:0 auto;padding:30px;border:1px solid #e2e9f3;border-radius:24px;background:#fff;box-shadow:0 16px 38px rgba(15,50,92,.07);text-align:center}.renewal-pending-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 12px;border-radius:22px;background:#fff5df;font-size:30px}.renewal-pending-success h2{margin:7px 0 8px;font-size:28px;color:#14375e}.renewal-pending-success>p{max-width:700px;margin:0 auto;color:#6d7f96;font-size:13px;line-height:1.6}.renewal-pending-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.renewal-pending-summary>div{display:grid;gap:4px;padding:13px;border:1px solid #e3ebf5;border-radius:15px;background:#f9fbfe;text-align:left}.renewal-pending-summary span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8998aa;font-weight:850}.renewal-pending-summary strong{font-size:13px;color:#17385e}.renewal-reference-warning{display:grid;grid-template-columns:32px 1fr;gap:11px;align-items:start;margin:14px 0;padding:13px 14px;border:1px solid #dbe8f6;border-radius:15px;background:#f7fbff;text-align:left}.renewal-reference-warning.compact{margin:14px 18px}.renewal-pending-accounts{margin:16px 0;text-align:left}
.renew-order-detail-v4{border:1px solid #dfe8f4;border-radius:24px;background:#fff;box-shadow:0 15px 34px rgba(15,50,92,.06);overflow:hidden}.renew-order-hero-v4{display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;padding:22px 24px;border-bottom:1px solid #e8eef6;background:linear-gradient(135deg,#f8fbff,#fff)}.renew-order-detail-v4.pending .renew-order-hero-v4{background:linear-gradient(135deg,#fffaf0,#fff)}.renew-order-state-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#e9f8f1;font-size:22px}.renew-order-detail-v4.pending .renew-order-state-icon{background:#fff1d7}.renew-order-hero-copy h2{margin:3px 0 4px;font-size:22px;color:#15385f}.renew-order-hero-copy p{margin:0;font-size:11px;color:#6f8197}.renew-order-hero-total{display:grid;gap:2px;text-align:right}.renew-order-hero-total span{font-size:9px;text-transform:uppercase;color:#8998aa;font-weight:850}.renew-order-hero-total strong{font-size:20px;color:#17385e}.renew-order-summary-v4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 18px}.renew-order-summary-v4>div{display:grid;gap:4px;padding:12px;border-radius:14px;background:#f8fbff;border:1px solid #e5edf6}.renew-order-summary-v4 span,.renew-order-account-v4 span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#8a99ac;font-weight:850}.renew-order-summary-v4 strong{font-size:11px;color:#17385e}.renew-order-account-list-v4{display:grid;gap:9px;padding:0 18px 18px}.renew-order-account-v4{display:grid;grid-template-columns:34px minmax(220px,1fr) minmax(150px,.55fr) minmax(150px,.55fr);gap:12px;align-items:center;padding:12px;border:1px solid #e2eaf4;border-radius:15px;background:#fff}.renew-order-account-index{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#edf4ff;color:#2867d9;font-size:11px;font-weight:900}.renew-order-account-main,.renew-order-date-v4{display:grid;gap:3px}.renew-order-account-main strong,.renew-order-date-v4 strong{font-size:11px;color:#17385e}.renew-order-account-main small{font-size:9px;color:#7f8fa3}.renew-order-date-v4.proposed{padding:8px 10px;border-radius:11px;background:#f3faf7}.renew-order-pending-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-top:1px solid #e8eef6;background:#fffaf0}.renew-order-pending-footer>div{display:grid;gap:3px}.renew-order-pending-footer strong{font-size:11px;color:#7d5600}.renew-order-pending-footer span{font-size:9px;color:#9b7b3c}
.admin-ticket-nav-badge.renewal-badge{background:#eaa01b}.admin-manual-orders-shell{display:grid;gap:16px}.admin-manual-orders-hero{display:grid;grid-template-columns:1fr 180px;gap:18px;padding:22px;border:1px solid #dfe8f4;border-radius:22px;background:linear-gradient(135deg,#fffaf0,#fff);box-shadow:0 12px 28px rgba(15,50,92,.05)}.admin-manual-orders-hero h2{margin:6px 0 7px;font-size:24px;color:#17385e}.admin-manual-orders-hero p{margin:0;max-width:850px;font-size:11px;line-height:1.6;color:#6d7f96}.admin-manual-order-count{display:grid;gap:4px;align-content:center;padding:14px;border:1px solid #f1d99f;border-radius:16px;background:#fff}.admin-manual-order-count span{font-size:9px;text-transform:uppercase;color:#9d7a31;font-weight:850}.admin-manual-order-count strong{font-size:28px;color:#a56b00}.admin-manual-order-count small{font-size:9px;color:#8b7a58}.admin-manual-orders-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:8px;border:1px solid #dfe8f4;border-radius:15px;background:#fff}.admin-manual-orders-tabs a{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:10px;font-size:10px;font-weight:850;color:#5c6f89}.admin-manual-orders-tabs a.active{background:#edf4ff;color:#1d5dcc}.admin-manual-orders-list{display:grid;gap:12px}.admin-manual-order-card{padding:17px 18px;border:1px solid #dfe8f4;border-radius:19px;background:#fff;box-shadow:0 10px 24px rgba(15,50,92,.04)}.admin-manual-order-card.status-pending{border-left:4px solid #e8a21b}.admin-manual-order-card.status-completed{border-left:4px solid #22a06b}.admin-manual-order-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.admin-manual-order-id{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8797aa;font-weight:900}.admin-manual-order-head h3{margin:4px 0 2px;font-size:17px;color:#17385e}.admin-manual-order-head p{margin:0;font-size:10px;color:#73849a}.admin-manual-order-grid{display:grid;grid-template-columns:1.2fr .8fr .5fr .6fr;gap:8px;margin:12px 0}.admin-manual-order-grid>div{display:grid;gap:3px;padding:9px 10px;border:1px solid #e7edf5;border-radius:12px;background:#f9fbfe}.admin-manual-order-grid span,.admin-manual-order-accounts>span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#8998aa;font-weight:850}.admin-manual-order-grid strong{font-size:10px;color:#17385e}.admin-manual-order-accounts{display:grid;gap:7px}.admin-manual-order-accounts>div{display:flex;flex-wrap:wrap;gap:6px}.admin-manual-order-accounts b{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:9px;background:#f0f5fb;color:#35506f;font-size:9px}.admin-manual-order-note{display:flex;align-items:center;gap:8px;margin-top:11px;padding:9px 10px;border-radius:11px;background:#fffaf0;color:#8c6d2e;font-size:9px}.admin-manual-order-note strong{font-size:9px}.admin-manual-order-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid #edf2f7}.admin-manual-order-actions form{margin:0}.admin-manual-order-actions .btn{min-height:36px;border-radius:11px;font-size:9px}.admin-manual-order-completed{font-size:9px;color:#18805b;font-weight:800}
@media(max-width:1200px){.orders-v4-summary{grid-template-columns:1fr}.orders-v4-filter-form{grid-template-columns:1fr 1fr 1fr auto}.orders-v4-filter-form .orders-v4-search{grid-column:1/-1}.orders-v4-table-head{display:none}.orders-v4-row{grid-template-columns:120px 135px minmax(230px,1fr) 70px 90px 120px}.orders-v4-action-cell{grid-column:1/-1;display:flex;justify-content:flex-end}.admin-manual-order-grid{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.orders-v4-toolbar{align-items:stretch;flex-direction:column}.orders-v4-filter-form{grid-template-columns:1fr 1fr}.orders-v4-filter-form .orders-v4-search{grid-column:1/-1}.orders-v4-row{grid-template-columns:1fr 1fr;gap:10px}.orders-v4-row>div:before{content:attr(data-label);display:block;margin-bottom:3px;font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#93a0b2;font-weight:850}.orders-v4-detail-cell,.orders-v4-action-cell{grid-column:1/-1}.renewal-pending-summary,.renew-order-summary-v4{grid-template-columns:1fr 1fr}.renew-order-account-v4{grid-template-columns:34px 1fr}.renew-order-date-v4{grid-column:2}.admin-manual-orders-hero{grid-template-columns:1fr}.admin-manual-order-count{max-width:180px}}
@media(max-width:600px){.orders-v4-summary{padding:17px}.orders-v4-summary-copy h2{font-size:23px}.orders-v4-kpis{grid-template-columns:1fr 1fr}.orders-v4-filter-form{grid-template-columns:1fr}.orders-v4-filter-form .orders-v4-search{grid-column:auto}.orders-v4-row{grid-template-columns:1fr;padding:14px}.orders-v4-detail-cell,.orders-v4-action-cell{grid-column:auto}.orders-v4-action-cell .btn{width:100%}.renewal-pending-success{padding:20px 16px}.renewal-pending-summary,.renew-order-summary-v4{grid-template-columns:1fr}.renew-order-hero-v4{grid-template-columns:44px 1fr;padding:17px}.renew-order-state-icon{width:44px;height:44px}.renew-order-hero-total{grid-column:2;text-align:left}.renew-order-account-v4{grid-template-columns:30px 1fr}.renew-order-pending-footer{align-items:stretch;flex-direction:column}.admin-manual-order-grid{grid-template-columns:1fr}.admin-manual-order-actions{align-items:stretch;flex-direction:column}.admin-manual-order-actions .btn{width:100%}}


/* =====================================================================
   ECUACINE WEB v2.3.142 — Account menu cleanup + unified support hub
   ===================================================================== */
.support-hub-nav{display:inline-flex;align-items:center;gap:8px;padding:6px;background:#eef4fb;border:1px solid #dce7f3;border-radius:15px;margin-bottom:16px}
.support-hub-nav-link{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:11px;text-decoration:none;font-size:11px;font-weight:850;color:#51667f}
.support-hub-nav-link:hover,.support-hub-nav-link.active{background:#fff;color:#155fd0;box-shadow:0 5px 14px rgba(19,63,118,.08)}
.support-hub-nav-link span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#e7effb;color:#245ca8;font-size:9px;font-weight:900}
.support-history-section{margin-top:22px;background:#fff;border:1px solid #dfe7f1;border-radius:22px;box-shadow:0 12px 28px rgba(14,42,80,.05);overflow:hidden}
.support-history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #edf2f7}
.support-history-head .eyebrow{font-size:9px;font-weight:900;letter-spacing:.1em;color:#2a68dc}
.support-history-head h2{margin:4px 0 4px;font-size:22px;color:#17385e}
.support-history-head p{margin:0;font-size:11px;color:#72839a}
.support-history-list{display:grid;gap:10px;padding:16px}
.support-history-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px 16px 15px 19px;border:1px solid #e1e9f3;border-radius:16px;background:#fff;overflow:hidden}
.support-history-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#9aa9bb}
.support-history-card.status-open:before{background:#eb5870}
.support-history-card.status-in_progress:before{background:#e6a01a}
.support-history-card.status-resolved:before{background:#20a06a}
.support-history-card.status-closed:before{background:#94a4b7}
.support-history-topline{display:flex;justify-content:space-between;gap:12px;align-items:center}
.support-history-topline>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.support-history-topline strong{font-size:11px;letter-spacing:.06em;color:#526985}
.support-history-topline>div span{font-size:15px;font-weight:900;color:#15365c}
.support-history-reference{margin-top:4px;font-size:10px;color:#7f8ea2}
.support-history-main>p{margin:8px 0 7px;font-size:11px;line-height:1.55;color:#4f637e}
.support-history-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:9px;color:#8997aa}
.support-history-action .btn{white-space:nowrap;min-height:38px}
.support-history-empty{display:grid;justify-items:center;text-align:center;gap:7px;padding:28px 18px}
.support-history-empty strong{font-size:16px;color:#17385e}
.support-history-empty p{margin:0 0 4px;font-size:11px;color:#74849a}
@media(max-width:760px){.support-hub-nav{display:flex}.support-hub-nav-link{flex:1;justify-content:center}.support-history-head,.support-history-card{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.support-history-card{display:grid}.support-history-action{width:100%}.support-history-action .btn{width:100%}.support-history-topline{align-items:flex-start}.support-history-head{display:flex}}


/* =====================================================================
   ECUACINE WEB v2.3.143 — Orders direct list
   Quita el bloque resumen grande y prioriza filtros + historial.
   ===================================================================== */
.orders-v4-shell{display:grid;gap:14px}
.orders-flujotv-reference-note-compact{margin-top:0!important;margin-bottom:0!important;padding:12px 15px!important;border-radius:15px!important}
.orders-flujotv-reference-note-compact>span{width:28px!important;height:28px!important;font-size:12px!important}
.orders-flujotv-reference-note-compact strong{font-size:12px!important}
.orders-flujotv-reference-note-compact p{font-size:10px!important;line-height:1.55!important;margin-top:2px!important}
.orders-v4-toolbar{margin-top:0!important}
@media(max-width:700px){
  .orders-v4-shell{gap:11px}
  .orders-flujotv-reference-note-compact{padding:11px 12px!important}
}

/* ECUACINE WEB v2.3.145 — CTA acceso para reventa más compacto */
.reseller-home-promo>.btn{
  width:auto;
  min-width:210px;
  min-height:42px;
  padding:0 18px;
  border-radius:12px;
  font-size:12px;
  line-height:1.2;
  justify-self:end;
  white-space:nowrap;
}
@media(max-width:700px){
  .reseller-home-promo>.btn{
    width:100%;
    min-width:0;
    min-height:42px;
    justify-self:stretch;
  }
}


/* ECUACINE WEB v2.3.146 — Rediseño de accesos para reventa */
.delegate-accesses-shell{padding:28px}
.delegate-accesses-topbar{margin-bottom:18px}
.delegate-accesses-topbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.delegate-create-enhanced{margin:10px 0 22px;padding:24px;border:1px solid #dfe8f3;background:linear-gradient(180deg,#fbfdff 0%,#f6faff 100%);box-shadow:0 12px 32px rgba(18,48,82,.05)}
.delegate-create-head{margin-bottom:16px}
.delegate-create-close{min-height:42px;padding:0 14px}
.delegate-create-form{display:grid;gap:16px}
.delegate-create-banner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.delegate-create-banner-step{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #dfe7f2;border-radius:14px;background:#fff}
.delegate-create-banner-step strong{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#eaf2ff;color:#1764c8;font-size:12px;flex:0 0 auto}
.delegate-create-banner-step span{font-size:12px;font-weight:850;color:#254566}
.delegate-form-grid-enhanced{grid-template-columns:1fr 1.1fr .7fr;margin-bottom:4px}
.delegate-form-grid-enhanced .field-highlight input,.delegate-form-grid-enhanced .field-highlight select,.delegate-form-grid-enhanced .field-compact select{min-height:54px;border-radius:14px;padding:12px 15px;font-size:14px;background:#fff}
.delegate-form-grid-enhanced .field small{font-size:10.5px;margin-top:7px}
.delegate-create-footer-enhanced{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:14px;border-top:1px solid #e4ecf5}
.delegate-create-note{display:grid;gap:4px;max-width:760px}
.delegate-create-note strong{font-size:12px;color:#17314f}
.delegate-create-note span{font-size:11.5px;line-height:1.55;color:#73849a}
.delegate-empty-state-rich{display:grid;justify-items:center;gap:10px;text-align:center;padding:42px 24px}
.delegate-empty-state-rich .btn{min-width:210px}
@media(max-width:980px){
  .delegate-form-grid-enhanced{grid-template-columns:1fr 1fr}
  .delegate-form-grid-enhanced .field-compact{grid-column:1/-1}
}
@media(max-width:760px){
  .delegate-accesses-topbar-actions{width:100%;justify-content:flex-start}
  .delegate-create-banner{grid-template-columns:1fr}
  .delegate-form-grid-enhanced{grid-template-columns:1fr}
  .delegate-create-footer-enhanced{flex-direction:column;align-items:stretch}
  .delegate-create-footer-enhanced .btn{width:100%}
  .delegate-create-close{width:auto}
}


/* =====================================================================
   ECUACINE WEB v2.3.147 — Customer flow de accesos para reventa
   ===================================================================== */
.delegate-promo-hero-compact{padding:24px 26px;grid-template-columns:minmax(0,1fr) 260px;gap:22px}
.delegate-promo-hero-compact .delegate-promo-copy h2{font-size:26px;max-width:700px}
.delegate-promo-hero-compact .delegate-promo-copy p{font-size:13px}
.delegate-domain-card-compact{padding:18px 20px;gap:6px}
.delegate-domain-card-compact strong{font-size:19px}
.delegate-clients-page{padding:26px 28px}
.delegate-clients-head{align-items:center;margin-bottom:18px}
.delegate-clients-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.delegate-new-client-btn{min-height:42px;padding:0 16px;border-radius:12px;font-size:12px;white-space:nowrap}
.delegate-client-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0 18px;border-top:1px solid #edf2f7}
.delegate-client-search-wrap{display:flex;align-items:center;gap:10px;width:min(100%,540px);min-height:44px;padding:0 14px;border:1px solid #dce6f1;border-radius:13px;background:#f9fbfe}
.delegate-client-search-wrap>span{font-size:19px;color:#7d90aa;line-height:1}
.delegate-client-search-wrap input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:12.5px;color:#183654;padding:0}
.delegate-client-toolbar>small{font-size:10.5px;color:#7d8da2;font-weight:800;white-space:nowrap}
.delegate-client-list{display:grid;gap:12px}
.delegate-client-card{display:grid;grid-template-columns:minmax(220px,1.15fr) minmax(360px,1fr) auto;gap:18px;align-items:center;padding:17px 18px;border:1px solid #dfe8f3;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(17,45,82,.045);transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}
.delegate-client-card:hover{border-color:#cbdced;box-shadow:0 12px 28px rgba(17,45,82,.075);transform:translateY(-1px)}
.delegate-client-identity{display:flex;align-items:center;gap:13px;min-width:0}
.delegate-client-avatar{width:46px;height:46px;flex:0 0 46px;font-size:16px}
.delegate-client-identity>div{display:grid;gap:3px;min-width:0}
.delegate-client-identity strong{font-size:15px;color:#153556;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.delegate-client-identity small{font-size:11px;color:#7a8ca3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.delegate-client-meta{display:grid;grid-template-columns:.55fr 1.15fr .8fr;gap:8px}
.delegate-client-meta>div{display:grid;gap:4px;min-height:56px;padding:9px 11px;border:1px solid #e6edf5;border-radius:12px;background:#f8fbff}
.delegate-client-meta span{font-size:8.5px;text-transform:uppercase;letter-spacing:.07em;color:#8a99ad;font-weight:850}
.delegate-client-meta>div>strong:not(.delegate-state){font-size:11.5px;color:#1e3b5e}
.delegate-client-meta .delegate-state{justify-self:start}
.delegate-client-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-width:230px}
.delegate-client-actions .btn{min-height:38px;padding:0 12px;border-radius:11px;font-size:10.5px;white-space:nowrap}
.delegate-client-actions form{margin:0}
.delegate-client-actions form .btn{width:100%}
.delegate-client-delete{color:#a74250!important}
.delegate-client-delete:hover{background:#fff3f5!important;border-color:#eccbd1!important;color:#bb3045!important}
.delegate-client-empty{display:grid;justify-items:center;text-align:center;gap:9px;padding:44px 24px;border:1px dashed #d7e3f0;border-radius:18px;background:#fbfdff}
.delegate-client-empty-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:#eaf2ff;color:#1764c8;font-size:24px;font-weight:900;margin-bottom:3px}
.delegate-client-empty strong{font-size:17px;color:#183654}.delegate-client-empty span{font-size:12px;color:#74869d;max-width:540px;line-height:1.6}.delegate-client-empty .btn{margin-top:5px;min-width:190px}
.delegate-client-no-results{display:grid;gap:4px;justify-items:center;text-align:center;padding:30px 20px;color:#72849b}.delegate-client-no-results strong{color:#25415f;font-size:14px}.delegate-client-no-results span{font-size:11px}
.delegate-create-page-back{margin:-2px 0 12px}.delegate-create-page-back a{font-size:11.5px;font-weight:850;color:#2864c7;text-decoration:none}.delegate-create-page-back a:hover{text-decoration:underline}
.delegate-new-client-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.delegate-new-client-card,.delegate-new-client-info-card,.delegate-new-client-security-card{background:#fff;border:1px solid #dfe8f3;border-radius:20px;box-shadow:0 12px 30px rgba(17,45,82,.055)}
.delegate-new-client-card{padding:26px 28px}
.delegate-new-client-head{padding-bottom:18px;border-bottom:1px solid #edf2f7;margin-bottom:18px}
.delegate-new-client-head h2{margin:5px 0 6px;font-size:24px;color:#123452;letter-spacing:-.015em}.delegate-new-client-head p{margin:0;max-width:720px;font-size:12.5px;line-height:1.6;color:#6f8198}
.delegate-new-client-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.delegate-new-client-field{display:grid;gap:7px}.delegate-new-client-field label{font-size:11.5px;font-weight:850;color:#2b4664}.delegate-new-client-field input,.delegate-new-client-field select{width:100%;min-height:50px;border:1px solid #d8e3ef;border-radius:13px;background:#fff;padding:11px 14px;color:#183654;font:inherit;font-size:13.5px;outline:none;transition:.14s}.delegate-new-client-field input:focus,.delegate-new-client-field select:focus{border-color:#78a8ec;box-shadow:0 0 0 3px rgba(45,112,224,.09)}.delegate-new-client-field small{font-size:10px;line-height:1.45;color:#8291a5}
.delegate-new-client-field-small{grid-column:1/-1;max-width:320px}
.delegate-new-client-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:18px;margin-top:2px;border-top:1px solid #edf2f7}.delegate-new-client-actions .btn{min-height:42px;padding:0 18px;border-radius:12px;font-size:11.5px}
.delegate-new-client-aside{display:grid;gap:14px}.delegate-new-client-info-card{padding:22px}.delegate-new-client-info-card h3{margin:6px 0 14px;font-size:18px;line-height:1.3;color:#173654}.delegate-new-client-info-card ol{list-style:none;margin:0;padding:0;display:grid;gap:13px;counter-reset:steps}.delegate-new-client-info-card li{display:grid;grid-template-columns:28px 1fr;column-gap:10px;row-gap:2px}.delegate-new-client-info-card li:before{counter-increment:steps;content:counter(steps);grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#eaf2ff;color:#1764c8;font-size:10px;font-weight:900}.delegate-new-client-info-card li strong{font-size:11.5px;color:#25415f}.delegate-new-client-info-card li span{font-size:10.5px;line-height:1.45;color:#7a8ba0}
.delegate-new-client-security-card{padding:18px 20px;background:linear-gradient(180deg,#f8fbff,#fff)}.delegate-new-client-security-card strong{display:block;font-size:12px;color:#173654;margin-bottom:5px}.delegate-new-client-security-card p{margin:0;font-size:10.5px;line-height:1.55;color:#75869b}
@media(max-width:1180px){.delegate-client-card{grid-template-columns:minmax(220px,1fr) minmax(320px,1fr)}.delegate-client-actions{grid-column:1/-1;grid-template-columns:repeat(3,max-content);justify-content:flex-end}.delegate-new-client-layout{grid-template-columns:1fr 300px}}
@media(max-width:920px){.delegate-promo-hero-compact{grid-template-columns:1fr}.delegate-domain-card-compact{max-width:360px}.delegate-new-client-layout{grid-template-columns:1fr}.delegate-new-client-aside{grid-template-columns:1fr 1fr}.delegate-client-card{grid-template-columns:1fr}.delegate-client-meta{grid-template-columns:repeat(3,1fr)}.delegate-client-actions{grid-column:auto;justify-content:flex-start}}
@media(max-width:700px){.delegate-clients-page{padding:20px 16px}.delegate-clients-head{align-items:flex-start;flex-direction:column}.delegate-clients-head-actions{width:100%;justify-content:space-between}.delegate-new-client-btn{flex:1;text-align:center}.delegate-client-toolbar{align-items:stretch;flex-direction:column}.delegate-client-search-wrap{width:100%}.delegate-client-toolbar>small{padding-left:2px}.delegate-client-meta{grid-template-columns:1fr 1fr}.delegate-client-meta>div:last-child{grid-column:1/-1}.delegate-client-actions{grid-template-columns:1fr 1fr}.delegate-new-client-card{padding:20px 16px}.delegate-new-client-form{grid-template-columns:1fr}.delegate-new-client-field-small{grid-column:auto;max-width:none}.delegate-new-client-actions{grid-column:auto}.delegate-new-client-aside{grid-template-columns:1fr}.delegate-new-client-actions .btn{flex:1}.delegate-promo-hero-compact{padding:20px 18px}.delegate-promo-hero-compact .delegate-promo-copy h2{font-size:23px}}


/* ECUACINE WEB v2.3.148 — Confirmación limpia después de crear acceso */
.delegate-created-page{max-width:1180px;margin:0 auto;display:grid;gap:18px;padding:4px 0 8px}
.delegate-created-success{display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;align-items:start;padding:26px 28px;background:linear-gradient(135deg,#f1fbf6 0%,#ffffff 74%);border:1px solid #cfe9dc;border-radius:22px;box-shadow:0 14px 34px rgba(18,70,48,.06)}
.delegate-created-success-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#19a36c;color:#fff;font-size:29px;font-weight:900;box-shadow:0 10px 24px rgba(25,163,108,.2)}
.delegate-created-success h2{margin:6px 0 7px;font-size:27px;line-height:1.15;color:#123456}
.delegate-created-success p{max-width:840px;margin:0;font-size:13px;line-height:1.65;color:#60758d}
.delegate-created-credentials{display:grid;grid-template-columns:1.05fr 1.1fr .9fr .95fr;background:#fff;border:1px solid #dde7f3;border-radius:22px;overflow:hidden;box-shadow:0 12px 30px rgba(17,45,82,.05)}
.delegate-created-field{min-width:0;padding:21px 22px;border-right:1px solid #e7edf5;display:grid;gap:6px}
.delegate-created-field:last-child{border-right:0}
.delegate-created-field>span{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8090a5}
.delegate-created-field>strong{font-size:15px;line-height:1.35;color:#173654;overflow-wrap:anywhere}
.delegate-created-field.password>strong{font-size:20px;letter-spacing:.06em;color:#14865d}
.delegate-created-field>small{font-size:10.5px;color:#8a98aa}
.delegate-created-note{display:flex;align-items:flex-start;gap:9px;padding:14px 16px;border:1px solid #e1e8f1;border-radius:15px;background:#f8fbff;color:#61758e;font-size:11.5px;line-height:1.55}
.delegate-created-note strong{color:#173654;white-space:nowrap}
.delegate-created-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding-top:2px}
.delegate-created-actions .btn{min-height:44px;padding:0 18px;border-radius:12px;font-size:12px}
@media(max-width:900px){
  .delegate-created-credentials{grid-template-columns:1fr 1fr}
  .delegate-created-field:nth-child(2){border-right:0}
  .delegate-created-field:nth-child(-n+2){border-bottom:1px solid #e7edf5}
}
@media(max-width:620px){
  .delegate-created-success{grid-template-columns:1fr;padding:20px}
  .delegate-created-success-icon{width:48px;height:48px;font-size:23px}
  .delegate-created-success h2{font-size:23px}
  .delegate-created-credentials{grid-template-columns:1fr}
  .delegate-created-field,.delegate-created-field:nth-child(2){border-right:0;border-bottom:1px solid #e7edf5}
  .delegate-created-field:last-child{border-bottom:0}
  .delegate-created-note{display:grid}
  .delegate-created-actions{display:grid;grid-template-columns:1fr}
  .delegate-created-actions .btn{width:100%}
}

/* =====================================================================
   ECUACINE WEB v2.3.149 — Controles independientes de accesos
   ===================================================================== */
.delegate-client-list-premium{gap:12px}
.delegate-client-card-controls{
  grid-template-columns:minmax(220px,1.05fr) minmax(340px,.9fr) minmax(430px,auto);
  padding:18px 18px 18px 20px;
  border-radius:19px;
}
.delegate-client-meta-controls{grid-template-columns:.55fr 1.15fr .8fr}
.delegate-client-actions-controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  min-width:0;
}
.delegate-client-actions-controls .btn{
  min-height:39px;
  padding:0 13px;
  border-radius:11px;
  font-size:10.5px;
  white-space:nowrap;
}
.delegate-manage-accounts-btn{min-width:142px}
.delegate-client-more{position:relative;flex:0 0 auto}
.delegate-client-more>summary{
  list-style:none;
  display:grid;
  place-items:center;
  width:40px;
  height:39px;
  border:1px solid #dce6f1;
  border-radius:11px;
  background:#f7faff;
  color:#45607e;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
  user-select:none;
}
.delegate-client-more>summary::-webkit-details-marker{display:none}
.delegate-client-more[open]>summary{background:#eef4ff;border-color:#c7d9f2;color:#1764c8}
.delegate-client-more-menu{
  position:absolute;
  right:0;
  top:calc(100% + 8px);
  z-index:80;
  width:190px;
  padding:8px;
  border:1px solid #dce6f1;
  border-radius:13px;
  background:#fff;
  box-shadow:0 18px 42px rgba(13,38,72,.16);
}
.delegate-client-more-label{padding:7px 9px 9px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8b99ab}
.delegate-client-more-menu form{margin:0}
.delegate-client-more-menu button{width:100%;border:0;background:#fff3f4;color:#c53c50;border-radius:9px;padding:10px 11px;text-align:left;font-family:inherit;font-size:10.5px;font-weight:850;cursor:pointer}
.delegate-client-more-menu button:hover{background:#ffe8eb}
.delegate-control-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:2300;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(12,29,51,.52);
  backdrop-filter:blur(3px);
}
.delegate-control-modal-backdrop[hidden]{display:none!important}
.delegate-control-modal{
  position:relative;
  width:min(100%,520px);
  max-height:min(88vh,760px);
  overflow:auto;
  padding:25px;
  border:1px solid #dce6f1;
  border-radius:22px;
  background:#fff;
  box-shadow:0 30px 90px rgba(13,37,70,.28);
}
.delegate-control-modal-close{
  position:absolute;
  top:14px;
  right:14px;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:0;
  border-radius:10px;
  background:#f2f6fa;
  color:#62758d;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.delegate-control-modal-head{padding-right:38px;margin-bottom:17px}
.delegate-control-modal-head h3{margin:5px 0 6px;font-size:22px;line-height:1.2;color:#102f54}
.delegate-control-modal-head p{margin:0;font-size:11.5px;line-height:1.55;color:#72839a}
.delegate-control-modal-summary{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
  margin-bottom:14px;
}
.delegate-control-modal-summary.two-cols{grid-template-columns:1fr 1fr}
.delegate-control-modal-summary>div{
  display:grid;
  gap:4px;
  min-width:0;
  padding:11px 12px;
  border:1px solid #e3eaf3;
  border-radius:12px;
  background:#f8fbff;
}
.delegate-control-modal-summary span{font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#8b99aa}
.delegate-control-modal-summary strong{font-size:10.5px;color:#1c3a5e;overflow-wrap:anywhere}
.delegate-control-secret{
  display:grid;
  grid-template-columns:1fr auto;
  gap:5px 10px;
  align-items:center;
  margin:0 0 13px;
  padding:13px 14px;
  border:1px solid #d5e8df;
  border-radius:13px;
  background:#f2fbf6;
}
.delegate-control-secret>span{grid-column:1/-1;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#6f8d7f}
.delegate-control-secret>strong{font-size:16px;letter-spacing:.08em;color:#11845b;word-break:break-word}
.delegate-control-secret .btn{min-height:34px;padding:0 10px;font-size:9.5px}
.delegate-control-modal-note{padding:11px 13px;border:1px solid #e5ebf3;border-radius:11px;background:#f8fafc;color:#61758e;font-size:10.5px;line-height:1.5}
.delegate-control-modal-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:9px;margin-top:16px}
.delegate-control-modal-actions-stack{grid-template-columns:1fr 1fr}
.delegate-control-modal-actions-stack .btn:first-child{grid-column:1/-1}
.delegate-control-modal-actions .btn{min-height:43px;border-radius:11px;font-size:10.5px}
.delegate-control-modal-actions .btn.ghost{background:transparent;border:0;color:#6e8097;box-shadow:none}
.delegate-validity-form{display:grid;gap:13px}
.delegate-validity-form label{display:grid;gap:7px}
.delegate-validity-form label>span{font-size:10px;font-weight:850;color:#344f6e}
.delegate-validity-form select{width:100%;min-height:48px;border:1px solid #d9e4ef;border-radius:12px;background:#fff;padding:0 13px;color:#173552;font-family:inherit;font-size:12px}
.delegate-accounts-only{padding:26px!important}
.delegate-accounts-only-head{margin-bottom:18px}
.delegate-accounts-only-head p{max-width:780px}
.delegate-detail-summary-accounts{margin-bottom:18px}
@media(max-width:1360px){
  .delegate-client-card-controls{grid-template-columns:minmax(210px,1fr) minmax(320px,1fr)}
  .delegate-client-actions-controls{grid-column:1/-1;justify-content:flex-end}
}
@media(max-width:920px){
  .delegate-client-card-controls{grid-template-columns:1fr}
  .delegate-client-actions-controls{grid-column:auto;justify-content:flex-start;flex-wrap:wrap}
}
@media(max-width:700px){
  .delegate-client-actions-controls{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .delegate-manage-accounts-btn{grid-column:1/-1;min-width:0}
  .delegate-client-more{justify-self:end}
  .delegate-client-more>summary{width:100%;min-width:44px}
  .delegate-control-modal-backdrop{padding:12px}
  .delegate-control-modal{padding:21px 16px;border-radius:18px}
  .delegate-control-modal-summary,.delegate-control-modal-summary.two-cols{grid-template-columns:1fr}
  .delegate-control-modal-actions,.delegate-control-modal-actions-stack{grid-template-columns:1fr}
  .delegate-control-modal-actions-stack .btn:first-child{grid-column:auto}
  .delegate-control-secret{grid-template-columns:1fr}
  .delegate-accounts-only{padding:18px 14px!important}
  .delegate-accounts-only-head{flex-direction:column;align-items:flex-start}
}
.delegate-client-more-menu form+form{margin-top:5px}
.delegate-client-more-menu .delegate-more-neutral{width:100%;border:0;background:#f5f8fc;color:#385470;border-radius:9px;padding:10px 11px;text-align:left;font-family:inherit;font-size:10.5px;font-weight:850;cursor:pointer}
.delegate-client-more-menu .delegate-more-neutral:hover{background:#edf3fa}


/* ECUACINE WEB v2.3.150 — Autorización de cuentas por lotes */
.delegate-batch-account-block{overflow:visible}
.delegate-batch-tools{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:14px;align-items:center;padding:18px 22px 14px;border-bottom:1px solid #e8eef5;background:#fff}
.delegate-batch-search{padding:0;border:0;background:transparent}
.delegate-batch-search input{min-height:46px}
.delegate-batch-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.delegate-batch-selected{display:flex;align-items:baseline;gap:5px;min-width:104px;justify-content:center;padding:9px 12px;border:1px solid #dfe8f3;border-radius:12px;background:#f8fbff;color:#526c88}
.delegate-batch-selected strong{font-size:16px;color:#1764c8}.delegate-batch-selected span{font-size:9.5px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.delegate-batch-actions .btn{min-height:40px;padding:0 13px;font-size:10.5px;white-space:nowrap}
.delegate-batch-list{padding:8px 12px 12px;max-height:500px}
.delegate-batch-account-row{grid-template-columns:34px minmax(145px,210px) minmax(260px,1fr) 100px;cursor:pointer;margin:0 4px;border-radius:13px;padding:12px 14px;min-height:66px}
.delegate-batch-account-row:hover{background:#f7faff}
.delegate-batch-account-row.selected{background:#eef5ff;box-shadow:inset 0 0 0 1px #cfe0fb}
.delegate-batch-check-wrap{position:relative;display:grid;place-items:center;width:22px;height:22px}
.delegate-batch-checkbox{position:absolute;inset:0;width:22px;height:22px;opacity:0;cursor:pointer;margin:0}
.delegate-batch-check-ui{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;border:1.5px solid #b8c7d9;background:#fff;color:transparent;font-size:12px;font-weight:900;transition:.12s ease}
.delegate-batch-checkbox:checked+.delegate-batch-check-ui{background:#1769e8;border-color:#1769e8;color:#fff;box-shadow:0 3px 10px rgba(23,105,232,.2)}
.delegate-batch-checkbox:focus-visible+.delegate-batch-check-ui{outline:3px solid rgba(23,105,232,.18);outline-offset:2px}
.delegate-batch-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;border-top:1px solid #e8eef5;background:#fbfdff}
.delegate-batch-footer>span{font-size:10.5px;color:#7b8ca2}
.delegate-batch-footer .btn{min-width:190px;min-height:42px;font-size:11px}
.delegate-batch-actions .btn:disabled,.delegate-batch-footer .btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
@media(max-width:1100px){
  .delegate-batch-tools{grid-template-columns:1fr}
  .delegate-batch-actions{justify-content:flex-start}
  .delegate-batch-account-row{grid-template-columns:34px minmax(130px,180px) minmax(0,1fr) 90px}
}
@media(max-width:760px){
  .delegate-batch-tools{padding:14px 16px 12px}
  .delegate-batch-actions{display:grid;grid-template-columns:1fr 1fr}
  .delegate-batch-selected{min-width:0}
  .delegate-batch-actions #delegateBatchAuthorize{grid-column:1/-1;width:100%}
  .delegate-batch-account-row{grid-template-columns:30px minmax(0,1fr);gap:6px 10px;padding:12px 10px;min-height:72px}
  .delegate-batch-account-row .delegate-account-product{grid-column:2;max-width:100%;justify-self:start}
  .delegate-batch-account-row>strong{grid-column:2;white-space:normal;word-break:break-word}
  .delegate-batch-account-row>small{display:none}
  .delegate-batch-check-wrap{grid-row:1/3;align-self:center}
  .delegate-batch-footer{flex-direction:column;align-items:stretch;padding:12px 16px}
  .delegate-batch-footer .btn{width:100%}
}

/* ECUACINE WEB v2.3.151 — autorización por lista o correos */
.delegate-authorize-mode-tabs{display:flex;gap:8px;padding:14px 22px 0;background:#fff;border-bottom:1px solid #e8eef5}
.delegate-authorize-mode{min-height:40px;padding:0 15px;border:1px solid #dce6f2;border-bottom-color:#cdd9e8;border-radius:12px 12px 0 0;background:#f7f9fc;color:#5b6f88;font-size:11px;font-weight:850;cursor:pointer;transition:.15s ease}
.delegate-authorize-mode:hover{background:#f2f6fb;color:#274665}
.delegate-authorize-mode.active{background:#fff;color:#1764c8;border-color:#c9dcf6;border-bottom-color:#fff;box-shadow:0 -2px 0 #1769e8 inset}
.delegate-email-batch-form{background:#fff}
.delegate-email-batch-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(420px,1.28fr);gap:22px;padding:22px}
.delegate-email-batch-copy{padding:18px;border:1px solid #e2eaf4;border-radius:16px;background:linear-gradient(180deg,#f9fbff,#f5f9ff)}
.delegate-email-batch-copy h4{margin:5px 0 8px;color:#173653;font-size:18px;line-height:1.25}
.delegate-email-batch-copy p{margin:0;color:#6f8096;font-size:11.5px;line-height:1.6}
.delegate-email-batch-example{margin-top:16px;padding:13px 14px;border:1px solid #dde7f2;border-radius:12px;background:#fff}
.delegate-email-batch-example small{display:block;margin-bottom:7px;color:#8291a5;font-size:9.5px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.delegate-email-batch-example code{display:block;color:#254461;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px;line-height:1.7;word-break:break-all}
.delegate-email-batch-input-wrap{display:grid;align-content:start;gap:8px}
.delegate-email-batch-input-wrap>label{font-size:11.5px;font-weight:850;color:#39506e}
.delegate-email-batch-input-wrap textarea{width:100%;min-height:218px;resize:vertical;border:1px solid #d9e3ef;border-radius:15px;background:#fff;padding:14px 15px;color:#17314f;font:inherit;font-size:12px;line-height:1.6;outline:none;transition:.15s ease}
.delegate-email-batch-input-wrap textarea:focus{border-color:#80aef1;box-shadow:0 0 0 3px rgba(45,112,224,.09)}
.delegate-email-batch-counter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 2px 0;color:#77889e}
.delegate-email-batch-counter span{font-size:10.5px}.delegate-email-batch-counter strong{font-size:13px;color:#1764c8}
.delegate-email-batch-counter small{font-size:10px;text-align:right}
.delegate-email-batch-counter small.ok{color:#168363}.delegate-email-batch-counter small.danger{color:#c43e4f}
.delegate-email-batch-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 22px;border-top:1px solid #e8eef5;background:#fbfdff}
.delegate-email-batch-footer>div{display:grid;gap:3px;max-width:760px}
.delegate-email-batch-footer strong{font-size:11px;color:#294764}.delegate-email-batch-footer span{font-size:10.5px;color:#7b8ca2;line-height:1.5}
.delegate-email-batch-footer .btn{min-width:210px;min-height:42px;font-size:11px}
@media(max-width:900px){
  .delegate-email-batch-layout{grid-template-columns:1fr}
  .delegate-email-batch-footer{align-items:stretch;flex-direction:column}
  .delegate-email-batch-footer .btn{width:100%}
}
@media(max-width:650px){
  .delegate-authorize-mode-tabs{padding:12px 14px 0;overflow-x:auto}
  .delegate-authorize-mode{white-space:nowrap}
  .delegate-email-batch-layout{padding:16px;gap:15px}
  .delegate-email-batch-copy{padding:14px}
  .delegate-email-batch-counter{align-items:flex-start;flex-direction:column;gap:4px}
  .delegate-email-batch-counter small{text-align:left}
  .delegate-email-batch-footer{padding:14px 16px}
}


/* ECUACINE WEB v2.3.153 — Códigos y acceso simplificado */
.mail-simple-shell{max-width:1120px;margin:0 auto}
.mail-simple-card{background:#fff;border:1px solid #dce7f3;border-radius:24px;padding:28px;box-shadow:0 14px 34px rgba(15,43,78,.06)}
.mail-simple-intro{max-width:760px;margin-bottom:20px}
.mail-simple-intro h2{margin:6px 0 8px;font-size:28px;line-height:1.15;color:#0f3158}
.mail-simple-intro p{margin:0;font-size:13px;line-height:1.7;color:#6a7d95}
.mail-simple-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px;border:1px solid #e1eaf4;border-radius:18px;background:#f8fbff}
.mail-simple-search label{display:grid;grid-template-columns:42px 1fr;align-items:center;background:#fff;border:1px solid #d7e3f1;border-radius:14px;overflow:hidden}
.mail-simple-at{display:grid;place-items:center;height:52px;color:#54708f;font-size:18px;font-weight:900;border-right:1px solid #e5edf6;background:#f7faff}
.mail-simple-search input{height:52px;border:0!important;outline:0!important;box-shadow:none!important;padding:0 14px;font-size:15px;background:#fff}
.mail-simple-search .btn{min-height:52px;padding:0 24px;border-radius:14px}
.mail-simple-hint{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;border-radius:14px;background:#f3f7fc;color:#58708d;font-size:11.5px}
.mail-simple-hint>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e4f7ee;color:#16835d;font-weight:900;flex:0 0 auto}
.mail-simple-hint p{margin:0;line-height:1.55}
.mail-simple-results{display:grid;gap:14px;margin-top:18px}
.mail-result-card{border:1px solid #dfe8f3;border-radius:20px;padding:20px;background:#fff}
.mail-result-card.state-expired{border-color:#ecdca9;background:linear-gradient(180deg,#fffdf7,#fff)}
.mail-result-card.state-historical{border-color:#e0e6ee;background:#fbfcfe}
.mail-result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.mail-result-service{display:flex;align-items:center;gap:13px;min-width:0}
.mail-result-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eaf2ff;color:#1766dc;font-weight:900;font-size:15px;flex:0 0 auto}
.mail-result-kicker{display:block;font-size:9px;font-weight:900;letter-spacing:.09em;color:#8192a8;margin-bottom:3px}
.mail-result-service h3{margin:0 0 3px;font-size:19px;color:#15365d}
.mail-result-service p{margin:0;font-size:11.5px;color:#72839a;word-break:break-word}
.mail-result-question{display:grid;gap:3px;margin-top:18px;padding-top:16px;border-top:1px solid #edf2f7}
.mail-result-question strong{font-size:13px;color:#17385e}
.mail-result-question span{font-size:11px;color:#7b8ba0}
.mail-result-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.mail-result-actions form{margin:0}
.mail-result-action{width:100%;min-height:82px;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;text-align:left;padding:12px;border:1px solid #dce6f2;border-radius:15px;background:#fff;color:#17385e;cursor:pointer;transition:.15s}
.mail-result-action:hover{border-color:#b9d0ee;background:#f8fbff;transform:translateY(-1px)}
.mail-result-action>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#eef4ff;color:#1765d9;font-weight:900}
.mail-result-action strong{display:block;font-size:11.5px;margin-bottom:2px}
.mail-result-action small{display:block;font-size:9.5px;line-height:1.4;color:#7c8ca1}
.mail-result-action>b{color:#7990aa}
.mail-result-action.primary{border-color:#bfd4f4;background:#f5f9ff}
.mail-account-message{margin-top:16px;padding:15px 16px;border-radius:15px;border:1px solid #e2e9f2;background:#f8fafc}
.mail-account-message>div{display:flex;gap:11px;align-items:flex-start}
.mail-account-message strong{display:block;font-size:13px;color:#17385e}
.mail-account-message p{margin:5px 0 0;font-size:11.5px;line-height:1.6;color:#6f8095}
.mail-account-message a{display:inline-block;margin-top:9px;font-size:11px;font-weight:850;color:#1764d8}
.mail-account-message.expired{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fff9ea;border-color:#efddad}
.mail-account-message.expired .mail-status-icon{background:#fff0c6;color:#a86e00}
.mail-account-message.historical{background:#f5f7fa;border-color:#dfe5ed}
.mail-account-message.historical .mail-status-icon{background:#e9eef5;color:#65788f}
.mail-status-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-weight:900;flex:0 0 auto}
.mail-simple-not-found{display:grid;grid-template-columns:40px 1fr auto;gap:13px;align-items:center;margin-top:18px;padding:16px;border:1px solid #e2e9f2;border-radius:16px;background:#f8fafc}
.mail-simple-not-found>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#eef3fa;color:#61758f;font-weight:900}
.mail-simple-not-found strong{font-size:13px;color:#17385e}
.mail-simple-not-found p{margin:3px 0 0;font-size:11px;line-height:1.5;color:#74849a}
@media(max-width:900px){.mail-result-actions{grid-template-columns:1fr 1fr}.mail-account-message.expired{align-items:flex-start;flex-direction:column}.mail-simple-search{grid-template-columns:1fr}.mail-simple-search .btn{width:100%}}
@media(max-width:650px){.mail-simple-card{padding:18px;border-radius:19px}.mail-simple-intro h2{font-size:23px}.mail-result-actions{grid-template-columns:1fr}.mail-result-head{flex-direction:column}.mail-simple-not-found{grid-template-columns:36px 1fr}.mail-simple-not-found .btn{grid-column:1/-1;width:100%}}

/* ECUACINE WEB v2.3.154 — búsqueda automática de código + recuperación */
.mail-auto-zone{margin-top:18px;padding-top:16px;border-top:1px solid #edf2f7}
.mail-auto-searching{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid #dfe9f5;border-radius:16px;background:#f8fbff}
.mail-auto-spinner{width:28px;height:28px;border-radius:50%;border:3px solid #dbe8f7;border-top-color:#1766df;animation:mailAutoSpin .9s linear infinite;flex:0 0 auto}
@keyframes mailAutoSpin{to{transform:rotate(360deg)}}
.mail-auto-searching strong{display:block;font-size:13px;color:#17385e}
.mail-auto-searching p{margin:4px 0 4px;font-size:11.5px;line-height:1.55;color:#6f8198}
.mail-auto-searching small{font-size:10.5px;color:#8898ac}
.mail-auto-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.mail-auto-result-card{padding:16px;border:1px solid #dce6f2;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(15,43,78,.04)}
.mail-auto-result-card.code{border-color:#bfd6f6;background:linear-gradient(180deg,#f7fbff,#fff)}
.mail-auto-result-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.mail-auto-result-kicker{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;color:#7f91a8;margin-bottom:3px}
.mail-auto-result-head strong{font-size:13px;color:#17385e}
.mail-auto-ready{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;background:#e7f7ef;color:#18835e;font-size:9px;font-weight:900}
.mail-auto-result-value{margin:14px 0;padding:14px;border-radius:14px;background:#f7faff;border:1px solid #e2eaf4;overflow:hidden}
.mail-auto-result-value.code strong{display:block;font-size:28px;line-height:1.1;letter-spacing:.05em;color:#113b70;word-break:break-word}
.mail-auto-result-value.link strong{display:block;font-size:11px;line-height:1.55;color:#175fae;word-break:break-all}
.mail-auto-result-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mail-auto-result-foot>span{font-size:9.5px;color:#8a99ac}
.mail-auto-result-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mail-auto-result-buttons .btn{min-height:36px;padding:0 12px;font-size:10px;border-radius:10px}
.mail-auto-empty,.mail-auto-error{margin-top:12px;padding:16px;border-radius:15px;border:1px solid #e1e8f1;background:#f8fafc}
.mail-auto-empty strong,.mail-auto-error strong{display:block;font-size:13px;color:#17385e}
.mail-auto-empty p,.mail-auto-error p{margin:4px 0 0;font-size:11.5px;line-height:1.55;color:#6f8095}
.mail-auto-error{background:#fff7f8;border-color:#f1d7dc}
.mail-auto-empty-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.mail-auto-empty-actions .btn{min-height:38px;font-size:10.5px}
@media(max-width:850px){.mail-auto-results{grid-template-columns:1fr}}
@media(max-width:600px){.mail-auto-result-foot{align-items:flex-start;flex-direction:column}.mail-auto-result-buttons{width:100%;justify-content:flex-start}.mail-auto-result-buttons .btn{flex:1}}


/* ECUACINE WEB v2.3.155 — Controles de búsqueda activa */
.mail-simple-search{grid-template-columns:minmax(0,1fr) auto auto}
.mail-search-submit:disabled{cursor:not-allowed;opacity:.58;filter:saturate(.7);box-shadow:none}
.mail-search-stop{min-height:52px;padding:0 20px;border-radius:14px!important;border-color:#efc6cd!important;background:#fff7f8!important;color:#b63348!important;white-space:nowrap}
.mail-search-stop:hover{background:#fff0f2!important;border-color:#e6aeb8!important;color:#98283b!important}
.mail-auto-stopped{margin-top:12px;padding:16px;border-radius:15px;border:1px solid #e1e8f1;background:#f7f9fc}
.mail-auto-stopped strong{display:block;font-size:13px;color:#17385e}
.mail-auto-stopped p{margin:4px 0 0;font-size:11.5px;line-height:1.55;color:#6f8095}
@media(max-width:900px){.mail-simple-search{grid-template-columns:1fr 1fr}.mail-simple-search label{grid-column:1/-1}.mail-search-submit,.mail-search-stop{width:100%}}
@media(max-width:560px){.mail-simple-search{grid-template-columns:1fr}.mail-simple-search label{grid-column:auto}.mail-search-submit,.mail-search-stop{width:100%}}


/* ECUACINE WEB v2.3.156 — Historial de resultados durante la búsqueda */
.mail-auto-latest{
  background:#e7f7ef;
  color:#18835e;
  white-space:nowrap;
}
.mail-auto-history{
  margin-top:14px;
  border-top:1px solid #e7edf5;
  padding-top:12px;
}
.mail-auto-history-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:38px;
  padding:0 2px;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.mail-auto-history-summary::-webkit-details-marker{display:none}
.mail-auto-history-summary>span{
  font-size:10.5px;
  font-weight:800;
  color:#6e8097;
}
.mail-auto-history-summary>b{
  font-size:10px;
  color:#1764d8;
  font-weight:900;
}
.mail-auto-history[open] .mail-auto-history-summary>b{color:#667b94}
.mail-auto-history-list{
  display:grid;
  gap:8px;
  max-height:240px;
  overflow:auto;
  padding-top:8px;
}
.mail-auto-history-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:11px 12px;
  border:1px solid #e2e9f2;
  border-radius:12px;
  background:#f8fafc;
}
.mail-auto-history-info{
  min-width:0;
  display:grid;
  gap:3px;
}
.mail-auto-history-label{
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  color:#8b9aab;
}
.mail-auto-history-value{
  display:block;
  min-width:0;
  color:#17385e;
  font-size:13px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.mail-auto-history-value.code{
  letter-spacing:.04em;
  font-size:17px;
}
.mail-auto-history-value.link{
  color:#1760ae;
  font-size:10.5px;
}
.mail-auto-history-info small{
  font-size:9px;
  color:#8a99ac;
}
.mail-auto-result-buttons.compact{
  flex-wrap:nowrap;
}
.mail-auto-result-buttons.compact .btn{
  min-height:32px;
  padding:0 10px;
  font-size:9px;
}
@media(max-width:650px){
  .mail-auto-history-item{
    grid-template-columns:1fr;
  }
  .mail-auto-result-buttons.compact{
    justify-content:flex-start;
  }
  .mail-auto-result-buttons.compact .btn{
    flex:1;
  }
}


/* ECUACINE WEB v2.3.157 — Mantener historial abierto durante polling */
.mail-auto-history[open] .mail-auto-history-summary{
  border-bottom:1px solid #edf2f7;
  padding-bottom:8px;
  margin-bottom:2px;
}


/* ECUACINE WEB v2.3.158 — Historial persistente durante polling */
.mail-auto-history[open] .mail-auto-history-summary{background:#f8fbff;border-radius:10px;padding-left:8px;padding-right:8px}


/* =====================================================================
   ECUACINE WEB v2.3.159 — VISUAL SYSTEM NORMALIZATION
   Auditoría tipográfica y de controles para WEB Usuario + Administrador.
   Este bloque final consolida la escala visual sin cambiar lógica/estructura.
   ===================================================================== */

:root{
  --ui-fs-page-title:32px;
  --ui-fs-section-title:22px;
  --ui-fs-card-title:17px;
  --ui-fs-body:14px;
  --ui-fs-body-compact:13px;
  --ui-fs-small:12px;
  --ui-fs-meta:11px;
  --ui-fs-kicker:10.5px;

  --ui-control-sm:34px;
  --ui-control-md:40px;
  --ui-control-lg:46px;

  --ui-radius-control:11px;
  --ui-radius-card:16px;
}

/* ---------------------------------------------------------------------
   1. Base tipográfica autenticada
   --------------------------------------------------------------------- */
.client-shell{
  font-size:var(--ui-fs-body);
  line-height:1.5;
}
.client-shell p{
  line-height:1.55;
}
.client-page-head h1{
  font-size:var(--ui-fs-page-title)!important;
  line-height:1.12!important;
  letter-spacing:-.03em!important;
}
.client-page-head p{
  font-size:var(--ui-fs-body)!important;
  line-height:1.5!important;
}
.client-shell .eyebrow,
.client-shell .ticket-kicker,
.client-shell .form-kicker,
.client-shell .mail-result-kicker,
.client-shell .mail-auto-result-kicker{
  font-size:var(--ui-fs-kicker)!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
}
.client-shell .muted{
  font-size:var(--ui-fs-small);
  line-height:1.5;
}

/* ---------------------------------------------------------------------
   2. Botones: solo tres escalas
   --------------------------------------------------------------------- */
.client-shell .btn{
  min-height:var(--ui-control-md);
  padding:0 14px;
  border-radius:var(--ui-radius-control);
  font-size:13px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:0;
}
.client-shell .btn.sm,
.client-shell .btn.compact{
  min-height:var(--ui-control-sm)!important;
  padding:0 11px!important;
  font-size:12px!important;
  border-radius:10px!important;
}
.client-shell .btn.full,
.client-shell .renew-confirm-btn,
.client-shell .cart-pay-actions-v65 .btn,
.client-shell .delegate-new-client-actions .btn,
.client-shell .mail-simple-search .btn{
  min-height:var(--ui-control-lg);
  font-size:13px;
}
.client-shell .text-action{
  font-size:12px!important;
}

/* Botones de tabla/admin deben permanecer compactos */
.admin-main table .btn,
.admin-main .admin-account-action,
.admin-main .ticket-inbox-row-actions .btn,
.admin-main .admin-manual-order-actions .btn{
  min-height:var(--ui-control-sm)!important;
  padding:0 11px!important;
  font-size:12px!important;
  border-radius:10px!important;
}

/* ---------------------------------------------------------------------
   3. Inputs, selects y formularios
   --------------------------------------------------------------------- */
.client-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]),
.client-shell select{
  min-height:44px;
  font-size:13px;
  line-height:1.3;
}
.client-shell textarea{
  font-size:13px!important;
  line-height:1.55!important;
}
.client-shell input[type="file"]{
  font-size:12px;
}
.client-shell .field label,
.client-shell .field>span,
.client-shell .field-label,
.client-shell .account-field-label,
.client-shell .delegate-new-client-field label,
.client-shell .delegate-email-batch-input-wrap>label{
  font-size:12px!important;
  line-height:1.35!important;
}
.client-shell .field small,
.client-shell .delegate-new-client-field small,
.client-shell .delegate-email-batch-input-wrap small,
.client-shell .admin-form-helper{
  font-size:11px!important;
  line-height:1.5!important;
}

/* Excepciones de entrada que necesitan jerarquía propia */
.client-shell .qty-picker input{
  font-size:18px!important;
}
.client-shell .otp-input{
  font-size:14px!important;
}

/* ---------------------------------------------------------------------
   4. Header, navegación y menús
   --------------------------------------------------------------------- */
.user-shell .client-nav a{
  font-size:12.5px!important;
}
.admin-shell .admin-nav a{
  font-size:12px!important;
}
.client-shell .header-balance span{
  font-size:10.5px!important;
}
.client-shell .header-balance strong{
  font-size:14px!important;
}
.client-shell .account-name{
  font-size:12px!important;
}
.client-shell .account-identity small{
  font-size:10px!important;
}
.client-shell .account-menu-panel a,
.client-shell .account-menu-panel button,
.client-shell .mobile-more-panel a,
.client-shell .mobile-more-panel button{
  font-size:12px!important;
  line-height:1.3!important;
}
.client-shell .mode-current-card strong{
  font-size:12px!important;
}
.client-shell .mode-current-card small{
  font-size:11px!important;
}
.client-shell .mode-switch-action{
  font-size:12px!important;
}
.admin-shell .admin-mode-chip{
  font-size:10.5px!important;
}

/* ---------------------------------------------------------------------
   5. Sistema compartido de títulos/cards/badges
   --------------------------------------------------------------------- */
.client-shell .home-section-head h2,
.client-shell .section-title,
.client-shell .delegate-section-head h2,
.client-shell .client-ticket-section-head h3,
.client-shell .notifications-feed-head h3,
.client-shell .credit-section-head h2{
  font-size:var(--ui-fs-section-title)!important;
  line-height:1.2!important;
}
.client-shell .card h2,
.client-shell .profile-card h2,
.client-shell .ticket-side-card h3,
.client-shell .support-aside h3,
.client-shell .delegate-new-client-info-card h3,
.client-shell .notifications-feed-head h3{
  line-height:1.25;
}
.client-shell .badge,
.client-shell .ticket-soft-chip,
.client-shell .delegate-state,
.client-shell .availability,
.client-shell .order-status-chip,
.client-shell .order-type-pill{
  font-size:11px!important;
  line-height:1.1!important;
}
.client-shell .empty-state strong,
.client-shell .ticket-premium-empty strong{
  font-size:16px!important;
}
.client-shell .empty-state p,
.client-shell .empty-state small,
.client-shell .ticket-premium-empty p{
  font-size:12px!important;
  line-height:1.55!important;
}

/* ---------------------------------------------------------------------
   6. TABLAS: densidad uniforme
   --------------------------------------------------------------------- */
.admin-main table th{
  font-size:11px!important;
  line-height:1.25!important;
  letter-spacing:.045em!important;
}
.admin-main table td{
  font-size:12.5px!important;
  line-height:1.4!important;
}
.admin-main table td small{
  font-size:11px!important;
  line-height:1.4!important;
}
.admin-main table td strong{
  font-size:12.5px;
}
.user-shell .accounts-table-head,
.user-shell .orders-v4-table-head{
  font-size:11px!important;
}
.user-shell .accounts-table-body,
.user-shell .orders-v4-table-body{
  font-size:13px!important;
}

/* ---------------------------------------------------------------------
   7. ADMINISTRADOR — base general
   --------------------------------------------------------------------- */
.admin-main .eyebrow{
  font-size:10.5px!important;
}
.admin-main h2{
  line-height:1.25;
}
.admin-main h3{
  line-height:1.3;
}
.admin-welcome-card h2{
  font-size:20px!important;
}
.admin-welcome-card p{
  font-size:12px!important;
  line-height:1.5!important;
}
.admin-operation-card>div{
  font-size:18px!important;
}
.admin-operation-card strong{
  font-size:12px!important;
}
.admin-mobile-chip{
  font-size:10px!important;
}

/* Admin cuentas */
.admin-account-query-head h2{
  font-size:20px!important;
}
.admin-account-query-head p{
  font-size:12px!important;
}
.admin-account-result-count span{
  font-size:10px!important;
}
.admin-account-result-count strong{
  font-size:18px!important;
}
.admin-account-search input,
.admin-account-filter-form select,
.admin-account-filter-submit,
.admin-account-filter-clear{
  font-size:12px!important;
}
.admin-history-copy strong{
  font-size:11px!important;
}
.admin-history-copy small{
  font-size:10px!important;
}
.admin-account-results-head h3{
  font-size:15px!important;
}
.admin-account-results-head p{
  font-size:11px!important;
}
.admin-history-visible-badge{
  font-size:10px!important;
}
.admin-account-client strong,
.admin-account-email,
.admin-account-password{
  font-size:12.5px!important;
}
.admin-account-client small,
.admin-account-expiry small{
  font-size:11px!important;
}
.admin-account-product{
  font-size:11px!important;
}
.admin-account-expiry strong{
  font-size:12px!important;
}
.admin-account-empty strong{
  font-size:14px!important;
}
.admin-account-empty small{
  font-size:11px!important;
}

/* Admin inventario */
.admin-inventory-add h2,
.admin-inventory-filter h2{
  font-size:19px!important;
}
.inventory-format-example span{
  font-size:10px!important;
}
.inventory-format-example code{
  font-size:11px!important;
}
.inventory-product-name,
.inventory-account-email,
.inventory-account-password{
  font-size:12px!important;
}
.inventory-pool-pill{
  font-size:10.5px!important;
}

/* Admin productos */
.admin-product-card-head h2,
.admin-product-name-field{
  font-size:17px!important;
}
.admin-product-code,
.admin-product-technical-note{
  font-size:11px!important;
}
.admin-product-availability-row,
.admin-product-stock{
  font-size:12px!important;
}

/* Admin tickets */
.ticket-inbox-idline>strong{
  font-size:11px!important;
}
.ticket-inbox-identity h3{
  font-size:17px!important;
}
.ticket-inbox-identity p{
  font-size:12px!important;
}
.ticket-needs-reply-badge,
.ticket-attachment-count,
.ticket-inbox-row .admin-ticket-status,
.ticket-inbox-row .ticket-soft-chip{
  font-size:11px!important;
}
.ticket-inbox-row-badges time{
  font-size:11px!important;
}
.ticket-inbox-compact-meta span,
.ticket-inbox-message-preview>span,
.ticket-inbox-status-form>label{
  font-size:10px!important;
}
.ticket-inbox-compact-meta strong{
  font-size:12px!important;
}
.ticket-inbox-message-preview p{
  font-size:12px!important;
  line-height:1.55!important;
}
.ticket-inbox-status-form select{
  font-size:12px!important;
}
.ticket-inbox-result-line,
.ticket-inbox-ref{
  font-size:11px!important;
}

/* Admin órdenes */
.admin-manual-orders-hero h2{
  font-size:23px!important;
}
.admin-manual-orders-hero p,
.admin-manual-order-note{
  font-size:12px!important;
  line-height:1.55!important;
}
.admin-manual-order-id,
.admin-manual-order-count{
  font-size:11px!important;
}
.admin-manual-order-card h3{
  font-size:16px!important;
}
.admin-manual-order-grid span{
  font-size:10px!important;
}
.admin-manual-order-grid strong{
  font-size:12px!important;
}

/* Admin mail/códigos */
.admin-mail-service-label{
  font-size:11px!important;
}
.service-radio-card strong{
  font-size:12px!important;
}
.service-radio-card small{
  font-size:11px!important;
}
.admin-mail-aside-rules strong{
  font-size:11px!important;
}
.admin-mail-aside-rules span{
  font-size:10px!important;
}

/* Admin usuarios, pagos y reportes */
.admin-main .metric span,
.admin-main .reports-kpi span{
  font-size:11px!important;
}
.admin-main .metric strong,
.admin-main .reports-kpi strong{
  line-height:1.1;
}
.admin-main .table-wrap .actions{
  font-size:12px;
}

/* ---------------------------------------------------------------------
   8. USUARIO — Mis cuentas
   --------------------------------------------------------------------- */
.accounts-top-actions .btn,
.accounts-excel-btn{
  font-size:12px!important;
}
.accounts-filter-search input{
  font-size:13px!important;
}
.accounts-history-toggle{
  font-size:12px!important;
}
.account-field-label{
  font-size:11px!important;
}
.account-col-product,
.account-col-email,
.account-col-password,
.account-col-expiry,
.account-col-remaining{
  font-size:12px!important;
}
.account-product-chip{
  font-size:11px!important;
}
.account-email-line,
.account-password-line{
  font-size:12.5px!important;
}
.account-no-renew{
  font-size:11px!important;
}
.renew-selection-note,
.renew-selected-count,
.renew-selected-product{
  font-size:11px!important;
}

/* ---------------------------------------------------------------------
   9. USUARIO — Órdenes
   --------------------------------------------------------------------- */
.orders-v4-result-label{
  font-size:11px!important;
}
.orders-v4-order-cell strong{
  font-size:13px!important;
}
.orders-v4-detail-cell strong{
  font-size:12.5px!important;
}
.orders-v4-detail-cell small,
.orders-v4-date-cell,
.orders-v4-count-cell{
  font-size:11px!important;
}
.orders-v4-total-cell{
  font-size:13px!important;
}
.orders-v4-filter-form input,
.orders-v4-filter-form select{
  font-size:12px!important;
}
.orders-flujotv-reference-note,
.orders-flujotv-reference-note-compact{
  font-size:11.5px!important;
  line-height:1.5!important;
}

/* ---------------------------------------------------------------------
   10. USUARIO — Soporte y tickets
   --------------------------------------------------------------------- */
.support-step-number{
  font-size:11px!important;
}
.support-step-content h2{
  font-size:16px!important;
}
.support-step-content>p,
.support-step-content h2 small{
  font-size:12px!important;
}
.issue-choice strong{
  font-size:12px!important;
}
.issue-choice small{
  font-size:11px!important;
}
.support-email-box input,
.support-step textarea{
  font-size:13px!important;
}
.support-aside h3{
  font-size:16px!important;
}
.support-aside p,
.support-aside li{
  font-size:12px!important;
}
.support-history-topline strong{
  font-size:11px!important;
}
.support-history-topline>div span{
  font-size:16px!important;
}
.support-history-reference,
.support-history-main>p{
  font-size:12px!important;
}
.support-history-meta{
  font-size:11px!important;
}
.support-history-empty p{
  font-size:12px!important;
}

/* Conversación de tickets */
.ticket-detail-meta-card span{
  font-size:10px!important;
}
.ticket-detail-meta-card strong{
  font-size:12.5px!important;
}
.ticket-thread-meta strong{
  font-size:13px!important;
}
.ticket-thread-meta span,
.ticket-thread-meta time{
  font-size:11px!important;
}
.ticket-thread-body{
  font-size:13px!important;
  line-height:1.6!important;
}
.ticket-upload-field span,
.admin-ticket-reply-grid span{
  font-size:11px!important;
}
.ticket-reply-upload-row small{
  font-size:10.5px!important;
}
.ticket-side-card li{
  font-size:12px!important;
}
.ticket-attachment-chip b{
  font-size:11px!important;
}
.ticket-attachment-chip small{
  font-size:10px!important;
}

/* ---------------------------------------------------------------------
   11. USUARIO — Perfil
   --------------------------------------------------------------------- */
.profile-card h2,
.profile-section-title{
  font-size:18px!important;
}
.profile-header-modern p,
.profile-name-help{
  font-size:12px!important;
}
.profile-data-list span,
.profile-info-label{
  font-size:11px!important;
}
.profile-data-list strong,
.profile-info-value{
  font-size:13px!important;
}
.profile-name-edit{
  font-size:12px!important;
}

/* ---------------------------------------------------------------------
   12. USUARIO — Códigos y acceso
   --------------------------------------------------------------------- */
.mail-simple-intro h2{
  font-size:26px!important;
}
.mail-simple-intro p{
  font-size:13px!important;
}
.mail-simple-search input{
  height:46px!important;
  min-height:46px!important;
  font-size:14px!important;
}
.mail-simple-at{
  height:46px!important;
}
.mail-simple-search .btn{
  min-height:46px!important;
  font-size:13px!important;
}
.mail-simple-hint{
  font-size:12px!important;
}
.mail-result-service h3{
  font-size:18px!important;
}
.mail-result-service p{
  font-size:12px!important;
}
.mail-auto-searching strong{
  font-size:14px!important;
}
.mail-auto-searching p{
  font-size:12px!important;
}
.mail-auto-searching small{
  font-size:11px!important;
}
.mail-auto-result-head strong{
  font-size:14px!important;
}
.mail-auto-ready{
  font-size:10.5px!important;
}
.mail-auto-result-value.link strong{
  font-size:12px!important;
}
.mail-auto-result-foot>span{
  font-size:11px!important;
}
.mail-auto-result-buttons .btn{
  min-height:34px!important;
  font-size:12px!important;
}
.mail-auto-empty strong,
.mail-auto-error strong,
.mail-auto-stopped strong{
  font-size:14px!important;
}
.mail-auto-empty p,
.mail-auto-error p,
.mail-auto-stopped p{
  font-size:12px!important;
}
.mail-auto-history-summary>span,
.mail-auto-history-summary>b{
  font-size:11px!important;
}
.mail-auto-history-label{
  font-size:10px!important;
}
.mail-auto-history-value{
  font-size:13px!important;
}
.mail-auto-history-value.code{
  font-size:16px!important;
}
.mail-auto-history-value.link{
  font-size:11px!important;
}
.mail-auto-history-info small{
  font-size:11px!important;
}
.mail-auto-result-buttons.compact .btn{
  min-height:32px!important;
  font-size:11px!important;
}

/* ---------------------------------------------------------------------
   13. USUARIO — Accesos para reventa
   --------------------------------------------------------------------- */
.delegate-promo-copy h2{
  font-size:25px!important;
}
.delegate-promo-copy p{
  font-size:13px!important;
}
.delegate-promo-points{
  font-size:12px!important;
}
.delegate-domain-card small{
  font-size:10.5px!important;
}
.delegate-domain-card strong{
  font-size:19px!important;
}
.delegate-domain-card span{
  font-size:12px!important;
}
.delegate-client-identity strong{
  font-size:16px!important;
}
.delegate-client-identity small{
  font-size:12px!important;
}
.delegate-client-meta span{
  font-size:10px!important;
}
.delegate-client-meta>div>strong:not(.delegate-state){
  font-size:12px!important;
}
.delegate-client-actions .btn{
  min-height:36px!important;
  font-size:12px!important;
}
.delegate-client-toolbar>small{
  font-size:11px!important;
}
.delegate-client-search-wrap input{
  font-size:13px!important;
}
.delegate-new-client-head h2{
  font-size:22px!important;
}
.delegate-new-client-head p{
  font-size:13px!important;
}
.delegate-new-client-field input,
.delegate-new-client-field select{
  min-height:46px!important;
  font-size:13px!important;
}
.delegate-new-client-actions .btn{
  min-height:40px!important;
  font-size:12px!important;
}
.delegate-new-client-info-card h3{
  font-size:17px!important;
}
.delegate-authorize-mode{
  min-height:38px!important;
  font-size:12px!important;
}
.delegate-batch-footer>span,
.delegate-email-batch-counter span,
.delegate-email-batch-counter small{
  font-size:11px!important;
}
.delegate-batch-footer .btn,
.delegate-email-batch-footer .btn{
  min-height:40px!important;
  font-size:12px!important;
}
.delegate-email-batch-copy h4{
  font-size:17px!important;
}
.delegate-email-batch-copy p{
  font-size:12px!important;
}
.delegate-email-batch-example small{
  font-size:10px!important;
}
.delegate-email-batch-example code{
  font-size:11px!important;
}
.delegate-email-batch-input-wrap textarea{
  font-size:13px!important;
}
.delegate-email-batch-footer strong{
  font-size:12px!important;
}
.delegate-email-batch-footer span{
  font-size:11px!important;
}

/* ---------------------------------------------------------------------
   14. USUARIO — Notificaciones
   --------------------------------------------------------------------- */
.notification-trigger-text{
  font-size:12px!important;
}
.notification-panel-head strong{
  font-size:17px!important;
}
.notification-panel-head small{
  font-size:11px!important;
}
.notification-panel-head a,
.notification-panel-foot a{
  font-size:12px!important;
}
.notification-panel-copy strong{
  font-size:12.5px!important;
}
.notification-panel-copy p{
  font-size:12px!important;
}
.notification-panel-copy small{
  font-size:11px!important;
}
.notifications-overview-copy h2{
  font-size:28px!important;
}
.notifications-overview-copy p{
  font-size:13px!important;
}
.notifications-overview-grid span{
  font-size:10.5px!important;
}
.notifications-overview-grid small{
  font-size:11px!important;
}
.notification-feed-top strong{
  font-size:15px!important;
}
.notification-feed-top time{
  font-size:11px!important;
}
.notification-feed-copy p{
  font-size:13px!important;
}
.notification-feed-meta span,
.notification-feed-meta small{
  font-size:11px!important;
}

/* ---------------------------------------------------------------------
   15. USUARIO — Tienda, carrito, pagos, créditos, renovaciones
   --------------------------------------------------------------------- */
.product-compact-card h3{
  font-size:14px!important;
}
.product-short{
  font-size:12px!important;
}
.product-price-row small,
.product-price-row>span{
  font-size:11px!important;
}
.product-compact-card .btn{
  min-height:36px!important;
  font-size:12px!important;
}
.availability{
  font-size:10.5px!important;
}
.shop-toolbar h2,
.store-section-head h2{
  font-size:20px!important;
}
.store-result-line,
.home-section-subtle{
  font-size:12px!important;
}

/* Carrito */
.cart-product-title strong{
  font-size:14px!important;
}
.cart-price-info,
.cart-row-bottom,
.cart-safe-note,
.cart-problem{
  font-size:12px!important;
}
.cart-summary-lines,
.cart-balance-line,
.cart-balance-shortfall{
  font-size:12.5px!important;
}
.cart-summary-total strong{
  font-size:20px!important;
}

/* Pagos */
.activity-main strong{
  font-size:13px!important;
}
.activity-main p,
.activity-meta,
.status-text,
.payment-support-link{
  font-size:11.5px!important;
}

/* Créditos */
.credit-history-table th{
  font-size:11px!important;
}
.credit-history-table td{
  font-size:12.5px!important;
}
.credit-change{
  font-size:12px!important;
}

/* Renovaciones */
.renew-summary-copy h2{
  font-size:20px!important;
}
.renew-summary-copy p,
.renew-credit-help,
.renewal-reference-warning{
  font-size:12px!important;
}
.renew-summary-item span{
  font-size:11px!important;
}
.renew-summary-item strong{
  font-size:13px!important;
}
.renew-option strong{
  font-size:13px!important;
}
.renew-option small{
  font-size:11px!important;
}

/* ---------------------------------------------------------------------
   16. Success/checkout/delivery
   --------------------------------------------------------------------- */
.success-panel h2{
  font-size:22px!important;
}
.success-panel>p{
  font-size:12px!important;
}
.success-numbers span{
  font-size:11px!important;
}
.simple-account-list strong{
  font-size:12px!important;
}
.simple-account-list span{
  font-size:11px!important;
}
.bot-order-summary span,
.bot-account-title span,
.bot-credentials span,
.bot-account-expiry{
  font-size:10px!important;
}
.bot-order-summary strong,
.bot-account-title strong,
.bot-order-footer strong{
  font-size:12px!important;
}
.bot-credentials strong{
  font-size:11px!important;
}
.bot-credentials button{
  font-size:10px!important;
  min-height:28px;
}
.bot-order-footer span{
  font-size:11px!important;
}

/* ---------------------------------------------------------------------
   17. Navegación móvil
   --------------------------------------------------------------------- */
@media(max-width:900px){
  .client-page-head h1{
    font-size:26px!important;
  }
  .client-page-head p{
    font-size:13px!important;
  }
  .mobile-bottom-nav a b{
    font-size:10px!important;
    line-height:1.1!important;
  }
  .mobile-bottom-nav a>span{
    font-size:16px!important;
  }
  .mobile-more-panel a,
  .mobile-more-panel button{
    font-size:13px!important;
    min-height:40px;
  }
  .mobile-balance{
    font-size:12px!important;
  }
  .mobile-admin-chip{
    font-size:10px!important;
  }
}

/* ---------------------------------------------------------------------
   18. Guardrails de legibilidad
   --------------------------------------------------------------------- */
.client-shell .soft-banner span,
.client-shell .soft-notice,
.client-shell .friendly-error,
.client-shell .renewal-reference-warning{
  font-size:12px!important;
  line-height:1.55!important;
}
.client-shell .flash{
  font-size:13px!important;
  line-height:1.45!important;
}
.client-footer{
  font-size:11px!important;
}

/* Normalización de acciones pequeñas que históricamente quedaron en 7–10px */
.client-shell .admin-ticket-nav-badge,
.client-shell .admin-ticket-menu-badge,
.client-shell .nav-cart-count{
  font-size:10px!important;
}
.client-shell .inventory-empty-state,
.client-shell .orders-v4-empty,
.client-shell .delegate-client-no-results{
  font-size:12px!important;
}


/* =====================================================================
   ECUACINE WEB v2.3.161 — Mis cuentas: fila limpia y acciones a la derecha
   ===================================================================== */

/*
   Desktop: la cuenta/correo conserva la mayor proporción de ancho.
   La columna de acciones tiene ancho reservado para impedir que Código/Ayuda
   salten a una segunda línea.
*/
.account-table-row{
  grid-template-columns:
    38px
    minmax(170px,.88fr)
    minmax(300px,1.55fr)
    minmax(165px,.82fr)
    148px
    154px
    126px
    142px!important;
  column-gap:16px!important;
  align-items:center!important;
  padding:0 16px 0 6px!important;
  min-height:104px!important;
}
.account-table-row>div{
  padding:14px 0!important;
  min-width:0;
}

/* Credenciales directas: sin botones/iconos accesorios. */
.account-email-line,
.account-password-line{
  display:block!important;
  width:100%;
  min-width:0;
}
.account-col-email strong,
.account-col-password strong{
  display:block;
  width:100%;
  min-width:0;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  color:#0c2344!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Fecha de compra / última renovación. */
.account-col-date{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}
.account-col-date>strong{
  font-size:12px!important;
  line-height:1.35;
  color:#52637a;
  white-space:nowrap;
}
.account-date-kind{
  font-size:10.5px!important;
  line-height:1.25;
  color:#8a99ac;
  font-weight:700;
  white-space:nowrap;
}

/* Acciones: siempre ancladas al borde derecho de la fila. */
.account-col-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  justify-self:stretch!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  white-space:nowrap;
}
.account-action-btn{
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:10px!important;
  font-size:11.5px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
}

/* Tablet / escritorio angosto: reducimos aire, no movemos acciones abajo. */
@media(max-width:1280px) and (min-width:901px){
  .account-table-row{
    grid-template-columns:
      34px
      minmax(145px,.78fr)
      minmax(230px,1.42fr)
      minmax(140px,.72fr)
      130px
      138px
      108px
      126px!important;
    column-gap:9px!important;
    padding-right:10px!important;
  }
  .account-table-row>div{padding:13px 0!important}
  .account-col-email strong,
  .account-col-password strong{font-size:12px!important}
  .account-col-date>strong,
  .account-col-expiry strong,
  .account-col-remaining strong{font-size:11px!important}
  .account-action-btn{
    min-height:35px!important;
    padding:0 10px!important;
    font-size:10.5px!important;
  }
}

/* Tablet/móvil: acciones siguen en la primera línea, a la derecha. */
@media(max-width:900px){
  .account-table-row{
    grid-template-columns:34px minmax(0,1fr) auto!important;
    grid-template-areas:
      "check product actions"
      "check email email"
      "check password password"
      "check date date"
      "check expiry remaining"!important;
    gap:9px 10px!important;
    min-height:0!important;
    padding:13px!important;
  }
  .account-table-row>div{padding:0!important}
  .account-col-select{grid-area:check}
  .account-col-product{grid-area:product}
  .account-col-email{grid-area:email}
  .account-col-password{grid-area:password}
  .account-col-date{grid-area:date}
  .account-col-expiry{grid-area:expiry}
  .account-col-remaining{grid-area:remaining}
  .account-col-actions{
    grid-area:actions;
    justify-content:flex-end!important;
    align-self:start;
  }
  .account-col-email,
  .account-col-password,
  .account-col-date{
    background:#f8fafc;
    border:1px solid #e6ecf3;
    border-radius:10px;
    padding:9px 10px!important;
  }
  .account-col-email strong,
  .account-col-password strong{font-size:12.5px!important}
  .account-col-date>strong{font-size:12px!important}
}

@media(max-width:600px){
  .account-table-row{
    grid-template-columns:28px minmax(0,1fr) auto!important;
    grid-template-areas:
      "check product actions"
      "check email email"
      "check password password"
      "check date date"
      "check expiry remaining"!important;
  }
  .account-col-actions{justify-content:flex-end!important}
  .account-action-btn{
    min-height:34px!important;
    padding:0 9px!important;
    font-size:10.5px!important;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.162 — Mis cuentas: encabezados únicos + acciones visibles
   ===================================================================== */

/*
   Desktop:
   - los nombres de columna se muestran una sola vez;
   - las tarjetas ya no repiten Cuenta/Contraseña/Fecha/Vencimiento/Tiempo;
   - Cuenta conserva el mayor espacio;
   - Acciones tiene ancho reservado y no puede quedar fuera de la tarjeta.
*/
@media(min-width:1101px){
  .accounts-table-head,
  .account-table-row{
    box-sizing:border-box!important;
    width:100%!important;
    grid-template-columns:
      38px
      180px
      minmax(0,2fr)
      minmax(130px,.9fr)
      150px
      150px
      130px
      140px!important;
    column-gap:12px!important;
  }

  .accounts-table-head{
    display:grid!important;
    align-items:center!important;
    min-height:38px!important;
    padding:0 16px 8px 8px!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    color:#8291a5!important;
    font-size:11px!important;
    font-weight:800!important;
    text-transform:none!important;
    letter-spacing:0!important;
  }
  .accounts-table-head>div{
    min-width:0;
    padding:0!important;
  }
  .accounts-table-head>div:last-child{
    text-align:right;
  }

  .account-table-row{
    min-height:92px!important;
    padding:0 16px 0 8px!important;
    overflow:hidden!important;
    align-items:center!important;
  }
  .account-table-row>div{
    min-width:0!important;
    padding:14px 0!important;
  }

  .account-col-email,
  .account-col-password{
    display:block!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
  }
  .account-email-line,
  .account-password-line{
    width:100%!important;
    min-width:0!important;
  }
  .account-col-email strong,
  .account-col-password strong{
    display:block!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .account-col-date,
  .account-col-expiry,
  .account-col-remaining{
    justify-content:center;
  }
  .account-col-date{
    gap:4px!important;
  }

  .account-col-actions{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:7px!important;
    overflow:visible!important;
    flex-wrap:nowrap!important;
  }
  .account-action-btn{
    flex:0 0 auto!important;
    min-width:0!important;
    min-height:38px!important;
    padding:0 11px!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }
}

/* Desktop intermedio: compactamos sin sacrificar la columna de acciones. */
@media(min-width:1101px) and (max-width:1450px){
  .accounts-table-head,
  .account-table-row{
    grid-template-columns:
      34px
      155px
      minmax(0,1.7fr)
      minmax(118px,.8fr)
      132px
      134px
      112px
      126px!important;
    column-gap:9px!important;
  }
  .account-table-row{padding-right:10px!important}
  .accounts-table-head{padding-right:10px!important}
  .account-col-email strong,
  .account-col-password strong{font-size:12px!important}
  .account-col-date>strong,
  .account-col-expiry strong,
  .account-col-remaining strong{font-size:11px!important}
  .account-action-btn{
    min-height:35px!important;
    padding:0 9px!important;
    font-size:10.5px!important;
  }
}

/*
   Tablet/móvil: no hay cabecera horizontal; los data-label se muestran
   discretamente solo donde ayudan a entender la tarjeta.
*/
@media(max-width:1100px){
  .accounts-table-head{display:none!important}

  .account-col-email,
  .account-col-password,
  .account-col-date,
  .account-col-expiry,
  .account-col-remaining{
    position:relative;
  }
  .account-col-email:before,
  .account-col-password:before,
  .account-col-date:before,
  .account-col-expiry:before,
  .account-col-remaining:before{
    content:attr(data-label)!important;
    display:block!important;
    margin-bottom:5px!important;
    color:#8593a6!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:750!important;
    text-transform:none!important;
    letter-spacing:0!important;
  }
}

/* A partir de tablet ancho usamos el layout de tarjeta y reservamos
   explícitamente el extremo derecho a Código/Ayuda. */
@media(min-width:901px) and (max-width:1100px){
  .account-table-row{
    grid-template-columns:34px minmax(0,1fr) auto!important;
    grid-template-areas:
      "check product actions"
      "check email email"
      "check password password"
      "check date date"
      "check expiry remaining"!important;
    gap:10px 12px!important;
    overflow:visible!important;
    padding:14px!important;
  }
  .account-col-actions{
    grid-area:actions!important;
    display:flex!important;
    justify-content:flex-end!important;
    gap:7px!important;
    flex-wrap:nowrap!important;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.163 — MIS CUENTAS / QUERY TABLE
   Tabla real, continua y consultable desde sus propios encabezados.
   ===================================================================== */

.accounts-top-actions-v163 h2 small{
  font-size:13px;
  font-weight:700;
  color:#8191a6;
}
.accounts-active-filter-line{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:5px;
  font-size:11px;
  color:#75879d;
}
.accounts-active-filter-line a{
  color:#1769e8;
  font-weight:800;
}

/* Un solo contenedor: no más cards individuales. */
.accounts-query-table-shell{
  width:100%;
  background:#fff;
  border:1px solid #dce5ef;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(18,52,91,.055);
  overflow:hidden;
}
.accounts-query-table-scroll{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
}
.accounts-query-table{
  width:100%;
  min-width:1450px;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
  background:#fff;
}

/* Anchos intencionales: Cuenta es la columna principal. */
.accounts-query-table col{}
.accounts-query-table th:nth-child(1),
.accounts-query-table td:nth-child(1){width:54px}
.accounts-query-table th:nth-child(2),
.accounts-query-table td:nth-child(2){width:310px}
.accounts-query-table th:nth-child(3),
.accounts-query-table td:nth-child(3){width:160px}
.accounts-query-table th:nth-child(4),
.accounts-query-table td:nth-child(4){width:210px}
.accounts-query-table th:nth-child(5),
.accounts-query-table td:nth-child(5){width:145px}
.accounts-query-table th:nth-child(6),
.accounts-query-table td:nth-child(6){width:180px}
.accounts-query-table th:nth-child(7),
.accounts-query-table td:nth-child(7){width:180px}
.accounts-query-table th:nth-child(8),
.accounts-query-table td:nth-child(8){width:150px}
.accounts-query-table th:nth-child(9),
.accounts-query-table td:nth-child(9){width:165px}

/* Header */
.accounts-query-table thead th{
  height:60px;
  padding:0 16px;
  background:#f5f7fb;
  border-bottom:1px solid #dfe6ef;
  color:#697b91;
  font-size:11px!important;
  line-height:1.2;
  font-weight:800;
  text-align:left;
  text-transform:uppercase;
  letter-spacing:.045em;
  vertical-align:middle;
  white-space:nowrap;
}
.accounts-query-table thead th:first-child{
  padding-left:22px;
}
.accounts-th-actions{
  text-align:right!important;
  padding-right:22px!important;
}

/* El propio encabezado es el activador del filtro. */
.accounts-th-filter{
  width:100%;
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-transform:inherit;
  letter-spacing:inherit;
  cursor:pointer;
  text-align:left;
}
.accounts-th-filter:hover{color:#1764d8}
.accounts-th-filter i{
  width:7px;
  height:7px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  opacity:.62;
}
.accounts-th-filter.active{
  color:#1764d8;
}
.accounts-th-filter.active:after{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#1769e8;
  margin-left:1px;
}

/* Filas */
.accounts-query-table .account-table-row{
  display:table-row!important;
  min-height:0!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:visible!important;
  opacity:1;
}
.accounts-query-table tbody td{
  height:80px;
  padding:12px 16px;
  border-bottom:1px solid #e8edf3;
  vertical-align:middle;
  background:#fff;
  min-width:0;
}
.accounts-query-table tbody tr:last-child td{
  border-bottom:0;
}
.accounts-query-table tbody tr.account-table-row:hover td{
  background:#fbfdff;
}
.accounts-query-table tbody tr.account-table-row.selected td{
  background:#f4f8ff!important;
}
.accounts-query-table tbody tr.account-table-row.selection-disabled{
  opacity:.46;
}
.accounts-query-table tbody td:first-child{
  padding-left:22px;
}

/* Neutraliza los antiguos layouts grid/flex solo dentro de esta tabla. */
.accounts-query-table td.account-col-select,
.accounts-query-table td.account-col-email,
.accounts-query-table td.account-col-password,
.accounts-query-table td.account-col-product,
.accounts-query-table td.account-col-state,
.accounts-query-table td.account-col-date,
.accounts-query-table td.account-col-expiry,
.accounts-query-table td.account-col-remaining,
.accounts-query-table td.account-col-actions{
  display:table-cell!important;
  width:auto;
  text-align:left;
  background:#fff;
  border-radius:0;
}
.accounts-query-table td.account-col-actions{
  text-align:right!important;
  padding-right:22px;
}

/* Cuenta */
.accounts-query-table .account-col-email strong{
  display:block!important;
  max-width:100%;
  color:#102a4b!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.35;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Contraseña */
.accounts-query-table .account-col-password span{
  color:#42566f;
  font-size:13px;
  font-weight:500;
  white-space:nowrap;
}

/* Producto: único chip informativo azul. */
.accounts-query-table .account-product-chip{
  display:inline-flex!important;
  align-items:center;
  max-width:100%;
  min-height:34px;
  padding:0 12px!important;
  border-radius:11px!important;
  background:#edf5ff!important;
  color:#1764d8!important;
  font-size:12px!important;
  line-height:1.2;
  font-weight:800!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Estado separado del producto. */
.accounts-query-table .account-col-state .badge{
  display:inline-flex!important;
  width:auto!important;
  max-width:max-content!important;
  min-height:32px;
  align-items:center;
  padding:0 12px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap;
}

/* Fecha / vencimiento */
.accounts-query-table td.account-col-date{
  line-height:1.3;
}
.accounts-query-table .account-col-date strong,
.accounts-query-table .account-col-expiry strong{
  display:block;
  color:#314967;
  font-size:12px!important;
  line-height:1.35;
  font-weight:800;
  white-space:nowrap;
}
.accounts-query-table .account-col-date small{
  display:block;
  margin-top:5px;
  color:#8a98aa;
  font-size:10.5px!important;
  line-height:1.2;
  font-weight:600;
  white-space:nowrap;
}

/* Tiempo restante */
.accounts-query-table .account-col-remaining strong{
  display:block;
  font-size:12px!important;
  line-height:1.35;
  font-weight:800;
  white-space:nowrap;
}

/* Acciones compactas y siempre dentro de la tabla. */
.account-action-wrap{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
.accounts-query-table .account-action-btn{
  min-height:36px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  font-size:11px!important;
  font-weight:850!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
}

/* Checkbox consistente */
.accounts-query-table .account-col-select{
  text-align:center!important;
}
.accounts-query-table .account-master-check,
.accounts-query-table .account-row-check{
  display:inline-grid!important;
  place-items:center!important;
}

/* Empty */
.accounts-query-empty{
  height:180px!important;
  text-align:center;
  color:#7b8b9f;
}
.accounts-query-empty strong{
  display:block;
  color:#304a69;
  font-size:15px;
}
.accounts-query-empty span{
  display:block;
  margin-top:5px;
  font-size:12px;
}
.accounts-query-empty a{
  display:inline-block;
  margin-top:10px;
  color:#1769e8;
  font-size:12px;
  font-weight:800;
}

/* ---------------------------------------------------------------------
   Popovers de filtro
   --------------------------------------------------------------------- */
.account-filter-popover{
  position:fixed;
  z-index:500;
  width:292px;
  padding:15px;
  border:1px solid #d7e1ed;
  border-radius:15px;
  background:#fff;
  box-shadow:0 18px 50px rgba(16,42,76,.20);
}
.account-filter-popover[hidden]{display:none!important}
.account-filter-popover-wide{width:330px}
.account-filter-popover-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:13px;
}
.account-filter-popover-head strong{
  color:#15365d;
  font-size:13px;
}
.account-filter-popover-head button{
  width:28px;
  height:28px;
  padding:0;
  border:0;
  border-radius:8px;
  background:#f1f4f8;
  color:#718197;
  font-size:18px;
  line-height:1;
  cursor:pointer;
}
.account-filter-field{
  display:grid;
  gap:6px;
  margin-bottom:11px;
}
.account-filter-field>span{
  color:#72839a;
  font-size:10.5px!important;
  font-weight:750;
}
.account-filter-field input,
.account-filter-field select{
  width:100%;
  min-height:42px!important;
  border:1px solid #d7e2ef!important;
  border-radius:10px!important;
  background:#fff!important;
  padding:0 11px!important;
  color:#183858!important;
  font-size:12px!important;
  box-shadow:none!important;
}
.account-filter-field input:focus,
.account-filter-field select:focus{
  outline:0;
  border-color:#8ab3eb!important;
  box-shadow:0 0 0 3px rgba(23,105,232,.08)!important;
}
.account-filter-check{
  display:flex;
  align-items:center;
  gap:9px;
  margin:4px 0 12px;
  color:#52677f;
  font-size:11.5px;
  cursor:pointer;
}
.account-filter-check input{
  width:17px!important;
  height:17px!important;
  min-height:0!important;
}
.account-filter-date-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.account-filter-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding-top:4px;
}
.account-filter-actions .btn{
  min-height:36px!important;
  padding:0 12px!important;
  font-size:11px!important;
}

/* La tabla sigue siendo tabla en tablet/móvil: scroll horizontal, no cards. */
@media(max-width:1100px){
  .accounts-query-table-shell{
    border-radius:14px;
  }
  .accounts-query-table{
    min-width:1400px;
  }
  .accounts-query-table thead th{
    height:54px;
  }
  .accounts-query-table tbody td{
    height:72px;
  }
  .accounts-query-table td.account-col-email,
  .accounts-query-table td.account-col-password,
  .accounts-query-table td.account-col-date{
    background:#fff!important;
    border-radius:0!important;
  }
  .accounts-query-table td:before{
    display:none!important;
    content:none!important;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.164 — Estado/Vencimiento clásico, sin columna Fecha
   ===================================================================== */

.accounts-query-table{
  min-width:1120px!important;
}

/* Checkbox | Cuenta | Contraseña | Producto | Estado | Vencimiento | Acciones */
.accounts-query-table th:nth-child(1),
.accounts-query-table td:nth-child(1){width:54px!important}
.accounts-query-table th:nth-child(2),
.accounts-query-table td:nth-child(2){width:31%!important}
.accounts-query-table th:nth-child(3),
.accounts-query-table td:nth-child(3){width:15%!important}
.accounts-query-table th:nth-child(4),
.accounts-query-table td:nth-child(4){width:19%!important}
.accounts-query-table th:nth-child(5),
.accounts-query-table td:nth-child(5){width:14%!important}
.accounts-query-table th:nth-child(6),
.accounts-query-table td:nth-child(6){width:17%!important}
.accounts-query-table th:nth-child(7),
.accounts-query-table td:nth-child(7){width:150px!important}

/* Estado: vuelve a ser una columna independiente y limpia. */
.accounts-query-table .account-col-state .badge{
  min-height:32px!important;
  padding:0 13px!important;
  font-size:11px!important;
  font-weight:800!important;
}

/* Vencimiento como en la tabla anterior:
   fecha principal + tiempo restante en segunda línea. */
.accounts-query-table td.account-col-expiry{
  line-height:1.25!important;
}
.accounts-query-table .account-col-expiry strong{
  display:block!important;
  color:#314967!important;
  font-size:12.5px!important;
  line-height:1.3!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.accounts-query-table .account-col-expiry small{
  display:block!important;
  margin-top:5px!important;
  color:#8a98aa!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:500!important;
  white-space:nowrap!important;
}

/* Fecha y Tiempo restante dejan de existir como columnas independientes. */
.accounts-query-table .account-col-date,
.accounts-query-table .account-col-remaining{
  display:none!important;
}

.accounts-query-table td.account-col-actions{
  padding-right:18px!important;
}
.accounts-query-table .account-action-wrap{
  gap:7px!important;
}
.accounts-query-table .account-action-btn{
  min-height:35px!important;
  padding:0 11px!important;
  font-size:11px!important;
}

/* La tabla cabe con mucha más naturalidad en escritorio. */
@media(min-width:1300px){
  .accounts-query-table{
    min-width:100%!important;
  }
}

/* Tablet/móvil mantiene formato tabular mediante scroll horizontal. */
@media(max-width:1100px){
  .accounts-query-table{
    min-width:1120px!important;
  }
}

/* =====================================================================
   ECUACINE WEB v2.3.166 — ADMIN HEADER / LEGIBILIDAD Y JERARQUÍA
   Corrige la reducción introducida por la normalización v2.3.159.
   ===================================================================== */

/* Desktop amplio: el menú de administración vuelve a ser protagonista. */
.admin-shell .admin-header-inner{
  max-width:1740px!important;
  height:84px!important;
  padding-left:24px!important;
  padding-right:24px!important;
  gap:18px!important;
}
.admin-shell .client-brand{
  gap:10px!important;
  flex:0 0 auto!important;
}
.admin-shell .client-brand img{
  width:44px!important;
  height:44px!important;
}
.admin-shell .client-brand span{
  font-size:19px!important;
  line-height:1!important;
}
.admin-shell .admin-nav{
  display:flex!important;
  align-items:stretch!important;
  height:100%!important;
  gap:1px!important;
  min-width:0!important;
  flex:1 1 auto!important;
}
.admin-shell .admin-nav a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:100%!important;
  padding:0 14px!important;
  color:#53647c!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:780!important;
  letter-spacing:-.012em!important;
  white-space:nowrap!important;
}
.admin-shell .admin-nav a:hover{
  color:#1769e8!important;
  background:#f4f8ff!important;
}
.admin-shell .admin-nav a.active{
  color:#1769e8!important;
  font-weight:900!important;
}
.admin-shell .admin-ticket-nav-link{
  gap:7px!important;
}

.admin-inline-badge-nav-link{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  white-space:nowrap!important;
}
.admin-inline-badge-nav-link .admin-ticket-nav-badge{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  margin:0!important;
  vertical-align:middle!important;
  flex:0 0 auto!important;
}
.admin-shell .admin-ticket-nav-badge,
.admin-shell .admin-ticket-menu-badge{
  min-width:21px!important;
  height:21px!important;
  padding:0 6px!important;
  font-size:10.5px!important;
  line-height:21px!important;
}
.admin-shell .client-tools{
  gap:11px!important;
  flex:0 0 auto!important;
}
.admin-shell .admin-mode-chip{
  min-height:40px!important;
  padding:0 13px!important;
  gap:7px!important;
  font-size:12.5px!important;
  line-height:1!important;
  border-radius:12px!important;
}
.admin-shell .admin-mode-chip i{
  width:8px!important;
  height:8px!important;
}
.admin-shell .account-menu summary{
  gap:9px!important;
  padding:6px 8px!important;
}
.admin-shell .admin-avatar{
  width:38px!important;
  height:38px!important;
  font-size:12px!important;
}
.admin-shell .account-name{
  max-width:130px!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:850!important;
}
.admin-shell .account-identity small{
  margin-top:3px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.05em!important;
}
.admin-shell .chev{
  font-size:12px!important;
}

/* Laptop grande: sigue siendo legible, reduciendo aire antes que tipografía. */
@media(max-width:1460px) and (min-width:1321px){
  .admin-shell .admin-header-inner{
    padding-left:16px!important;
    padding-right:16px!important;
    gap:12px!important;
  }
  .admin-shell .admin-nav a{
    padding:0 10px!important;
    font-size:14px!important;
  }
  .admin-shell .client-brand span{font-size:18px!important}
  .admin-shell .admin-mode-chip{
    padding:0 10px!important;
    font-size:12px!important;
  }
}

/* Laptop estándar: se mantiene por encima de la escala diminuta anterior. */
@media(max-width:1320px) and (min-width:1181px){
  .admin-shell .admin-header-inner{
    height:80px!important;
    padding-left:12px!important;
    padding-right:12px!important;
    gap:9px!important;
  }
  .admin-shell .client-brand img{
    width:40px!important;
    height:40px!important;
  }
  .admin-shell .client-brand span{font-size:17px!important}
  .admin-shell .admin-nav a{
    padding:0 8px!important;
    font-size:13.25px!important;
  }
  .admin-shell .admin-mode-chip{
    min-height:36px!important;
    padding:0 9px!important;
    font-size:11.5px!important;
  }
  .admin-shell .account-name{font-size:12px!important}
}

/* Entre 901 y 1180: priorizamos enlaces legibles y escondemos el chip auxiliar. */
@media(max-width:1180px) and (min-width:901px){
  .admin-shell .admin-header-inner{
    height:78px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    gap:7px!important;
  }
  .admin-shell .client-brand img{
    width:37px!important;
    height:37px!important;
  }
  .admin-shell .client-brand span{font-size:15.5px!important}
  .admin-shell .admin-nav a{
    padding:0 6px!important;
    font-size:12.25px!important;
  }
  .admin-shell .admin-mode-chip{display:none!important}
  .admin-shell .account-name{display:none!important}
  .admin-shell .account-identity small{display:none!important}
  .admin-shell .admin-ticket-nav-badge,
  .admin-shell .admin-ticket-menu-badge{
    min-width:18px!important;
    height:18px!important;
    padding:0 5px!important;
    font-size:9px!important;
    line-height:18px!important;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.167 — Códigos y acceso / Administración
   ===================================================================== */
.admin-codes-shell{max-width:1180px;margin:0 auto}
.admin-codes-card{background:#fff;border:1px solid #dce6f2;border-radius:22px;padding:28px;box-shadow:0 14px 36px rgba(18,52,91,.06)}
.admin-codes-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
.admin-codes-head h2{margin:5px 0 7px;font-size:27px;line-height:1.15;color:#0d2d55;letter-spacing:-.025em}
.admin-codes-head p{max-width:760px;margin:0;color:#6f8198;font-size:13px;line-height:1.6}
.admin-codes-universal-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#eef5ff;color:#1764d8;font-size:11px;font-weight:850;white-space:nowrap}
.admin-codes-form{display:grid;gap:18px}
.admin-codes-step{padding:18px;border:1px solid #e2e9f2;border-radius:17px;background:#fbfcfe}
.admin-codes-step-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px}
.admin-codes-step-head>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#eaf2ff;color:#1765d9;font-size:11px;font-weight:900;flex:0 0 auto}
.admin-codes-step-head strong{display:block;color:#15365d;font-size:13px;margin-top:1px}
.admin-codes-step-head small{display:block;margin-top:2px;color:#8190a3;font-size:11px;line-height:1.45}
.admin-codes-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.admin-codes-product{cursor:pointer;min-width:0}
.admin-codes-product>input{position:absolute;opacity:0;pointer-events:none}
.admin-codes-product>span{min-height:66px;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dce6f2;border-radius:13px;background:#fff;transition:.15s}
.admin-codes-product>span>b{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#edf4ff;color:#1769e8;font-size:14px;font-weight:900}
.admin-codes-product>span strong{display:block;color:#15365d;font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-codes-product>span small{display:block;margin-top:3px;color:#8392a6;font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-codes-product>span>i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#edf2f7;color:transparent;font-size:10px;font-style:normal;font-weight:900}
.admin-codes-product>input:checked+span{border-color:#86b2ef;background:#f5f9ff;box-shadow:0 0 0 3px rgba(23,105,232,.07)}
.admin-codes-product>input:checked+span>b{background:#1769e8;color:#fff}
.admin-codes-product>input:checked+span>i{background:#e2f6ec;color:#19835e}
.admin-codes-product>input:disabled+span{opacity:.65;cursor:not-allowed}
.admin-codes-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}
.admin-codes-account-input{display:grid;grid-template-columns:44px 1fr;align-items:center;border:1px solid #d6e2ef;border-radius:13px;background:#fff;overflow:hidden}
.admin-codes-account-input>span{height:46px;display:grid;place-items:center;border-right:1px solid #e4ebf4;background:#f7faff;color:#5e7897;font-size:17px;font-weight:900}
.admin-codes-account-input input{height:46px!important;min-height:46px!important;border:0!important;box-shadow:none!important;background:#fff!important;padding:0 13px!important;font-size:13.5px!important;font-weight:650;color:#183858}
.admin-codes-account-input input:focus{outline:0!important}
.admin-codes-account-input:focus-within{border-color:#80ace8;box-shadow:0 0 0 3px rgba(23,105,232,.07)}
.admin-codes-search-btn,.admin-codes-stop-btn{min-height:46px!important;padding:0 18px!important;border-radius:12px!important;font-size:12px!important}
.admin-codes-stop-btn{border-color:#efc5cd!important;background:#fff7f8!important;color:#ad3046!important}
.admin-codes-extra{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #e3def4;border-radius:14px;background:#faf8ff}
.admin-codes-extra>div{display:flex;align-items:center;gap:11px;min-width:0}
.admin-codes-extra-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#f0eaff;color:#7355c4;flex:0 0 auto}
.admin-codes-extra strong{display:block;color:#30275a;font-size:12px}
.admin-codes-extra small{display:block;margin-top:2px;color:#82799d;font-size:10.5px;line-height:1.4}
.admin-codes-results-zone{margin-top:20px;padding-top:20px;border-top:1px solid #e8eef5}
.admin-codes-searching{margin:0!important}
.admin-codes-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.admin-codes-result-card{min-width:0}
.admin-codes-result-card.household{border-color:#ddd5f4;background:linear-gradient(180deg,#fbf9ff,#fff)}
.admin-codes-message{margin-top:12px}
.admin-codes-footnote{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:12px 14px;border-radius:13px;background:#f4f7fb;color:#667b93}
.admin-codes-footnote>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#e7eef8;flex:0 0 auto}
.admin-codes-footnote p{margin:2px 0 0;font-size:11px;line-height:1.5}
.admin-codes-footnote strong{color:#38516e}
@media(max-width:1050px){.admin-codes-products{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-codes-results{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.admin-codes-card{padding:18px;border-radius:18px}.admin-codes-head{flex-direction:column;gap:10px}.admin-codes-head h2{font-size:23px}.admin-codes-products{grid-template-columns:1fr}.admin-codes-search-row{grid-template-columns:1fr}.admin-codes-search-btn,.admin-codes-stop-btn{width:100%}.admin-codes-extra{align-items:flex-start;flex-direction:column}.admin-codes-extra .btn{width:100%}.admin-codes-results{grid-template-columns:1fr}}


/* =====================================================================
   ECUACINE WEB v2.3.168 — ADMIN UI LEGIBILITY SYSTEM
   Normalización profunda de legibilidad para todas las pantallas internas
   del administrador. No modifica lógica, estructura ni datos.
   ===================================================================== */

:root{
  --admin-fs-body:14px;
  --admin-fs-compact:13px;
  --admin-fs-secondary:12px;
  --admin-fs-meta:11px;
  --admin-fs-kicker:10.5px;
  --admin-control-md:44px;
  --admin-control-sm:36px;
}

/* ---------------------------------------------------------------------
   1. Base administrativa
   --------------------------------------------------------------------- */
.admin-main{
  font-size:var(--admin-fs-body)!important;
  line-height:1.5!important;
}
.admin-main p{
  line-height:1.55!important;
}
.admin-main .eyebrow{
  font-size:11px!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
}
.admin-main .muted{
  font-size:12px!important;
  line-height:1.5!important;
}

/* ---------------------------------------------------------------------
   2. Formularios y controles — escala única
   --------------------------------------------------------------------- */
.admin-main .field>label,
.admin-main .field label,
.admin-main .field-label,
.admin-main .form-label{
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:800!important;
}
.admin-main .field>small,
.admin-main .field small,
.admin-main .form-help,
.admin-main .admin-form-helper{
  font-size:11.5px!important;
  line-height:1.5!important;
}
.admin-main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]),
.admin-main select{
  min-height:var(--admin-control-md)!important;
  font-size:14px!important;
  line-height:1.25!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.admin-main textarea{
  font-size:13px!important;
  line-height:1.55!important;
}
.admin-main input[type="file"]{
  font-size:12px!important;
}
.admin-main .btn{
  min-height:40px;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:800!important;
}
.admin-main .btn.sm,
.admin-main .btn.compact{
  min-height:34px!important;
  font-size:12px!important;
}

/* ---------------------------------------------------------------------
   3. Cards y títulos internos
   --------------------------------------------------------------------- */
.admin-main .card h2{
  font-size:21px!important;
  line-height:1.25!important;
}
.admin-main .card h3{
  font-size:17px!important;
  line-height:1.3!important;
}
.admin-main .card>p,
.admin-main .card header>p{
  font-size:12px!important;
  line-height:1.55!important;
}

/* ---------------------------------------------------------------------
   4. Venta histórica — captura reportada
   --------------------------------------------------------------------- */
.historical-sale-hero h2{
  font-size:22px!important;
}
.historical-sale-hero p{
  font-size:12.5px!important;
  line-height:1.55!important;
}
.historical-sale-rule strong{
  font-size:10.5px!important;
}
.historical-sale-rule span{
  font-size:13px!important;
}
.historical-step-number{
  width:42px!important;
  height:42px!important;
  font-size:16px!important;
  border-radius:12px!important;
}
.historical-step-content h3{
  font-size:18px!important;
  margin-bottom:4px!important;
}
.historical-step-content>p{
  font-size:12px!important;
  line-height:1.5!important;
  margin-bottom:14px!important;
}
.historical-selected-user{
  padding:12px 14px!important;
}
.historical-selected-user span{
  font-size:10.5px!important;
}
.historical-selected-user strong{
  font-size:13px!important;
  line-height:1.35!important;
}
.historical-selected-user small{
  font-size:11px!important;
  line-height:1.45!important;
}
.historical-client-first-note{
  font-size:11.5px!important;
  line-height:1.5!important;
  padding:11px 13px!important;
}
.historical-mode-option{
  min-height:72px!important;
  padding:13px 14px!important;
}
.historical-mode-icon{
  width:38px!important;
  height:38px!important;
  font-size:15px!important;
}
.historical-mode-option strong{
  font-size:13px!important;
  line-height:1.3!important;
}
.historical-mode-option small{
  font-size:11px!important;
  line-height:1.45!important;
  margin-top:3px!important;
}
.historical-sale-data textarea{
  font-size:12px!important;
}
.historical-batch-format span{
  font-size:10.5px!important;
}
.historical-batch-format code{
  font-size:11.5px!important;
  line-height:1.5!important;
}
.historical-batch-counter{
  font-size:11.5px!important;
}
.historical-batch-counter #historicalBatchCount{
  font-size:13px!important;
}
.historical-batch-hints span{
  font-size:11px!important;
}
.historical-sale-submit strong{
  font-size:13px!important;
}
.historical-sale-submit small{
  font-size:11.5px!important;
  line-height:1.45!important;
}
.historical-sale-submit .btn{
  font-size:13px!important;
  min-height:42px!important;
}

/* Resultados de búsqueda de cliente */
.historical-client-results-head strong{
  font-size:13px!important;
}
.historical-client-results-head span{
  font-size:11.5px!important;
  line-height:1.45!important;
}
.historical-client-results-head small{
  font-size:11px!important;
}
.historical-client-result-title strong{
  font-size:13px!important;
}
.historical-client-result-title>span{
  font-size:10.5px!important;
}
.historical-client-result-meta>span{
  font-size:11px!important;
}

/* ---------------------------------------------------------------------
   5. Tienda administrativa
   --------------------------------------------------------------------- */
.admin-store-hero h2{
  font-size:22px!important;
}
.admin-store-hero p,
.admin-store-card-head p{
  font-size:12px!important;
  line-height:1.5!important;
}
.admin-store-rules span{
  font-size:11px!important;
}
.admin-store-card-head h3{
  font-size:18px!important;
}
.admin-store-selected-user strong{
  font-size:13px!important;
}
.admin-store-selected-user small{
  font-size:11px!important;
}
.admin-store-scope-option strong{
  font-size:13px!important;
}
.admin-store-scope-option small{
  font-size:11px!important;
}
.admin-store-product-list strong{
  font-size:12px!important;
}
.admin-store-product-list span{
  font-size:11px!important;
}
.admin-store-policy-card strong{
  font-size:12px!important;
}
.admin-store-policy-card p{
  font-size:11.5px!important;
}
.admin-store-summary-grid span{
  font-size:11px!important;
}
.admin-store-summary-grid strong{
  font-size:13px!important;
}
.admin-store-summary-grid small{
  font-size:11px!important;
}
.admin-store-price-field>label span,
.admin-store-price-field small{
  font-size:11px!important;
}
.admin-store-confirm-warning strong{
  font-size:12px!important;
}
.admin-store-confirm-warning span{
  font-size:11px!important;
}

/* ---------------------------------------------------------------------
   6. Cuentas administrativas
   --------------------------------------------------------------------- */
.admin-account-query-head h2{
  font-size:21px!important;
}
.admin-account-query-head p{
  font-size:12px!important;
}
.admin-account-result-count span{
  font-size:11px!important;
}
.admin-account-result-count strong{
  font-size:20px!important;
}
.admin-account-results-head h3{
  font-size:16px!important;
}
.admin-account-results-head p{
  font-size:11.5px!important;
}
.admin-history-copy strong{
  font-size:11.5px!important;
}
.admin-history-copy small{
  font-size:10.5px!important;
}
.admin-history-visible-badge{
  font-size:10.5px!important;
}
.admin-accounts-table th{
  font-size:11px!important;
}
.admin-accounts-table td{
  font-size:13px!important;
}
.admin-account-client strong,
.admin-account-email,
.admin-account-password{
  font-size:12.5px!important;
}
.admin-account-client small,
.admin-account-expiry small{
  font-size:11px!important;
}
.admin-account-product{
  font-size:11.5px!important;
}
.admin-account-expiry strong{
  font-size:12.5px!important;
}
.admin-account-action,
.admin-account-readonly{
  font-size:11.5px!important;
  min-height:34px!important;
}

/* Edición/reparación */
.admin-account-edit-head p{
  font-size:12px!important;
}
.admin-account-readonly-grid span,
.admin-account-edit-form .field>label span,
.admin-account-edit-help{
  font-size:11px!important;
}
.admin-account-readonly-grid strong{
  font-size:13px!important;
}
.admin-account-readonly-grid small{
  font-size:10.5px!important;
}
.admin-account-edit-note>span{
  font-size:11px!important;
}
.admin-account-edit-note strong{
  font-size:12px!important;
}
.admin-account-edit-note small{
  font-size:10.5px!important;
}
.admin-repair-card>p{
  font-size:12px!important;
}
.admin-repair-warning strong{
  font-size:12px!important;
}
.admin-repair-warning small{
  font-size:11px!important;
}
.admin-repair-product-option b{
  font-size:13px!important;
}
.admin-repair-product-option small{
  font-size:11px!important;
}
.admin-repair-steps span{
  font-size:10.5px!important;
}
.admin-repair-steps p{
  font-size:11.5px!important;
}
.admin-repair-confirm-grid span,
.admin-repair-result-grid span{
  font-size:11px!important;
}
.admin-repair-confirm-grid strong{
  font-size:13px!important;
}
.admin-repair-confirm-warning strong,
.admin-repair-result-note strong{
  font-size:12px!important;
}
.admin-repair-confirm-warning p,
.admin-repair-result-note span{
  font-size:11px!important;
}

/* ---------------------------------------------------------------------
   7. Productos e inventario
   --------------------------------------------------------------------- */
.admin-products-intro p{
  font-size:12px!important;
}
.admin-product-code{
  font-size:11px!important;
}
.admin-product-stock>span{
  font-size:11px!important;
}
.admin-product-name-field small{
  font-size:11px!important;
}
.admin-product-technical-note strong{
  font-size:12px!important;
}
.admin-product-technical-note small{
  font-size:11px!important;
}
.inventory-format-example span{
  font-size:10.5px!important;
}
.inventory-format-example code{
  font-size:11.5px!important;
}
.inventory-presale-notice strong{
  font-size:12px!important;
}
.inventory-presale-notice p{
  font-size:11.5px!important;
}
.inventory-status-pill{
  font-size:11px!important;
}
.inventory-list-head p{
  font-size:11.5px!important;
}
.inventory-delete-only-table th{
  font-size:11px!important;
}
.inventory-delete-only-table td{
  font-size:12.5px!important;
}
.inventory-id{
  font-size:11px!important;
}
.inventory-product-name,
.inventory-account-email{
  font-size:12.5px!important;
}
.inventory-pool-pill{
  font-size:11px!important;
}
.inventory-delete-button,
.admin-account-action{
  font-size:11.5px!important;
}

/* ---------------------------------------------------------------------
   8. Tickets
   --------------------------------------------------------------------- */
.ticket-inbox-metric span,
.ticket-inbox-metric small{
  font-size:11px!important;
}
.ticket-inbox-tab{
  font-size:12px!important;
}
.ticket-inbox-filter-form select,
.ticket-inbox-search input{
  font-size:13px!important;
}
.ticket-inbox-result-line{
  font-size:11.5px!important;
}
.ticket-inbox-idline>strong{
  font-size:11px!important;
}
.ticket-inbox-identity p{
  font-size:12px!important;
}
.ticket-needs-reply-badge,
.ticket-attachment-count{
  font-size:10.5px!important;
}
.ticket-inbox-row-badges time{
  font-size:11px!important;
}
.ticket-inbox-row .admin-ticket-status,
.ticket-inbox-row .ticket-soft-chip{
  font-size:10.5px!important;
}
.ticket-inbox-compact-meta span{
  font-size:10.5px!important;
}
.ticket-inbox-compact-meta strong{
  font-size:12px!important;
}
.ticket-inbox-message-preview>span{
  font-size:10.5px!important;
}
.ticket-inbox-message-preview p{
  font-size:12px!important;
  line-height:1.5!important;
}
.ticket-inbox-open-btn,
.ticket-inbox-reply-btn{
  font-size:12px!important;
}
.ticket-inbox-status-form>label{
  font-size:11px!important;
}
.ticket-inbox-status-form select,
.ticket-inbox-status-form .btn{
  font-size:12px!important;
}

/* ---------------------------------------------------------------------
   9. Órdenes manuales
   --------------------------------------------------------------------- */
.admin-manual-order-count span,
.admin-manual-order-count small{
  font-size:11px!important;
}
.admin-manual-orders-tabs a{
  font-size:12px!important;
}
.admin-manual-order-id{
  font-size:11px!important;
}
.admin-manual-order-head p{
  font-size:12px!important;
}
.admin-manual-order-grid span,
.admin-manual-order-accounts>span{
  font-size:11px!important;
}
.admin-manual-order-grid strong{
  font-size:13px!important;
}
.admin-manual-order-accounts b{
  font-size:11.5px!important;
}
.admin-manual-order-note,
.admin-manual-order-note strong{
  font-size:11.5px!important;
}
.admin-manual-order-actions .btn{
  font-size:12px!important;
}

/* ---------------------------------------------------------------------
   10. Códigos administrador
   --------------------------------------------------------------------- */
.admin-mail-service-label,
.admin-codes-product>span small,
.admin-codes-product>span>i{
  font-size:11px!important;
}
.admin-mail-aside-rules span,
.admin-mail-aside-rules strong{
  font-size:11px!important;
}
.admin-mail-hbo-capability strong{
  font-size:12px!important;
}
.admin-mail-hbo-capability small{
  font-size:11px!important;
}

/* ---------------------------------------------------------------------
   11. Responsive: no miniaturizar de nuevo
   --------------------------------------------------------------------- */
@media(max-width:900px){
  .admin-main{
    font-size:13.5px!important;
  }
  .admin-main .field>label,
  .admin-main .field label{
    font-size:12.5px!important;
  }
  .admin-main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .admin-main select,
  .admin-main textarea{
    font-size:13.5px!important;
  }
  .historical-step-content h3{
    font-size:17px!important;
  }
  .historical-step-content>p{
    font-size:12px!important;
  }
}

@media(max-width:600px){
  .admin-main .btn{
    font-size:12.5px!important;
  }
  .historical-mode-option strong{
    font-size:12.5px!important;
  }
  .historical-mode-option small{
    font-size:11px!important;
  }
}

/* ECUACINE WEB v2.3.171 · vigencias unificadas */
.admin-product-duration-config{display:grid;gap:12px;padding:14px;border:1px solid #dfe8f2;border-radius:13px;background:#f9fbfd}
.admin-product-duration-row{align-items:start}
.admin-product-duration-config input.is-readonly{background:#eef3f8;color:#60758c;cursor:not-allowed}
.admin-renew-custom-duration,.admin-renew-final-total{margin-top:12px}
.admin-renew-option-custom{border-style:dashed}
.admin-renew-option b{white-space:nowrap}

/* v2.3.173 selector vigencia venta cliente */
.product-info-actions-duration{align-items:flex-end;flex-wrap:wrap}.client-duration-buy-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-left:auto}.client-duration-buy-form label{display:block;width:100%;font-size:10px;font-weight:850;color:#6d7e92;text-transform:uppercase;letter-spacing:.06em}.client-duration-buy-form select{min-width:190px;min-height:42px;border:1px solid #d8e3ef;border-radius:11px;background:#fff;padding:0 12px;color:#173552;font-family:inherit;font-size:12px}@media(max-width:720px){.client-duration-buy-form{width:100%;margin-left:0}.client-duration-buy-form select,.client-duration-buy-form .btn{width:100%}.product-info-actions-duration>.btn,.product-info-actions-duration>a{width:100%}}


/* v2.3.174 · selección de vigencia directamente en el carrito */
.cart-duration-form{display:flex;align-items:center;gap:9px;margin:10px 0 2px;flex-wrap:wrap}
.cart-duration-form label{font-size:10px;font-weight:850;color:#6d7e92;text-transform:uppercase;letter-spacing:.06em}
.cart-duration-form select{min-width:220px;min-height:36px;border:1px solid #d5dfeb;border-radius:9px;background:#fff;padding:0 10px;color:#173552;font-family:inherit;font-size:11px;font-weight:750;cursor:pointer}
.cart-duration-form select:focus{outline:none;border-color:#86aedd;box-shadow:0 0 0 3px rgba(70,126,191,.10)}
@media(max-width:720px){.cart-duration-form{width:100%;display:block}.cart-duration-form label{display:block;margin-bottom:5px}.cart-duration-form select{width:100%;min-width:0}}


/* =====================================================================
   ECUACINE WEB v2.3.175 — ÓRDENES ADMIN: HISTORIAL GLOBAL
   ===================================================================== */
.admin-orders-summary{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.admin-orders-kpi{
  display:grid;
  gap:4px;
  padding:13px 14px;
  border:1px solid #dfe8f4;
  border-radius:15px;
  background:#fff;
  box-shadow:0 8px 20px rgba(15,50,92,.035);
}
.admin-orders-kpi span{
  font-size:8px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#8494a8;
}
.admin-orders-kpi strong{font-size:19px;color:#17385e}
.admin-orders-kpi small{font-size:8px;color:#8b99aa}
.admin-orders-table .orders-v4-table-head,
.admin-orders-table .orders-v4-row{
  grid-template-columns:125px minmax(170px,.8fr) 145px minmax(220px,1.2fr) 72px 92px 118px 118px;
}
.admin-orders-customer-cell{display:grid;gap:3px;min-width:0}
.admin-orders-customer-cell strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
  color:#244563;
}
.admin-orders-customer-cell small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:8px;
  color:#8997a8;
}
.admin-orders-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.admin-orders-actions form{margin:0}
.admin-orders-actions .btn{min-height:32px;padding:0 9px;font-size:8px}
.order-type-pill.reassign{background:#eef1f5;color:#607087}
@media(max-width:1250px){
  .admin-orders-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .admin-orders-table .orders-v4-table-head{display:none}
  .admin-orders-table .orders-v4-row{grid-template-columns:1fr 1fr 1fr;gap:10px}
  .admin-orders-table .orders-v4-row>div:before{
    content:attr(data-label);display:block;margin-bottom:3px;font-size:7px;
    text-transform:uppercase;letter-spacing:.08em;color:#93a0b2;font-weight:850;
  }
  .admin-orders-table .orders-v4-detail-cell{grid-column:span 2}
  .admin-orders-table .admin-orders-actions{grid-column:1/-1}
}
@media(max-width:700px){
  .admin-orders-summary{grid-template-columns:1fr 1fr}
  .admin-orders-table .orders-v4-row{grid-template-columns:1fr}
  .admin-orders-table .orders-v4-detail-cell,
  .admin-orders-table .admin-orders-actions{grid-column:auto}
  .admin-orders-actions{justify-content:stretch;flex-direction:column}
  .admin-orders-actions .btn,.admin-orders-actions form{width:100%}
  .admin-orders-actions form .btn{width:100%}
}

/* =====================================================================
   ECUACINE WEB v2.3.180 — PRECIOS POR VIGENCIA EN PRODUCTOS ADMIN
   ===================================================================== */
.admin-duration-pricing{
  display:grid;
  gap:10px;
  padding-top:12px;
  border-top:1px solid #dfe8f2;
}
.admin-duration-pricing-head h4{margin:3px 0 2px;color:#183653;font-size:14px}
.admin-duration-pricing-head p{margin:0;color:#7d8da1;font-size:8px;line-height:1.5}
.admin-duration-price-list{display:grid;gap:8px}
.admin-duration-price-row{
  display:grid;
  grid-template-columns:minmax(125px,.55fr) minmax(145px,.65fr) minmax(240px,1.35fr);
  gap:10px;
  align-items:end;
  padding:11px;
  border:1px solid #e1e9f2;
  border-radius:11px;
  background:#fff;
}
.admin-duration-price-name{align-self:center;display:grid;gap:5px}
.admin-duration-price-name>strong{font-size:11px;color:#173653}
.admin-duration-price-name>div{display:flex;gap:4px;flex-wrap:wrap}
.admin-duration-price-name .mini-badge{
  display:inline-flex;
  padding:3px 6px;
  border-radius:999px;
  background:#eaf6ef;
  color:#13734d;
  font-size:6.5px;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.admin-duration-price-name .mini-badge.is-off{background:#f1f3f6;color:#9aa6b5;text-decoration:line-through}
.admin-duration-price-name .mini-badge.is-base{background:#edf4ff;color:#2866b2;text-decoration:none}
.admin-duration-money{display:grid;grid-template-columns:30px 1fr;align-items:center;border:1px solid #d6e1ed;border-radius:10px;overflow:hidden;background:#fff}
.admin-duration-money>span{display:grid;place-items:center;height:100%;background:#f5f8fb;color:#60768f;font-size:10px;font-weight:900;border-right:1px solid #e1e8f0}
.admin-duration-money input{border:0!important;border-radius:0!important;min-width:0}
.admin-duration-ranges-field label span{font-weight:700;color:#98a5b4}
.admin-duration-pricing-help{display:block;color:#7f8fa2;font-size:7.5px;line-height:1.45}
.admin-product-base-price[readonly]{background:#f2f6fa;color:#60758c;cursor:not-allowed}
@media(max-width:820px){
  .admin-duration-price-row{grid-template-columns:1fr 1fr}
  .admin-duration-price-name{grid-column:1/-1}
}
@media(max-width:560px){
  .admin-duration-price-row{grid-template-columns:1fr}
  .admin-duration-price-name{grid-column:auto}
}

/* =====================================================================
   ECUACINE WEB v2.3.181 — Auditoría financiera + Códigos en dos columnas
   ===================================================================== */
.admin-balance-history-head{
  align-items:flex-end;
  padding-top:22px;
  border-top:1px solid #e7edf5;
}
.admin-balance-history-head p{
  margin:4px 0 0;
  color:#7b8da4;
  font-size:11.5px;
  line-height:1.45;
}
.admin-financial-history-table td{
  vertical-align:middle;
}
.admin-financial-history-table td:nth-child(4){
  white-space:nowrap;
}
.admin-financial-status{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:0 9px;
  border-radius:999px;
  font-size:10.5px;
  font-weight:850;
  white-space:nowrap;
  background:#eef2f7;
  color:#53677f;
}
.admin-financial-status.success{background:#eaf8f1;color:#197552}
.admin-financial-status.warning{background:#fff6df;color:#95640b}
.admin-financial-status.danger{background:#fff0f2;color:#ae3548}
.admin-financial-status.neutral{background:#eef3f8;color:#5c7189}
.admin-financial-reference{
  display:inline-block;
  max-width:190px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:4px 7px;
  border-radius:7px;
  background:#f4f7fb;
  color:#46617f;
  font-size:10.5px;
}

.admin-codes-shell{max-width:1420px}
.admin-codes-workspace{
  display:grid;
  grid-template-columns:minmax(285px,340px) minmax(0,1fr);
  gap:20px;
  align-items:start;
}
.admin-codes-menu-pane{
  min-width:0;
  border:1px solid #e0e8f2;
  border-radius:18px;
  background:#f8faff;
  padding:16px;
}
.admin-codes-pane-title{
  padding:2px 2px 13px;
}
.admin-codes-pane-title>strong{
  display:block;
  margin-top:5px;
  color:#15365d;
  font-size:14px;
}
.admin-codes-pane-title>small{
  display:block;
  margin-top:4px;
  color:#8190a3;
  font-size:10.5px;
  line-height:1.45;
}
.admin-codes-menu-pane .admin-codes-step{
  padding:0;
  border:0;
  background:transparent;
}
.admin-codes-menu-pane .admin-codes-products{
  grid-template-columns:1fr;
  gap:8px;
}
.admin-codes-menu-pane .admin-codes-product>span{
  min-height:60px;
}
.admin-codes-query-pane{
  min-width:0;
  display:grid;
  gap:14px;
}
.admin-codes-query-pane .admin-codes-account-step{
  margin:0;
}
.admin-codes-query-pane .admin-codes-results-zone{
  margin-top:0;
  padding:17px;
  border:1px solid #e2e9f2;
  border-radius:17px;
  background:#fbfcfe;
  min-height:170px;
}
.admin-codes-results-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
.admin-codes-results-head strong{
  display:block;
  margin-top:4px;
  color:#17375d;
  font-size:13px;
}
.admin-codes-query-pane .admin-codes-results{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.admin-codes-form.admin-codes-workspace{gap:20px}

@media (min-width:1180px){
  .admin-codes-menu-pane{
    position:sticky;
    top:92px;
  }
}
@media (max-width:1040px){
  .admin-codes-workspace{
    grid-template-columns:270px minmax(0,1fr);
    gap:14px;
  }
  .admin-codes-query-pane .admin-codes-results{
    grid-template-columns:1fr;
  }
}
@media (max-width:820px){
  .admin-codes-workspace{
    grid-template-columns:1fr;
  }
  .admin-codes-menu-pane{
    position:static;
  }
  .admin-codes-menu-pane .admin-codes-products{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:600px){
  .admin-codes-menu-pane .admin-codes-products{
    grid-template-columns:1fr;
  }
  .admin-financial-reference{max-width:130px}
}


/* =====================================================================
   ECUACINE WEB v2.3.185 — Códigos CLIENTE: búsqueda izquierda / resultados derecha
   ===================================================================== */
.client-codes-shell{
  max-width:1480px;
}
.client-codes-layout{
  display:grid;
  grid-template-columns:minmax(300px,360px) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.client-codes-query-panel,
.client-codes-live-panel{
  min-width:0;
  border:1px solid #dce7f3;
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 30px rgba(15,43,78,.05);
}
.client-codes-query-panel{
  padding:22px;
  position:sticky;
  top:92px;
}
.client-codes-live-panel{
  padding:22px;
  min-height:430px;
}
.client-codes-intro{
  margin-bottom:16px;
}
.client-codes-intro h2,
.client-codes-live-head h2{
  margin:5px 0 7px;
  font-size:23px;
  line-height:1.15;
  color:#0f3158;
}
.client-codes-intro p,
.client-codes-live-head p{
  margin:0;
  color:#6a7d95;
  font-size:11.5px;
  line-height:1.6;
}
.client-codes-search{
  grid-template-columns:1fr!important;
  padding:13px!important;
}
.client-codes-search label{
  grid-column:auto!important;
}
.client-codes-search .btn{
  width:100%;
}
.client-codes-auto-note{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-top:13px;
  padding:12px;
  border:1px solid #e1eaf4;
  border-radius:14px;
  background:#f8fbff;
}
.client-codes-auto-note>span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:9px;
  background:#eaf2ff;
  flex:0 0 auto;
}
.client-codes-auto-note strong{
  display:block;
  color:#17385e;
  font-size:11px;
}
.client-codes-auto-note p{
  margin:3px 0 0;
  color:#74869d;
  font-size:10px;
  line-height:1.5;
}
.client-codes-account-summary{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  margin-top:14px;
  padding:12px;
  border:1px solid #e1e9f3;
  border-radius:14px;
  background:#fff;
}
.client-codes-account-summary>span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:11px;
  background:#edf4ff;
  color:#1764d8;
  font-weight:900;
}
.client-codes-account-summary small{
  display:block;
  margin-bottom:2px;
  color:#8796aa;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}
.client-codes-account-summary strong{
  display:block;
  color:#17385e;
  font-size:11px;
}
.client-codes-account-summary p{
  margin:2px 0 0;
  color:#74849a;
  font-size:9.5px;
  word-break:break-word;
}
.client-codes-live-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  padding-bottom:16px;
  margin-bottom:16px;
  border-bottom:1px solid #edf2f7;
}
.client-codes-live-head>div{
  min-width:0;
}
.client-codes-live-chip{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#e8f7ef;
  color:#16815c;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}
.client-codes-live-panel .mail-simple-results{
  margin-top:0;
}
.client-codes-live-panel .mail-result-card{
  padding:17px;
}
.client-codes-live-panel .mail-auto-results{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.client-codes-live-panel .mail-simple-not-found{
  margin-top:0;
}
.client-codes-empty-state{
  display:flex;
  gap:14px;
  align-items:center;
  min-height:270px;
  justify-content:center;
  padding:26px;
  border:1px dashed #cedaea;
  border-radius:18px;
  background:#fbfcfe;
  text-align:left;
}
.client-codes-empty-state>span{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:15px;
  background:#edf4ff;
  color:#1765d9;
  font-size:20px;
  flex:0 0 auto;
}
.client-codes-empty-state strong{
  display:block;
  color:#17385e;
  font-size:13px;
}
.client-codes-empty-state p{
  max-width:430px;
  margin:4px 0 0;
  color:#75869b;
  font-size:11px;
  line-height:1.6;
}

@media(max-width:1050px){
  .client-codes-layout{
    grid-template-columns:minmax(270px,320px) minmax(0,1fr);
  }
  .client-codes-live-panel .mail-auto-results{
    grid-template-columns:1fr;
  }
}
@media(max-width:820px){
  .client-codes-layout{
    grid-template-columns:1fr;
  }
  .client-codes-query-panel{
    position:static;
  }
  .client-codes-live-panel{
    min-height:0;
  }
}
@media(max-width:600px){
  .client-codes-query-panel,
  .client-codes-live-panel{
    padding:16px;
    border-radius:18px;
  }
  .client-codes-live-head{
    flex-direction:column;
  }
  .client-codes-empty-state{
    align-items:flex-start;
    justify-content:flex-start;
    min-height:0;
  }
}

/* =====================================================================
   ECUACINE WEB v2.3.186 — Admin: autorizaciones Portal por cliente/lote
   ===================================================================== */
.portal-auth-admin-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:21px 22px;margin-bottom:15px;border:1px solid #dce6f2;border-radius:20px;background:linear-gradient(135deg,#f8fbff,#fff);box-shadow:0 10px 26px rgba(15,50,92,.045)}
.portal-auth-admin-hero h2{margin:5px 0;font-size:22px;color:#16385f}.portal-auth-admin-hero p{margin:0;max-width:780px;color:#71839a;font-size:11px;line-height:1.6}.portal-auth-admin-hero-actions{display:flex;gap:8px;flex-wrap:wrap}
.portal-auth-step-card{margin-bottom:15px;padding:18px;border:1px solid #dfe7f1;border-radius:19px;background:#fff;box-shadow:0 8px 22px rgba(15,50,92,.04)}
.portal-auth-step-head{display:flex;gap:11px;align-items:center;margin-bottom:14px}.portal-auth-step-head>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#eaf2ff;color:#1766d5;font-size:12px;font-weight:950;flex:0 0 auto}.portal-auth-step-head.secondary>span{background:#e7f7ef;color:#19825e}.portal-auth-step-head strong{display:block;color:#17385e;font-size:14px}.portal-auth-step-head small{display:block;margin-top:2px;color:#7b8ba0;font-size:10px;line-height:1.45}
.portal-auth-owner-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.portal-auth-owner-search input,.portal-auth-delegate-picker select,.portal-auth-batch-tools input{min-height:42px;border:1px solid #d5e0ed;border-radius:11px;background:#fff;color:#17385e;padding:0 12px;font-size:12px;outline:none}.portal-auth-owner-search input:focus,.portal-auth-delegate-picker select:focus,.portal-auth-batch-tools input:focus{border-color:#8db8ef;box-shadow:0 0 0 3px rgba(23,105,232,.08)}
.portal-auth-owner-results{display:grid;gap:7px;margin-top:12px}.portal-auth-owner-row{display:grid;grid-template-columns:38px minmax(0,1fr) 110px 110px auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid #e2e9f2;border-radius:13px;background:#fff;color:inherit}.portal-auth-owner-row:hover{border-color:#b8d0ee;background:#f9fbff}.portal-auth-owner-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eaf2ff;color:#1767d7;font-weight:950}.portal-auth-owner-avatar.large{width:46px;height:46px;border-radius:14px;font-size:16px}.portal-auth-owner-main strong{display:block;color:#17385e;font-size:11px}.portal-auth-owner-main small{display:block;margin-top:2px;color:#8190a4;font-size:9px}.portal-auth-owner-metric{display:grid;gap:2px}.portal-auth-owner-metric small{color:#8a98aa;font-size:8px}.portal-auth-owner-metric b{color:#244463;font-size:11px}.portal-auth-owner-select{color:#1769e8;font-size:9px;font-weight:900}
.portal-auth-selected-owner{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 17px;margin-bottom:15px;border:1px solid #cfe0f4;border-radius:17px;background:#f8fbff}.portal-auth-selected-owner-main{display:flex;align-items:center;gap:11px}.portal-auth-selected-owner-main h3{margin:3px 0 2px;color:#17385e;font-size:16px}.portal-auth-selected-owner-main p{margin:0;color:#72849a;font-size:10px}.portal-auth-selected-owner-metrics{display:flex;gap:8px}.portal-auth-selected-owner-metrics>div{min-width:105px;padding:9px 11px;border:1px solid #dbe6f3;border-radius:11px;background:#fff}.portal-auth-selected-owner-metrics span{display:block;color:#8997a9;font-size:8px}.portal-auth-selected-owner-metrics strong{display:block;margin-top:2px;color:#17385e;font-size:16px}
.portal-auth-delegate-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}.portal-auth-delegate-picker label{display:grid;gap:5px}.portal-auth-delegate-picker label>span{font-size:9px;font-weight:850;color:#6f8096}.portal-auth-no-delegate{padding:14px;border:1px dashed #cfdae8;border-radius:13px;background:#fbfcfe}.portal-auth-no-delegate strong{display:block;color:#17385e;font-size:12px}.portal-auth-no-delegate p{margin:4px 0 10px;color:#78899e;font-size:10px}
.portal-auth-target-card{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:14px;align-items:center;padding:14px 17px;margin-bottom:15px;border:1px solid #cfe4db;border-radius:17px;background:#f8fdfb}.portal-auth-target-card h3{margin:3px 0 2px;color:#17385e;font-size:16px}.portal-auth-target-card p{margin:0;color:#70859b;font-size:10px}.portal-auth-target-card>div:nth-child(2){padding:8px 10px;border-left:1px solid #d7e8e0}.portal-auth-target-card>div:nth-child(2) span{display:block;color:#82958d;font-size:8px}.portal-auth-target-card>div:nth-child(2) strong{font-size:18px;color:#1c6f56}
.portal-auth-batch-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.portal-auth-batch-tools>input{min-width:240px;flex:1}.portal-auth-batch-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.portal-auth-batch-actions>span{display:inline-flex;gap:4px;align-items:center;color:#74869a;font-size:9px;white-space:nowrap}.portal-auth-batch-actions>span strong{color:#17385e;font-size:13px}
.portal-auth-account-table{display:grid;gap:6px}.portal-auth-account-row{display:grid;grid-template-columns:32px minmax(115px,.8fr) minmax(180px,1.4fr) minmax(130px,.8fr) 90px;gap:9px;align-items:center;padding:9px 10px;border:1px solid #e3e9f1;border-radius:12px;background:#fff;cursor:pointer}.portal-auth-account-row:hover{border-color:#bdd2ec;background:#fbfdff}.portal-auth-account-row.selected{border-color:#8eb9ef;background:#f5f9ff}.portal-auth-account-row.authorized{border-color:#d7e9e1}.portal-auth-account-row.busy{cursor:default;background:#fafbfc}.portal-auth-account-row small{display:block;color:#8c99aa;font-size:7.5px;text-transform:uppercase;letter-spacing:.04em}.portal-auth-account-row strong{display:block;margin-top:2px;color:#274765;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-auth-check{position:relative;display:grid;place-items:center;width:25px;height:25px}.portal-auth-check input{position:absolute;opacity:0;pointer-events:none}.portal-auth-check i{display:grid;place-items:center;width:21px;height:21px;border:1px solid #c7d5e5;border-radius:7px;background:#fff;color:transparent;font-size:10px;font-style:normal;font-weight:950}.portal-auth-check input:checked+i{border-color:#1769e8;background:#1769e8;color:#fff}.portal-auth-check.disabled{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:#edf0f4;color:#8e99a8;font-weight:900}.portal-auth-status{justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:8px;font-weight:900}.portal-auth-status.available{background:#e9f7ef;color:#16805a}.portal-auth-status.authorized{background:#eaf2ff;color:#1763c8}.portal-auth-status.busy{background:#f1f3f6;color:#727f90}
.portal-auth-busy-block{margin-top:12px;border-top:1px solid #edf1f5;padding-top:10px}.portal-auth-busy-block summary{cursor:pointer;color:#7b8899;font-size:9px;font-weight:850}.portal-auth-busy-block .portal-auth-account-table{margin-top:9px}.delegate-admin-overview-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:1050px){.portal-auth-owner-row{grid-template-columns:38px minmax(0,1fr) 95px 95px}.portal-auth-owner-select{display:none}.portal-auth-account-row{grid-template-columns:32px minmax(100px,.8fr) minmax(150px,1.4fr) 90px}.portal-auth-account-row>span:nth-of-type(4){display:none}}
@media(max-width:760px){.portal-auth-admin-hero,.portal-auth-selected-owner,.portal-auth-batch-tools{align-items:stretch;flex-direction:column}.portal-auth-owner-search,.portal-auth-delegate-picker{grid-template-columns:1fr}.portal-auth-owner-row{grid-template-columns:38px minmax(0,1fr) 75px}.portal-auth-owner-metric:nth-of-type(2){display:none}.portal-auth-selected-owner-metrics{width:100%}.portal-auth-selected-owner-metrics>div{flex:1}.portal-auth-target-card{grid-template-columns:1fr auto}.portal-auth-target-card>a{grid-column:1/-1}.portal-auth-batch-tools>input{min-width:0;width:100%}.portal-auth-account-row{grid-template-columns:28px minmax(0,1fr) 76px}.portal-auth-account-row>span:nth-of-type(2),.portal-auth-account-row>span:nth-of-type(4){display:none}.portal-auth-status{font-size:7px;padding:0 6px}}


/* =====================================================================
   ECUACINE WEB v2.3.187 — Resumen Portal + creación de subclientes Admin
   ===================================================================== */
.portal-auth-subclient-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);
  gap:14px;
}
.portal-auth-subclient-existing,
.portal-auth-subclient-create{
  min-width:0;
  padding:14px;
  border:1px solid #e1e8f1;
  border-radius:15px;
  background:#fbfcfe;
}
.portal-auth-subclient-create{
  background:#f8fbff;
  border-color:#d7e5f6;
}
.portal-auth-panel-label{
  display:block;
  margin-bottom:9px;
  color:#71839a;
  font-size:8px;
  font-weight:950;
  letter-spacing:.1em;
}
.portal-auth-view-all-link{
  display:inline-flex;
  margin-top:9px;
  color:#1767d3;
  font-size:9px;
  font-weight:850;
}
.portal-auth-subclient-form{
  display:grid;
  gap:9px;
}
.portal-auth-subclient-form label{
  display:grid;
  gap:4px;
}
.portal-auth-subclient-form label>span{
  color:#667b94;
  font-size:9px;
  font-weight:850;
}
.portal-auth-subclient-form input,
.portal-auth-subclient-form select{
  width:100%;
  min-height:40px;
  border:1px solid #d4e0ed;
  border-radius:10px;
  background:#fff;
  padding:0 11px;
  color:#17385e;
  font-size:11px;
  outline:none;
}
.portal-auth-subclient-form input:focus,
.portal-auth-subclient-form select:focus{
  border-color:#8db8ef;
  box-shadow:0 0 0 3px rgba(23,105,232,.08);
}
.portal-auth-subclient-help{
  margin:8px 0 0;
  color:#7c8ca0;
  font-size:9px;
  line-height:1.5;
}
.portal-auth-created-credentials{
  margin-bottom:15px;
  padding:18px;
  border:1px solid #bfe2d2;
  border-radius:18px;
  background:linear-gradient(135deg,#f4fcf8,#fff);
  box-shadow:0 10px 24px rgba(21,108,76,.05);
}
.portal-auth-created-head{
  display:flex;
  justify-content:space-between;
  gap:15px;
  align-items:flex-start;
  margin-bottom:13px;
}
.portal-auth-created-head h3{
  margin:4px 0 2px;
  color:#17385e;
  font-size:17px;
}
.portal-auth-created-head p{
  margin:0;
  color:#74889a;
  font-size:10px;
}
.portal-auth-created-ok{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#e5f7ee;
  color:#16805b;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}
.portal-auth-created-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.portal-auth-created-grid>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:4px 9px;
  align-items:center;
  padding:10px 11px;
  border:1px solid #dfeae5;
  border-radius:12px;
  background:#fff;
}
.portal-auth-created-grid span{
  grid-column:1/-1;
  color:#82928f;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.portal-auth-created-grid strong{
  min-width:0;
  color:#17385e;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:10px;
  word-break:break-all;
}
.portal-auth-copy{
  min-height:27px;
  border:1px solid #cfdeea;
  border-radius:8px;
  background:#f8fbff;
  padding:0 8px;
  color:#1764c8;
  font-size:8px;
  font-weight:900;
  cursor:pointer;
}
.portal-auth-created-note{
  margin-top:10px;
  padding:9px 10px;
  border-radius:10px;
  background:#edf8f3;
  color:#486d60;
  font-size:9px;
  line-height:1.5;
}
.admin-portal-operation{
  border-color:#dbe6f5!important;
  background:linear-gradient(145deg,#fff,#f9fbff)!important;
}
@media(max-width:900px){
  .portal-auth-subclient-layout{grid-template-columns:1fr}
}
@media(max-width:620px){
  .portal-auth-created-grid{grid-template-columns:1fr}
  .portal-auth-created-head{flex-direction:column}
}

/* =====================================================================
   ECUACINE WEB v2.3.188 — Portal Admin avanzado + reasignación por lote
   ===================================================================== */
.portal-auth-target-card{grid-template-columns:minmax(0,1fr) 120px auto!important}
.portal-auth-target-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.portal-auth-password-panel{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:-3px 0 12px;padding:13px 15px;border:1px solid #cbdff5;border-radius:14px;background:#f7fbff}
.portal-auth-password-panel>div{min-width:0}.portal-auth-password-panel span{display:block;color:#7b8ba0;font-size:8px;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.portal-auth-password-panel strong{display:block;margin-top:3px;color:#17385e;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;word-break:break-all}.portal-auth-password-panel small{display:block;margin-top:3px;color:#8392a4;font-size:8.5px}
.portal-auth-delete-box{margin:0 0 14px;border:1px solid #f0d6da;border-radius:14px;background:#fffafb;overflow:hidden}.portal-auth-delete-box summary{cursor:pointer;padding:11px 14px;color:#a33549;font-size:9px;font-weight:900}.portal-auth-delete-box>div{padding:0 14px 14px;border-top:1px solid #f4e3e6}.portal-auth-delete-box strong{display:block;margin-top:12px;color:#7f3040;font-size:10px}.portal-auth-delete-box p{margin:4px 0 10px;color:#8e6d74;font-size:9px;line-height:1.5}.portal-auth-delete-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:9px;align-items:end}.portal-auth-delete-form label{display:grid;gap:4px}.portal-auth-delete-form label span{color:#8a6870;font-size:8px;font-weight:850}.portal-auth-delete-form input{min-height:38px;border:1px solid #e7c7cd;border-radius:10px;padding:0 10px;background:#fff;color:#762c3b;font-size:10px;outline:none}.portal-auth-delete-form input:focus{border-color:#e18798;box-shadow:0 0 0 3px rgba(224,82,108,.08)}
.portal-auth-expired-warning{margin:0 0 14px;padding:10px 12px;border:1px solid #efdca8;border-radius:12px;background:#fffaf0;color:#8c6d2e;font-size:9px;line-height:1.5}
.portal-auth-email-batch{margin-top:12px;border-top:1px solid #edf2f7;padding-top:10px}.portal-auth-email-batch summary{cursor:pointer;color:#1764ca;font-size:9px;font-weight:900}.portal-auth-email-batch form{margin-top:10px;padding:13px;border:1px solid #dce7f4;border-radius:13px;background:#f9fbfe}.portal-auth-email-batch-grid{display:grid;grid-template-columns:minmax(210px,.6fr) minmax(0,1.4fr);gap:13px}.portal-auth-email-batch-grid strong{display:block;color:#17385e;font-size:11px}.portal-auth-email-batch-grid p{margin:4px 0 0;color:#75879d;font-size:9px;line-height:1.55}.portal-auth-email-batch-grid textarea{width:100%;min-height:150px;resize:vertical;border:1px solid #d4e0ed;border-radius:10px;background:#fff;padding:10px;color:#17385e;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;outline:none}.portal-auth-email-batch-grid textarea:focus{border-color:#8db8ef;box-shadow:0 0 0 3px rgba(23,105,232,.08)}.portal-auth-email-batch-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:9px}.portal-auth-email-batch-actions span{color:#7e8da1;font-size:8.5px;line-height:1.4}
.reassign-batch-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:14px;padding:20px 21px;border:1px solid #dce6f2;border-radius:19px;background:linear-gradient(135deg,#f8fbff,#fff);box-shadow:0 10px 25px rgba(15,50,92,.04)}.reassign-batch-hero h2{margin:4px 0 5px;color:#17385e;font-size:21px}.reassign-batch-hero p{margin:0;max-width:820px;color:#71839a;font-size:10.5px;line-height:1.6}.reassign-batch-rule{display:grid;gap:2px;min-width:150px;padding:10px 12px;border:1px solid #d8e4f1;border-radius:12px;background:#fff}.reassign-batch-rule strong{color:#1764c8;font-size:10px}.reassign-batch-rule span{color:#7e8da0;font-size:8.5px;line-height:1.4}
.reassign-step-card{margin-bottom:14px;padding:17px;border:1px solid #dfe7f1;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(15,50,92,.04)}.reassign-step-head{display:flex;gap:10px;align-items:center;margin-bottom:12px}.reassign-step-head>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#eaf2ff;color:#1766d5;font-size:11px;font-weight:950}.reassign-step-head strong{display:block;color:#17385e;font-size:13px}.reassign-step-head small{display:block;margin-top:2px;color:#7d8da0;font-size:9px}
.reassign-client-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.reassign-client-search input,.reassign-batch-tools>input{min-height:40px;border:1px solid #d5e0ed;border-radius:10px;background:#fff;padding:0 11px;color:#17385e;font-size:11px;outline:none}.reassign-client-search input:focus,.reassign-batch-tools>input:focus{border-color:#8db8ef;box-shadow:0 0 0 3px rgba(23,105,232,.08)}
.reassign-client-results{display:grid;gap:6px;margin-top:10px}.reassign-client-result{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid #e2e9f2;border-radius:12px;color:inherit;background:#fff}.reassign-client-result:hover,.reassign-client-result.exact{border-color:#b8d0ee;background:#f9fbff}.reassign-client-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eaf2ff;color:#1767d7;font-weight:950}.reassign-client-result strong,.reassign-selected-client strong{display:block;color:#17385e;font-size:10.5px}.reassign-client-result small,.reassign-selected-client small{display:block;margin-top:2px;color:#8090a4;font-size:8.5px}.reassign-client-result>span{color:#1769e8;font-size:9px;font-weight:900}
.reassign-selected-client{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid #cfe0f4;border-radius:13px;background:#f8fbff}.reassign-selected-client.target{border-color:#cfe5d9;background:#f8fdfb}.reassign-selected-client>div:nth-child(2)>span{display:block;color:#7c8ca1;font-size:7.5px;font-weight:950;letter-spacing:.07em}.reassign-client-count{min-width:90px;padding:7px 9px;border:1px solid #dce6f2;border-radius:9px;background:#fff}.reassign-client-count span{display:block;color:#8a98aa;font-size:7.5px}.reassign-client-count b{display:block;margin-top:2px;color:#17385e;font-size:15px}
.reassign-batch-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.reassign-batch-tools>input{min-width:230px;flex:1}.reassign-batch-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.reassign-batch-actions>span{display:inline-flex;gap:4px;align-items:center;color:#78899d;font-size:8.5px}.reassign-batch-actions>span strong{color:#17385e;font-size:12px}
.reassign-account-list{display:grid;gap:6px}.reassign-account-row{display:grid;grid-template-columns:30px minmax(110px,.75fr) minmax(180px,1.35fr) 130px 95px minmax(95px,.7fr);gap:9px;align-items:center;padding:9px 10px;border:1px solid #e3e9f1;border-radius:12px;background:#fff;cursor:pointer}.reassign-account-row:hover{border-color:#bdd2ec;background:#fbfdff}.reassign-account-row.selected{border-color:#8eb9ef;background:#f5f9ff}.reassign-account-row span:not(.reassign-check){min-width:0}.reassign-account-row small{display:block;color:#8c99aa;font-size:7.2px;text-transform:uppercase;letter-spacing:.04em}.reassign-account-row strong{display:block;margin-top:2px;color:#274765;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reassign-check{position:relative;display:grid;place-items:center;width:23px;height:23px}.reassign-check input{position:absolute;opacity:0;pointer-events:none}.reassign-check i{display:grid;place-items:center;width:20px;height:20px;border:1px solid #c7d5e5;border-radius:6px;background:#fff;color:transparent;font-size:9px;font-style:normal;font-weight:950}.reassign-check input:checked+i{border-color:#1769e8;background:#1769e8;color:#fff}.reassign-portal-warning,.reassign-no-portal{justify-self:end;display:inline-flex;align-items:center;min-height:23px;padding:0 7px;border-radius:999px;font-size:7.5px;font-weight:900}.reassign-portal-warning{background:#fff3d8;color:#916a18}.reassign-no-portal{background:#eef2f6;color:#7a8797}
.reassign-confirm-note{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.reassign-confirm-note>div{padding:9px 10px;border-radius:10px;background:#f8fafc;color:#697d94;font-size:8.5px;line-height:1.5}.reassign-confirm-note strong{color:#39546f}
@media(max-width:1050px){.reassign-account-row{grid-template-columns:30px minmax(100px,.7fr) minmax(160px,1.2fr) 100px minmax(90px,.7fr)}.reassign-account-row>span:nth-of-type(5){display:none}}
@media(max-width:820px){.portal-auth-target-card{grid-template-columns:1fr!important}.portal-auth-target-actions{justify-content:flex-start}.portal-auth-email-batch-grid{grid-template-columns:1fr}.reassign-batch-hero,.reassign-batch-tools{align-items:stretch;flex-direction:column}.reassign-client-search{grid-template-columns:1fr}.reassign-selected-client{grid-template-columns:36px minmax(0,1fr) auto}.reassign-client-count{display:none}.reassign-batch-tools>input{min-width:0;width:100%}.reassign-account-row{grid-template-columns:28px minmax(0,1fr) 90px}.reassign-account-row>span:nth-of-type(2),.reassign-account-row>span:nth-of-type(4),.reassign-account-row>span:nth-of-type(5){display:none}.reassign-confirm-note{grid-template-columns:1fr}}
@media(max-width:600px){.portal-auth-delete-form{grid-template-columns:1fr}.portal-auth-password-panel,.portal-auth-email-batch-actions{align-items:stretch;flex-direction:column}.reassign-selected-client{grid-template-columns:36px minmax(0,1fr)}.reassign-selected-client>a{grid-column:1/-1}.reassign-batch-actions{align-items:stretch;flex-direction:column}.reassign-batch-actions .btn{width:100%}}


/* =====================================================================
   ECUACINE WEB v2.3.189 — Reasignación independiente + propietarios ADMIN
   ===================================================================== */
.reassign-admin-badge{
  display:inline-flex;
  align-items:center;
  min-height:18px;
  margin-left:5px;
  padding:0 6px;
  border-radius:999px;
  background:#eef2ff;
  color:#4d5fc7;
  font-size:7.5px;
  line-height:18px;
  font-weight:950;
  letter-spacing:.04em;
  vertical-align:middle;
}


/* =====================================================================
   ECUACINE WEB v2.3.190 — Reasignación por listado de cuentas
   ===================================================================== */
.reassign-input-mode-tabs{display:flex;gap:7px;margin-bottom:11px;padding:6px;border:1px solid #dfe7f1;border-radius:12px;background:#f8fafc;width:max-content;max-width:100%}
.reassign-mode-tab{min-height:32px;border:0;border-radius:8px;background:transparent;padding:0 11px;color:#687c94;font-size:9px;font-weight:900;cursor:pointer}.reassign-mode-tab.active{background:#fff;color:#1765ce;box-shadow:0 2px 8px rgba(20,55,95,.08)}.reassign-mode-panel[hidden]{display:none!important}
.reassign-text-batch-form{padding:14px;border:1px solid #dfe7f1;border-radius:15px;background:#fbfcfe}.reassign-text-batch-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:12px}.reassign-text-batch-grid>label{display:grid;gap:5px}.reassign-text-batch-grid>label>span{color:#526b88;font-size:10px;font-weight:900}.reassign-text-batch-grid textarea{width:100%;min-height:220px;resize:vertical;border:1px solid #cedbea;border-radius:12px;background:#fff;padding:11px 12px;color:#17385e;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;outline:none}.reassign-text-batch-grid textarea:focus{border-color:#8db8ef;box-shadow:0 0 0 3px rgba(23,105,232,.08)}.reassign-text-batch-grid label>small{color:#7f8ea1;font-size:8.5px;line-height:1.5}
.reassign-text-rules{padding:12px 13px;border:1px solid #dfe7f1;border-radius:12px;background:#fff}.reassign-text-rules>strong{display:block;margin-bottom:7px;color:#17385e;font-size:10px}.reassign-text-rules ul{margin:0;padding-left:16px;color:#718399;font-size:9px;line-height:1.65}.reassign-text-actions{display:flex;gap:10px;align-items:center;margin-top:10px}.reassign-text-actions>span{color:#7d8da0;font-size:8.5px}
.reassign-preview{margin-top:12px;padding:14px;border:1px solid #dfe7f1;border-radius:15px;background:#fff}.reassign-preview.ok{border-color:#bfdfd1;background:#fbfefc}.reassign-preview.has-errors{border-color:#f1ccd2;background:#fffdfd}.reassign-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.reassign-preview-head h3{margin:4px 0 0;color:#17385e;font-size:16px}.reassign-preview-status{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;font-size:8px;font-weight:950;white-space:nowrap}.reassign-preview-status.ok{background:#e6f7ef;color:#17815d}.reassign-preview-status.error{background:#fff0f2;color:#b0374b}
.reassign-preview-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:11px}.reassign-preview-metrics>div{padding:8px 9px;border:1px solid #e4eaf1;border-radius:10px;background:#fff}.reassign-preview-metrics span{display:block;color:#8795a7;font-size:7.5px}.reassign-preview-metrics strong{display:block;margin-top:2px;color:#17385e;font-size:14px}.reassign-preview-details{margin-top:10px;padding-top:8px;border-top:1px solid #edf1f5}.reassign-preview-details summary{cursor:pointer;color:#5e748f;font-size:9px;font-weight:900}.reassign-preview-details.error summary{color:#a64252}.reassign-preview-list{display:grid;gap:5px;margin-top:7px}.reassign-preview-list>div{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(180px,1.3fr) auto;gap:8px;align-items:center;padding:7px 8px;border:1px solid #e5ebf2;border-radius:9px;background:#fff}.reassign-preview-list span{color:#718399;font-size:8px}.reassign-preview-list strong{color:#244663;font-size:9px;word-break:break-word}.reassign-preview-list b{color:#a36a13;font-size:7.5px}.reassign-preview-simple-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.reassign-preview-simple-list code{padding:5px 7px;border-radius:7px;background:#fff1f3;color:#a4374a;font-size:8px}.reassign-preview-apply{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;padding:11px;border-radius:11px;background:#edf8f3}.reassign-preview-apply strong{display:block;color:#286d56;font-size:10px}.reassign-preview-apply span{display:block;margin-top:2px;color:#658579;font-size:8.5px}
@media(max-width:900px){.reassign-text-batch-grid{grid-template-columns:1fr}.reassign-preview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.reassign-input-mode-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.reassign-text-actions,.reassign-preview-head,.reassign-preview-apply{align-items:stretch;flex-direction:column}.reassign-preview-metrics{grid-template-columns:1fr 1fr}.reassign-preview-list>div{grid-template-columns:1fr}}


/* =====================================================================
   ECUACINE WEB v2.3.191 — Confirmaciones nativas reemplazadas por modal ECUACINE
   ===================================================================== */
.ecu-confirm-open{overflow:hidden}
.ecu-confirm-backdrop{
  position:fixed;
  inset:0;
  z-index:2600;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(9,27,51,.52);
  backdrop-filter:blur(5px);
}
.ecu-confirm-backdrop[hidden]{display:none!important}
.ecu-confirm-dialog{
  position:relative;
  width:min(540px,100%);
  max-height:calc(100vh - 40px);
  overflow:auto;
  padding:25px;
  border:1px solid #dbe5f1;
  border-radius:22px;
  background:#fff;
  box-shadow:0 30px 80px rgba(10,32,61,.26);
}
.ecu-confirm-close{
  position:absolute;
  top:14px;
  right:14px;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid #e0e7f0;
  border-radius:11px;
  background:#f8fafc;
  color:#708299;
  font-size:20px;
  cursor:pointer;
}
.ecu-confirm-icon{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  margin-bottom:13px;
  border-radius:15px;
  background:#eaf2ff;
  color:#1766d1;
  font-size:21px;
  font-weight:950;
}
.ecu-confirm-dialog[data-variant="warning"] .ecu-confirm-icon{
  background:#fff6df;
  color:#a46d0b;
}
.ecu-confirm-dialog[data-variant="danger"] .ecu-confirm-icon{
  background:#fff0f2;
  color:#c63d54;
}
.ecu-confirm-eyebrow{
  display:block;
  margin-bottom:5px;
  color:#3973be;
  font-size:9px;
  font-weight:950;
  letter-spacing:.11em;
}
.ecu-confirm-dialog[data-variant="warning"] .ecu-confirm-eyebrow{color:#9d711d}
.ecu-confirm-dialog[data-variant="danger"] .ecu-confirm-eyebrow{color:#c13a51}
.ecu-confirm-dialog h3{
  margin:0;
  padding-right:35px;
  color:#102d50;
  font-size:22px;
  line-height:1.2;
  letter-spacing:-.02em;
}
.ecu-confirm-dialog>p{
  margin:8px 0 0;
  color:#647991;
  font-size:12px;
  line-height:1.55;
}
.ecu-confirm-details{
  display:grid;
  gap:7px;
  margin-top:15px;
}
.ecu-confirm-details>div{
  display:grid;
  grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr);
  gap:10px;
  align-items:center;
  padding:9px 10px;
  border:1px solid #e4eaf2;
  border-radius:10px;
  background:#f9fbfd;
}
.ecu-confirm-details span{
  color:#8090a4;
  font-size:8.5px;
  font-weight:800;
}
.ecu-confirm-details strong{
  min-width:0;
  color:#203f60;
  font-size:10px;
  text-align:right;
  word-break:break-word;
}
.ecu-confirm-note{
  margin-top:12px;
  padding:10px 11px;
  border:1px solid #dfe8f2;
  border-radius:11px;
  background:#f7faff;
  color:#60758e;
  font-size:9.5px;
  line-height:1.55;
}
.ecu-confirm-dialog[data-variant="warning"] .ecu-confirm-note{
  border-color:#f0dfb5;
  background:#fffaf0;
  color:#7e6b43;
}
.ecu-confirm-dialog[data-variant="danger"] .ecu-confirm-note{
  border-color:#f0d5da;
  background:#fff8f9;
  color:#795763;
}
.ecu-confirm-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:18px;
}
.ecu-confirm-actions .btn{
  min-height:43px;
  justify-content:center;
}
@media(max-width:560px){
  .ecu-confirm-backdrop{padding:12px}
  .ecu-confirm-dialog{padding:20px;border-radius:18px}
  .ecu-confirm-actions{grid-template-columns:1fr}
  .ecu-confirm-details>div{grid-template-columns:1fr;gap:2px}
  .ecu-confirm-details strong{text-align:left}
}


/* =====================================================================
   ECUACINE WEB v2.3.192 — Accesos Portal filtrados por propietario
   ===================================================================== */
.delegate-owner-filter-banner{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  margin-bottom:10px;
  padding:13px 15px;
  border:1px solid #cadcf2;
  border-radius:14px;
  background:#f7fbff;
}
.delegate-owner-filter-banner>div:first-child{
  min-width:0;
}
.delegate-owner-filter-banner strong{
  display:block;
  margin-top:3px;
  color:#17385e;
  font-size:13px;
}
.delegate-owner-filter-banner small{
  display:block;
  margin-top:2px;
  color:#7a8ca2;
  font-size:9px;
}
.delegate-owner-filter-banner>div:last-child{
  display:flex;
  align-items:center;
  gap:9px;
}
.delegate-owner-filter-banner>div:last-child>span{
  white-space:nowrap;
  color:#1764c8;
  font-size:9px;
  font-weight:900;
}
@media(max-width:700px){
  .delegate-owner-filter-banner{
    align-items:stretch;
    flex-direction:column;
  }
  .delegate-owner-filter-banner>div:last-child{
    justify-content:space-between;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.193 — Autorizar cuentas Portal por listado
   ===================================================================== */
.portal-auth-input-mode-tabs{
  display:flex;
  gap:7px;
  width:max-content;
  max-width:100%;
  margin-bottom:11px;
  padding:6px;
  border:1px solid #dfe7f1;
  border-radius:12px;
  background:#f8fafc;
}
.portal-auth-mode-tab{
  min-height:32px;
  border:0;
  border-radius:8px;
  background:transparent;
  padding:0 11px;
  color:#687c94;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}
.portal-auth-mode-tab.active{
  background:#fff;
  color:#1765ce;
  box-shadow:0 2px 8px rgba(20,55,95,.08);
}
.portal-auth-mode-panel[hidden]{display:none!important}
.portal-auth-text-batch-form{
  padding:14px;
  border:1px solid #dfe7f1;
  border-radius:15px;
  background:#fbfcfe;
}
.portal-auth-text-batch-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);
  gap:12px;
}
.portal-auth-text-batch-grid>label{
  display:grid;
  gap:5px;
}
.portal-auth-text-batch-grid>label>span{
  color:#526b88;
  font-size:10px;
  font-weight:900;
}
.portal-auth-text-batch-grid textarea{
  width:100%;
  min-height:220px;
  resize:vertical;
  border:1px solid #cedbea;
  border-radius:12px;
  background:#fff;
  padding:11px 12px;
  color:#17385e;
  font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;
  outline:none;
}
.portal-auth-text-batch-grid textarea:focus{
  border-color:#8db8ef;
  box-shadow:0 0 0 3px rgba(23,105,232,.08);
}
.portal-auth-text-batch-grid label>small{
  color:#7f8ea1;
  font-size:8.5px;
  line-height:1.5;
}
.portal-auth-text-rules{
  padding:12px 13px;
  border:1px solid #dfe7f1;
  border-radius:12px;
  background:#fff;
}
.portal-auth-text-rules>strong{
  display:block;
  margin-bottom:7px;
  color:#17385e;
  font-size:10px;
}
.portal-auth-text-rules ul{
  margin:0;
  padding-left:16px;
  color:#718399;
  font-size:9px;
  line-height:1.65;
}
.portal-auth-text-actions{
  display:flex;
  gap:10px;
  align-items:center;
  margin-top:10px;
}
.portal-auth-text-actions>span{
  color:#7d8da0;
  font-size:8.5px;
}
.portal-auth-batch-preview{
  margin-top:12px;
  padding:14px;
  border:1px solid #dfe7f1;
  border-radius:15px;
  background:#fff;
}
.portal-auth-batch-preview.ok{
  border-color:#bfdfd1;
  background:#fbfefc;
}
.portal-auth-batch-preview.has-errors{
  border-color:#f1ccd2;
  background:#fffdfd;
}
.portal-auth-batch-preview-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
.portal-auth-batch-preview-head h3{
  margin:4px 0 0;
  color:#17385e;
  font-size:16px;
}
.portal-auth-batch-preview-status{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 9px;
  border-radius:999px;
  font-size:8px;
  font-weight:950;
  white-space:nowrap;
}
.portal-auth-batch-preview-status.ok{background:#e6f7ef;color:#17815d}
.portal-auth-batch-preview-status.error{background:#fff0f2;color:#b0374b}
.portal-auth-batch-preview-metrics{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:7px;
  margin-top:11px;
}
.portal-auth-batch-preview-metrics>div{
  padding:8px 9px;
  border:1px solid #e4eaf1;
  border-radius:10px;
  background:#fff;
}
.portal-auth-batch-preview-metrics span{
  display:block;
  color:#8795a7;
  font-size:7.5px;
}
.portal-auth-batch-preview-metrics strong{
  display:block;
  margin-top:2px;
  color:#17385e;
  font-size:14px;
}
.portal-auth-batch-preview-details{
  margin-top:10px;
  padding-top:8px;
  border-top:1px solid #edf1f5;
}
.portal-auth-batch-preview-details summary{
  cursor:pointer;
  color:#5e748f;
  font-size:9px;
  font-weight:900;
}
.portal-auth-batch-preview-details.error summary{color:#a64252}
.portal-auth-batch-preview-list{
  display:grid;
  gap:5px;
  margin-top:7px;
}
.portal-auth-batch-preview-list>div{
  display:grid;
  grid-template-columns:minmax(120px,.7fr) minmax(180px,1.3fr) auto;
  gap:8px;
  align-items:center;
  padding:7px 8px;
  border:1px solid #e5ebf2;
  border-radius:9px;
  background:#fff;
}
.portal-auth-batch-preview-list span{color:#718399;font-size:8px}
.portal-auth-batch-preview-list strong{color:#244663;font-size:9px;word-break:break-word}
.portal-auth-batch-preview-list b{color:#16805a;font-size:7.5px}
.portal-auth-batch-preview-simple-list{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin-top:7px;
}
.portal-auth-batch-preview-simple-list code{
  padding:5px 7px;
  border-radius:7px;
  background:#fff1f3;
  color:#a4374a;
  font-size:8px;
}
.portal-auth-batch-preview-apply{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-top:12px;
  padding:11px;
  border-radius:11px;
  background:#edf8f3;
}
.portal-auth-batch-preview-apply strong{
  display:block;
  color:#286d56;
  font-size:10px;
}
.portal-auth-batch-preview-apply span{
  display:block;
  margin-top:2px;
  color:#658579;
  font-size:8.5px;
}
.portal-auth-batch-all-existing{
  margin-top:12px;
  padding:10px 11px;
  border-radius:11px;
  background:#edf4ff;
  color:#486887;
  font-size:9px;
  font-weight:800;
}
@media(max-width:900px){
  .portal-auth-text-batch-grid{grid-template-columns:1fr}
  .portal-auth-batch-preview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .portal-auth-input-mode-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .portal-auth-text-actions,.portal-auth-batch-preview-head,.portal-auth-batch-preview-apply{align-items:stretch;flex-direction:column}
  .portal-auth-batch-preview-metrics{grid-template-columns:1fr 1fr}
  .portal-auth-batch-preview-list>div{grid-template-columns:1fr}
}


/* =====================================================================
   ECUACINE WEB v2.3.195 — Inicio cliente: dos filas de productos
   ===================================================================== */
.home-products-head{
  margin-bottom:10px;
}
.home-products{
  row-gap:12px;
}
.home-products-more{
  display:flex;
  justify-content:flex-end;
  margin-top:11px;
}
.home-products-more .btn{
  min-height:36px;
  padding:0 14px;
  font-size:10px;
  font-weight:900;
}
@media(max-width:700px){
  .home-products-more .btn{
    width:100%;
    justify-content:center;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.196 — Etiquetas de precio/stock más claras
   ===================================================================== */
.product-price-row>div{
  display:flex;
  align-items:flex-end;
}
.product-price-row>span{
  white-space:nowrap;
}


/* =====================================================================
   ECUACINE WEB v2.3.197 — Stock unificado en pastilla inferior
   ===================================================================== */
.product-price-row .product-stock-pill{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:27px;
  padding:0 10px 0 7px;
  border-radius:999px;
  font-size:9px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
}
.product-price-row .product-stock-pill i{
  display:grid;
  place-items:center;
  width:15px;
  height:15px;
  border-radius:50%;
  font-size:9px;
  font-style:normal;
  font-weight:950;
  line-height:1;
}
.product-price-row .product-stock-pill.ok{
  background:#dff6ec;
  color:#087c58;
}
.product-price-row .product-stock-pill.ok i{
  background:#14a878;
  color:#fff;
}
.product-price-row .product-stock-pill.no{
  background:#f3f5f8;
  color:#778597;
}
.product-price-row .product-stock-pill.no i{
  background:#8b97a6;
  color:#fff;
}


/* =====================================================================
   ECUACINE WEB v2.3.198 — Mis cuentas: filtros siempre abiertos
   ===================================================================== */
.accounts-query-table{
  min-width:1320px!important;
}

/* Checkbox | Cuenta | Contraseña | Producto | Estado | Vencimiento |
   Tiempo restante | Acciones */
.accounts-query-table th:nth-child(1),
.accounts-query-table td:nth-child(1){width:52px!important}
.accounts-query-table th:nth-child(2),
.accounts-query-table td:nth-child(2){width:25%!important}
.accounts-query-table th:nth-child(3),
.accounts-query-table td:nth-child(3){width:15%!important}
.accounts-query-table th:nth-child(4),
.accounts-query-table td:nth-child(4){width:17%!important}
.accounts-query-table th:nth-child(5),
.accounts-query-table td:nth-child(5){width:13%!important}
.accounts-query-table th:nth-child(6),
.accounts-query-table td:nth-child(6){width:15%!important}
.accounts-query-table th:nth-child(7),
.accounts-query-table td:nth-child(7){width:13%!important}
.accounts-query-table th:nth-child(8),
.accounts-query-table td:nth-child(8){width:145px!important}

/* Primera fila: etiquetas compactas como la referencia. */
.accounts-query-table .accounts-query-head-row th{
  height:38px!important;
  padding-top:5px!important;
  padding-bottom:3px!important;
  border-bottom:0!important;
  vertical-align:bottom!important;
}

/* Segunda fila: filtros visibles permanentemente. */
.accounts-query-table .accounts-inline-filter-row th{
  height:54px!important;
  padding:5px 6px 9px!important;
  background:#f5f7fb!important;
  border-bottom:1px solid #dfe6ef!important;
  vertical-align:top!important;
}
.accounts-query-table .accounts-inline-filter-row th:first-child{
  padding-left:12px!important;
}
.accounts-query-table .accounts-inline-filter-row input[type="search"],
.accounts-query-table .accounts-inline-filter-row input[type="date"],
.accounts-query-table .accounts-inline-filter-row select{
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  height:34px!important;
  margin:0!important;
  padding:0 9px!important;
  border:1px solid #d6dfeb!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#203d5d!important;
  font-size:10px!important;
  font-weight:500!important;
  box-shadow:none!important;
  outline:none!important;
}
.accounts-query-table .accounts-inline-filter-row input:focus,
.accounts-query-table .accounts-inline-filter-row select:focus{
  border-color:#7facE8!important;
  box-shadow:0 0 0 2px rgba(23,105,232,.08)!important;
}
.accounts-query-table .accounts-inline-filter-row input::placeholder{
  color:#9aa6b5!important;
}
.accounts-inline-date-filter{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
}
.accounts-query-table .accounts-inline-date-filter input[type="date"]{
  padding:0 5px!important;
  font-size:9px!important;
}
.accounts-inline-state-filter{
  display:grid;
  grid-template-columns:1fr;
  gap:3px;
}
.accounts-inline-history-toggle{
  display:flex;
  align-items:center;
  gap:5px;
  min-height:17px;
  color:#7a899c;
  font-size:8px;
  font-weight:700;
  text-transform:none;
  letter-spacing:0;
  cursor:pointer;
}
.accounts-inline-history-toggle input{
  width:13px!important;
  height:13px!important;
  min-height:0!important;
  margin:0!important;
}
.accounts-inline-filter-actions{
  text-align:right!important;
  padding-right:12px!important;
}
.accounts-inline-clear{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 10px;
  border:1px solid #d4deea;
  border-radius:7px;
  background:#fff;
  color:#1765ce;
  font-size:9px;
  font-weight:900;
  text-transform:none;
  letter-spacing:0;
}
.accounts-inline-filter-ready{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  color:#98a5b5;
  font-size:8px;
  text-transform:none;
  letter-spacing:0;
}

/* Vencimiento y tiempo restante vuelven a ser columnas separadas. */
.accounts-query-table .account-col-expiry small{
  display:none!important;
}
.accounts-query-table td.account-col-remaining{
  display:table-cell!important;
  width:auto!important;
  text-align:left!important;
  background:#fff!important;
  border-radius:0!important;
}
.accounts-query-table .account-col-remaining strong{
  display:block!important;
  color:#536981!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1.35!important;
  white-space:nowrap!important;
}

/* Las reglas históricas v2.3.164 ocultaban esta columna. */
.accounts-query-table .account-col-remaining{
  display:table-cell!important;
}

/* Los popovers antiguos ya no forman parte de la interfaz de Mis cuentas. */
.account-filter-popover{
  display:none!important;
}

@media(min-width:1450px){
  .accounts-query-table{
    min-width:100%!important;
  }
}
@media(max-width:1100px){
  .accounts-query-table{
    min-width:1320px!important;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.199 — Mis cuentas: columnas alineadas + Históricas limpias
   ===================================================================== */

/* Un único esquema de columnas para cabecera, filtros y datos. */
.accounts-query-table{
  width:100%!important;
  min-width:1260px!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
}
.accounts-query-table col.accounts-col-check{width:48px!important}
.accounts-query-table col.accounts-col-account{width:245px!important}
.accounts-query-table col.accounts-col-password{width:170px!important}
.accounts-query-table col.accounts-col-product{width:190px!important}
.accounts-query-table col.accounts-col-state{width:135px!important}
.accounts-query-table col.accounts-col-expiry{width:210px!important}
.accounts-query-table col.accounts-col-remaining{width:145px!important}
.accounts-query-table col.accounts-col-actions{width:135px!important}

/* Neutraliza porcentajes históricos nth-child para que colgroup mande. */
.accounts-query-table th:nth-child(n),
.accounts-query-table td:nth-child(n){
  width:auto!important;
}

/* Cabecera y filtros perfectamente verticales entre sí. */
.accounts-query-table .accounts-query-head-row th{
  box-sizing:border-box!important;
  height:36px!important;
  padding:8px 10px 4px!important;
  border-bottom:0!important;
  background:#f5f7fb!important;
  vertical-align:bottom!important;
}
.accounts-query-table .accounts-query-head-row th:first-child{
  padding-left:10px!important;
}
.accounts-query-table .accounts-inline-filter-row th{
  box-sizing:border-box!important;
  height:49px!important;
  padding:4px 6px 9px!important;
  border-bottom:1px solid #d9e2ec!important;
  background:#f5f7fb!important;
  vertical-align:top!important;
}
.accounts-query-table .accounts-inline-filter-row th:first-child{
  padding-left:10px!important;
}

/* Una sola línea de controles: Estado ya no tiene checkbox debajo. */
.accounts-query-table .accounts-inline-filter-row input[type="search"],
.accounts-query-table .accounts-inline-filter-row input[type="date"],
.accounts-query-table .accounts-inline-filter-row select{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 9px!important;
  border:1px solid #d5dfea!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#203d5d!important;
  font-size:10px!important;
  line-height:34px!important;
  box-shadow:none!important;
}
.accounts-inline-date-filter{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
}
.accounts-query-table .accounts-inline-date-filter input[type="date"]{
  padding:0 5px!important;
  font-size:9px!important;
}
.accounts-inline-state-filter,
.accounts-inline-history-toggle,
.accounts-inline-filter-ready{
  display:none!important;
}

/* Separadores de filas continuos en TODAS las columnas. */
.accounts-query-table tbody tr.account-table-row td{
  box-sizing:border-box!important;
  height:80px!important;
  border-bottom:1px solid #e3e9f1!important;
  background:#fff!important;
}
.accounts-query-table tbody tr.account-table-row:last-child td{
  border-bottom:0!important;
}
.accounts-query-table tbody tr.account-table-row:hover td{
  background:#fbfdff!important;
}

/* Alineación y espaciado consistentes por columna. */
.accounts-query-table tbody td{
  padding:12px 10px!important;
}
.accounts-query-table tbody td:first-child{
  padding-left:10px!important;
  padding-right:6px!important;
}
.accounts-query-table td.account-col-actions{
  padding-right:10px!important;
}
.accounts-query-table .account-action-wrap{
  justify-content:flex-end!important;
  gap:6px!important;
}

/* Vencimiento y tiempo restante permanecen separados y centrados verticalmente. */
.accounts-query-table td.account-col-expiry,
.accounts-query-table td.account-col-remaining{
  vertical-align:middle!important;
}
.accounts-query-table .account-col-expiry strong,
.accounts-query-table .account-col-remaining strong{
  white-space:nowrap!important;
}

/* Limpiar solo aparece cuando realmente hay filtros activos. */
.accounts-inline-filter-actions{
  text-align:right!important;
  padding-right:10px!important;
}
.accounts-inline-clear{
  min-height:34px!important;
}

/* En pantallas amplias puede crecer, pero mantiene las mismas líneas verticales. */
@media(min-width:1450px){
  .accounts-query-table{
    min-width:1260px!important;
  }
}
@media(max-width:1100px){
  .accounts-query-table{
    min-width:1260px!important;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.200 — Renovación visible + Acciones fijas
   ===================================================================== */

/* Ayuda breve para usuarios nuevos. */
.accounts-renew-help{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:8px;
  max-width:620px;
  color:#637991;
  font-size:9.5px;
  line-height:1.45;
}
.accounts-renew-help strong{
  color:#17385e;
}
.accounts-renew-help b{
  color:#1765cf;
}
.accounts-renew-help-icon{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  flex:0 0 auto;
  border-radius:7px;
  background:#eaf2ff;
  color:#1766d1;
  font-size:14px;
  font-weight:950;
}

/* Renovar pasa a ser la acción principal y siempre visible. */
.accounts-query-table .account-action-btn.renew{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:34px;
  padding:0 10px;
  border:1px solid #bcd4f5;
  border-radius:9px;
  background:#eaf3ff;
  color:#145fc9;
  font-family:inherit;
  font-size:9px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
}
.accounts-query-table .account-action-btn.renew:hover{
  border-color:#7eafea;
  background:#deecff;
  color:#0e55b8;
}
.accounts-query-table .account-action-btn.renew span{
  font-size:13px;
  line-height:1;
}

/* La columna Acciones permanece visible durante scroll horizontal. */
.accounts-query-table .accounts-th-actions,
.accounts-query-table .accounts-inline-filter-actions,
.accounts-query-table td.account-col-actions{
  position:sticky!important;
  right:0!important;
}
.accounts-query-table .accounts-th-actions{
  z-index:8!important;
  background:#f5f7fb!important;
  box-shadow:-8px 0 14px -12px rgba(21,53,91,.42);
}
.accounts-query-table .accounts-inline-filter-actions{
  z-index:7!important;
  background:#f5f7fb!important;
  box-shadow:-8px 0 14px -12px rgba(21,53,91,.42);
}
.accounts-query-table td.account-col-actions{
  z-index:4!important;
  background:#fff!important;
  box-shadow:-8px 0 14px -12px rgba(21,53,91,.34);
}
.accounts-query-table tbody tr.account-table-row:hover td.account-col-actions{
  background:#fbfdff!important;
}
.accounts-query-table tbody tr.account-table-row.selected td.account-col-actions{
  background:#f4f8ff!important;
}
.accounts-query-table .account-action-wrap{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:5px!important;
  flex-wrap:nowrap!important;
}

/* Un poco más de espacio para Renovar + Código + Ayuda. */
.accounts-query-table col.accounts-col-actions{
  width:245px!important;
}

@media(max-width:760px){
  .accounts-renew-help{
    align-items:flex-start;
    max-width:none;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.201 — Renovar selecciona; Acciones deja de ser sticky
   ===================================================================== */

/* Rollback visual del comportamiento fijo introducido en v2.3.200. */
.accounts-query-table .accounts-th-actions,
.accounts-query-table .accounts-inline-filter-actions,
.accounts-query-table td.account-col-actions{
  position:static!important;
  right:auto!important;
  z-index:auto!important;
  box-shadow:none!important;
}
.accounts-query-table .accounts-th-actions,
.accounts-query-table .accounts-inline-filter-actions{
  background:#f5f7fb!important;
}
.accounts-query-table td.account-col-actions,
.accounts-query-table tbody tr.account-table-row:hover td.account-col-actions,
.accounts-query-table tbody tr.account-table-row.selected td.account-col-actions{
  background:inherit!important;
}

/* Recupera un ancho más natural para que no comprima Tiempo restante. */
.accounts-query-table col.accounts-col-actions{
  width:210px!important;
}

/* El botón de fila funciona como selector visual. */
.accounts-query-table .account-action-btn.renew.selected{
  border-color:#84b4ee!important;
  background:#1769e8!important;
  color:#fff!important;
}
.accounts-query-table .account-action-btn.renew:disabled{
  opacity:.42!important;
  cursor:not-allowed!important;
  filter:grayscale(.15);
}

/* Mantener las acciones compactas y no superpuestas. */
.accounts-query-table .account-action-wrap{
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
}


/* =====================================================================
   ECUACINE WEB v2.3.202 — Mis cuentas: Renovar como única acción por fila
   ===================================================================== */

/* Código y Ayuda siguen disponibles en los botones generales superiores.
   La tabla dedica la última columna únicamente a renovación. */
.accounts-query-table col.accounts-col-check{width:44px!important}
.accounts-query-table col.accounts-col-account{width:225px!important}
.accounts-query-table col.accounts-col-password{width:160px!important}
.accounts-query-table col.accounts-col-product{width:180px!important}
.accounts-query-table col.accounts-col-state{width:120px!important}
.accounts-query-table col.accounts-col-expiry{width:195px!important}
.accounts-query-table col.accounts-col-remaining{width:130px!important}
.accounts-query-table col.accounts-col-actions{width:105px!important}

/* El ancho total queda por debajo del contenedor desktop habitual,
   evitando el desplazamiento horizontal provocado por Código/Ayuda. */
.accounts-query-table{
  min-width:1159px!important;
}

.accounts-query-table .accounts-th-actions,
.accounts-query-table .accounts-inline-filter-actions,
.accounts-query-table td.account-col-actions{
  width:105px!important;
  min-width:105px!important;
  max-width:105px!important;
}

.accounts-query-table .account-action-wrap{
  justify-content:center!important;
  gap:0!important;
}

.accounts-query-table .account-action-btn.renew{
  min-width:88px!important;
  padding:0 8px!important;
}

.account-renew-unavailable{
  display:block;
  width:100%;
  text-align:center;
  color:#a5afbc;
  font-size:13px;
}

/* En pantallas desktop medias permitimos que la tabla se adapte al ancho
   disponible en vez de forzar el antiguo mínimo de 1260/1320 px. */
@media(min-width:1100px){
  .accounts-query-table{
    width:100%!important;
    min-width:100%!important;
  }
}

@media(max-width:1099px){
  .accounts-query-table{
    min-width:1159px!important;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.203 — Encabezado Acciones centrado + botón Renovar nuevo color
   ===================================================================== */
.accounts-query-table .accounts-th-actions,
.accounts-query-table .accounts-inline-filter-actions,
.accounts-query-table td.account-col-actions{
  text-align:center!important;
}

.accounts-query-table .accounts-th-actions{
  text-align:center!important;
  vertical-align:middle!important;
}

.accounts-query-table .account-action-wrap{
  justify-content:center!important;
}

/* Renovar ahora usa una variante ámbar suave para diferenciarse del resto
   sin romper la identidad visual general. */
.accounts-query-table .account-action-btn.renew{
  border-color:#efc98e!important;
  background:#fff3df!important;
  color:#a55a00!important;
}
.accounts-query-table .account-action-btn.renew:hover{
  border-color:#e2b56d!important;
  background:#ffe9c6!important;
  color:#8f4d00!important;
}
.accounts-query-table .account-action-btn.renew.selected{
  border-color:#d9962a!important;
  background:#e6a534!important;
  color:#ffffff!important;
}
.accounts-query-table .account-action-btn.renew:disabled{
  border-color:#eadfcf!important;
  background:#f7f2ea!important;
  color:#c29b65!important;
}


/* =====================================================================
   ECUACINE WEB v2.3.204 — Renovar/Quitar con semántica de acción
   ===================================================================== */

/* Cuando una cuenta ya está en el lote, el botón describe la acción
   disponible (Quitar), no un estado ambiguo como "Seleccionada". */
.accounts-query-table .account-action-btn.renew.selected{
  border-color:#cfd7e1!important;
  background:#f3f5f7!important;
  color:#526273!important;
}
.accounts-query-table .account-action-btn.renew.selected:hover{
  border-color:#b9c4d0!important;
  background:#e9edf1!important;
  color:#3f4f60!important;
}
.accounts-query-table .account-action-btn.renew.selected span:first-child{
  color:#687789!important;
}

/* La fila continúa marcada de forma muy sutil para reconocer el lote. */
.accounts-query-table tbody tr.account-table-row.selected td{
  background:#f8fbff!important;
}
.accounts-query-table tbody tr.account-table-row.selected{
  box-shadow:inset 3px 0 0 #9ebbe0!important;
}


/* =====================================================================
   ECUACINE WEB v2.3.205 — Ficha comercial visual de productos
   ===================================================================== */
.admin-product-commercial-info{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid #dfe8f2;
  border-radius:13px;
  background:#fbfcfe;
}
.admin-product-commercial-head strong{
  display:block;
  margin-top:3px;
  color:#17385e;
  font-size:12px;
}
.admin-product-commercial-head small{
  display:block;
  margin-top:3px;
  color:#75879d;
  font-size:9px;
  line-height:1.45;
}
.admin-product-commercial-info textarea{
  width:100%;
  min-height:76px;
  resize:vertical;
}
.admin-product-commercial-fields{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.admin-product-global-guarantee{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 11px;
  border:1px solid #cfe0f8;
  border-radius:11px;
  background:#f1f6ff;
}
.admin-product-global-guarantee>span{
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  flex:0 0 auto;
  border-radius:10px;
  background:#dfeaff;
  color:#2368d5;
}
.admin-product-global-guarantee strong{
  display:block;
  color:#21538d;
  font-size:10px;
}
.admin-product-global-guarantee small{
  display:block;
  margin-top:2px;
  color:#6f8298;
  font-size:8.5px;
  line-height:1.45;
}

.product-visual-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.product-visual-facts article{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:72px;
  padding:12px;
  border:1px solid #dfe7f1;
  border-radius:14px;
  background:#f7f9fc;
}
.product-visual-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 auto;
  border-radius:11px;
  background:#fff;
  box-shadow:0 4px 12px rgba(28,57,92,.08);
  color:#5976e9;
  font-size:17px;
  font-weight:950;
}
.product-visual-icon.devices{color:#5d74e9}
.product-visual-icon.profiles{color:#5770e6}
.product-visual-icon.delivery{color:#148663}
.product-visual-icon.stock{color:#b77812}
.product-visual-facts small{
  display:block;
  color:#8a99ab;
  font-size:8px;
  font-weight:850;
  letter-spacing:.04em;
}
.product-visual-facts strong{
  display:block;
  margin-top:3px;
  color:#17385e;
  font-size:12px;
  line-height:1.3;
}
.product-benefit-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.product-benefit-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:35px;
  padding:0 13px;
  border:1px solid #d7e2ef;
  border-radius:999px;
  background:#f8fafc;
  font-size:10px;
  font-weight:850;
}
.product-benefit-chip b{
  font-size:13px;
  line-height:1;
}
.product-benefit-chip.renewable{
  border-color:#afe2cf;
  background:#eaf9f3;
  color:#16825e;
}
.product-benefit-chip.guarantee{
  border-color:#bcd3f8;
  background:#eaf2ff;
  color:#2965cf;
}
@media(max-width:760px){
  .admin-product-commercial-fields,
  .product-visual-facts{
    grid-template-columns:1fr;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.208 — Perfil integral + avatar personalizado
   ===================================================================== */
.user-profile-avatar-image{object-fit:cover!important;padding:0!important;border:2px solid #fff!important;box-shadow:0 0 0 1px #d9e4f1!important;background:#eef4ff!important}
.profile-v208-identity-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;padding:22px 24px;margin-bottom:16px;border:1px solid var(--client-line);border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f7faff 100%);box-shadow:var(--client-shadow)}
.profile-v208-avatar-zone{display:grid;justify-items:center;gap:9px;min-width:170px}.profile-v208-avatar-zone>small{max-width:220px;color:#8a98aa;font-size:8.5px;line-height:1.45;text-align:center}
.profile-v208-avatar-shell{width:96px;height:96px;overflow:hidden;border-radius:28px;border:4px solid #fff;background:linear-gradient(135deg,#1769e8,#4b8ff0);box-shadow:0 10px 28px rgba(23,76,150,.18),0 0 0 1px #d8e4f2}.profile-v208-avatar-shell img,.profile-v208-avatar-shell span{display:grid;place-items:center;width:100%;height:100%}.profile-v208-avatar-shell img{object-fit:cover}.profile-v208-avatar-shell span{color:#fff;font-size:32px;font-weight:950}
.profile-v208-avatar-actions{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.profile-v208-avatar-actions form{margin:0}.profile-v208-avatar-remove{min-height:34px;padding:0 10px;border:0;background:transparent;color:#7f8fa2;font:inherit;font-size:9px;font-weight:850;cursor:pointer}.profile-v208-avatar-remove:hover{color:#b13b4f}
.profile-v208-identity-copy h2{margin:5px 0 4px;color:#102b4d;font-size:27px;letter-spacing:-.025em}.profile-v208-identity-copy>p{margin:0;color:#71849a;font-size:12px}.profile-v208-identity-copy>p span{margin:0 4px;color:#a6b0bd}.profile-v208-identity-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.profile-v208-identity-badges span{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:999px;background:#eef3f8;color:#60748c;font-size:8.5px;font-weight:850}.profile-v208-identity-badges span.ok{background:#e6f7ef;color:#147957}
.profile-v208-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-v208-card{padding:20px;border:1px solid var(--client-line);border-radius:18px;background:#fff;box-shadow:var(--client-shadow)}.profile-v208-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.profile-v208-card-head h2{margin:4px 0 0;color:#102b4d;font-size:18px}.profile-v208-card-icon{display:grid;place-items:center;width:39px;height:39px;flex:0 0 auto;border-radius:12px;background:#edf4ff;font-size:17px}.profile-v208-card-copy{margin:9px 0 16px;color:#78899e;font-size:10px;line-height:1.55}
.profile-v208-form{display:grid;gap:13px}.profile-v208-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-v208-form .field,.profile-v208-security-form .field{margin:0}.profile-v208-form .field label,.profile-v208-security-form .field label{font-size:9.5px;color:#304966}.profile-v208-form input,.profile-v208-form select,.profile-v208-contact-form input,.profile-v208-password-field input{width:100%;min-height:44px;border:1px solid #d3dfed;border-radius:10px;background:#fbfcfe;color:#183754;font-size:11px;outline:none}.profile-v208-form input:focus,.profile-v208-form select:focus,.profile-v208-contact-form input:focus,.profile-v208-password-field input:focus{border-color:#86b3ed;box-shadow:0 0 0 3px rgba(23,105,232,.08);background:#fff}
.profile-v208-readonly-input{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 12px;border:1px solid #e1e7ef;border-radius:10px;background:#f5f7fa;color:#50647c;font-size:11px;font-weight:800}.profile-v208-username-field small{display:block;margin-top:5px;color:#94a0af;font-size:8px}.profile-v208-form-actions{display:flex;justify-content:flex-end;margin-top:2px}.profile-v208-form-actions .btn{min-width:145px}
.profile-v208-contact-block{padding:14px;border:1px solid #e2e8f0;border-radius:13px;background:#fbfcfe}.profile-v208-contact-block+.profile-v208-contact-block{margin-top:11px}.profile-v208-contact-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.profile-v208-contact-title strong{display:block;color:#203e5d;font-size:10px}.profile-v208-contact-title span{display:block;margin-top:2px;color:#8b99aa;font-size:8px}.profile-v208-contact-title>b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#fff0f1;color:#ad3d4e;font-size:10px}.profile-v208-contact-title>b.verified{background:#e2f7ee;color:#0b855c}.profile-v208-contact-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.profile-v208-contact-block>small{display:block;margin-top:7px;color:#8d99a8;font-size:8px;line-height:1.5}
.profile-v208-security-card{margin-top:16px}.profile-v208-security-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end}.profile-v208-password-field{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid #d3dfed;border-radius:10px;overflow:hidden;background:#fbfcfe}.profile-v208-password-field input{min-width:0;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.profile-v208-password-field button{min-width:63px;border:0;border-left:1px solid #e1e7ef;background:#f5f8fc;color:#56708c;font-size:8.5px;font-weight:850;cursor:pointer}.profile-v208-security-action .btn{min-height:44px;white-space:nowrap}
@media(max-width:950px){.profile-v208-main-grid{grid-template-columns:1fr}.profile-v208-security-form{grid-template-columns:1fr 1fr}.profile-v208-security-action{grid-column:1/-1;display:flex;justify-content:flex-end}}
@media(max-width:650px){.profile-v208-identity-card{grid-template-columns:1fr;justify-items:center;text-align:center;padding:18px}.profile-v208-identity-badges{justify-content:center}.profile-v208-two-cols{grid-template-columns:1fr}.profile-v208-contact-form{grid-template-columns:1fr}.profile-v208-security-form{grid-template-columns:1fr}.profile-v208-security-action{grid-column:auto}.profile-v208-security-action .btn,.profile-v208-form-actions .btn{width:100%}}

.profile-v208-avatar-error{display:block;max-width:240px;padding:7px 9px;border:1px solid #f0c6ce;border-radius:8px;background:#fff4f5;color:#a6384b;font-size:8px;line-height:1.4;text-align:center}.profile-v208-avatar-error[hidden]{display:none!important}


/* =====================================================================
   ECUACINE WEB v2.3.211 — rollback visual v208 + selector compacto avatar
   ===================================================================== */
.profile-v208-avatar-shell.profile-avatar-open{appearance:none;padding:0;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
.profile-v208-avatar-shell.profile-avatar-open:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(23,76,150,.22),0 0 0 2px rgba(23,105,232,.12)}
.profile-v211-avatar-caption{color:#203e5d;font-size:9.5px}
.profile-avatar-theme.avatar-original,.profile-avatar-theme.avatar-01{background:linear-gradient(135deg,#1769e8 0%,#4b8ff0 100%)!important;color:#fff!important}
.profile-avatar-theme.avatar-02{background:linear-gradient(135deg,#172f5f 0%,#345aa8 100%)!important;color:#fff!important}
.profile-avatar-theme.avatar-03{background:linear-gradient(135deg,#0f8a8a 0%,#33b7aa 100%)!important;color:#fff!important}
.profile-avatar-theme.avatar-04{background:linear-gradient(135deg,#6741c7 0%,#8b6ee8 100%)!important;color:#fff!important}
.profile-avatar-theme.avatar-05{background:linear-gradient(135deg,#16855b 0%,#43b987 100%)!important;color:#fff!important}
.profile-avatar-theme.avatar-06{background:linear-gradient(135deg,#d06b16 0%,#f39a43 100%)!important;color:#fff!important}
.profile-avatar-theme.avatar-07{background:linear-gradient(135deg,#c34859 0%,#eb7180 100%)!important;color:#fff!important}
.profile-avatar-theme.avatar-08{background:linear-gradient(135deg,#af7a10 0%,#d9a72e 100%)!important;color:#fff!important}
.profile-v211-avatar-open{overflow:hidden}
.profile-v211-avatar-modal{position:fixed;inset:0;z-index:2700;display:grid;place-items:center;padding:18px;background:rgba(10,28,52,.46);backdrop-filter:blur(5px)}
.profile-v211-avatar-modal[hidden]{display:none!important}
.profile-v211-avatar-dialog{position:relative;width:min(430px,100%);padding:22px;border:1px solid #dbe5f1;border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(9,32,61,.25)}
.profile-v211-avatar-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:1px solid #e0e7f0;border-radius:10px;background:#f8fafc;color:#708299;font-size:19px;cursor:pointer}
.profile-v211-avatar-dialog-head h3{margin:4px 0 4px;color:#102b4d;font-size:19px}.profile-v211-avatar-dialog-head p{margin:0;color:#7d8da0;font-size:10px}
.profile-v211-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:17px}.profile-v211-preset-button{position:relative;display:grid;place-items:center;min-height:72px;padding:6px;border:1px solid #e1e7ef;border-radius:14px;background:#fbfcfe;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.profile-v211-preset-button:hover{border-color:#9fc0eb;background:#f5f9ff;transform:translateY(-1px)}.profile-v211-preset-button.current{border-color:#73a8ec;background:#edf5ff;box-shadow:0 0 0 2px rgba(23,105,232,.08)}
.profile-v211-preset-button>i{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#1769e8;color:#fff;font-size:9px;font-style:normal;font-weight:950}.profile-v211-preset-circle{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;color:#fff;font-size:18px;font-weight:950;box-shadow:0 5px 13px rgba(23,57,99,.13)}
.profile-v211-avatar-divider{display:flex;align-items:center;gap:10px;margin:17px 0 14px;color:#98a5b5;font-size:9px;font-weight:850}.profile-v211-avatar-divider::before,.profile-v211-avatar-divider::after{content:"";height:1px;flex:1;background:#e5eaf1}.profile-v211-upload-form{display:grid;justify-items:center;gap:7px}.profile-v211-upload-form .btn{min-width:170px;justify-content:center}.profile-v211-upload-form>small{color:#8b98a8;font-size:8px}.avatar.profile-avatar-theme{display:grid;place-items:center;color:#fff;font-weight:950}
@media(max-width:520px){.profile-v211-preset-grid{grid-template-columns:repeat(4,1fr);gap:7px}.profile-v211-preset-button{min-height:64px}.profile-v211-preset-circle{width:44px;height:44px;border-radius:14px}}


/* =====================================================================
   ECUACINE WEB v2.3.212 — Streaming avatars
   SOLO cambia el arte de los 8 avatares predeterminados.
   El layout y comportamiento de Perfil v2.3.211 se mantienen intactos.
   ===================================================================== */
.profile-avatar-theme.avatar-01,
.profile-avatar-theme.avatar-02,
.profile-avatar-theme.avatar-03,
.profile-avatar-theme.avatar-04,
.profile-avatar-theme.avatar-05,
.profile-avatar-theme.avatar-06,
.profile-avatar-theme.avatar-07,
.profile-avatar-theme.avatar-08{
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  color:transparent!important;
  text-shadow:none!important;
  overflow:hidden!important;
}

.profile-avatar-theme.avatar-01{background-image:url("/static/avatars/avatar-v219-01.webp")!important}
.profile-avatar-theme.avatar-02{background-image:url("/static/avatars/avatar-v219-02.webp")!important}
.profile-avatar-theme.avatar-03{background-image:url("/static/avatars/avatar-v219-03.webp")!important}
.profile-avatar-theme.avatar-04{background-image:url("/static/avatars/avatar-v219-04.webp")!important}
.profile-avatar-theme.avatar-05{background-image:url("/static/avatars/avatar-v219-05.webp")!important}
.profile-avatar-theme.avatar-06{background-image:url("/static/avatars/avatar-v219-06.webp")!important}
.profile-avatar-theme.avatar-07{background-image:url("/static/avatars/avatar-v219-07.webp")!important}
.profile-avatar-theme.avatar-08{background-image:url("/static/avatars/avatar-v219-08.webp")!important}

/* Si el usuario aún no eligió preset, conserva el avatar original por inicial.
   Solo los presets 01–08 usan imágenes de streaming. */


/* =====================================================================
   ECUACINE WEB v2.3.213 — inicial únicamente como fallback sin avatar
   ===================================================================== */
.profile-v213-avatar-reset-form{
  display:grid;
  justify-items:center;
  gap:4px;
  margin-top:13px;
}
.profile-v213-avatar-reset{
  appearance:none;
  border:0;
  background:transparent;
  color:#71849a;
  font:inherit;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
  text-decoration:underline;
  text-decoration-color:#cbd5e1;
  text-underline-offset:3px;
}
.profile-v213-avatar-reset:hover{
  color:#244b78;
  text-decoration-color:#8faccc;
}
.profile-v213-avatar-reset-form small{
  color:#9aa6b5;
  font-size:8px;
  text-align:center;
}


/* =====================================================================
   ECUACINE WEB v2.3.216 — Registro: contraseña al mismo tamaño visual
   que el resto de campos.
   ===================================================================== */
.register-card .password-row{
  position:relative;
  display:block;
  width:100%;
}

.register-card .password-row input{
  box-sizing:border-box!important;
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  padding:0 72px 0 14px!important;
  line-height:48px!important;
}

.register-card .password-row button{
  position:absolute!important;
  top:7px!important;
  right:7px!important;
  bottom:auto!important;
  width:58px!important;
  height:34px!important;
  min-width:58px!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:#edf2f8!important;
  color:#425472!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:34px!important;
  cursor:pointer!important;
}

/* Mantener proporción también cuando el navegador escala la tipografía. */
.register-card .password-row button:hover{
  background:#e5ebf3!important;
}


/* =====================================================================
   ECUACINE WEB v2.3.217 — Reducir tamaño visual de botones públicos
   Entrar / Crear cuenta en header público.
   ===================================================================== */
.public-actions{gap:12px}
.public-login,
.public-register{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  line-height:1;
  font-size:13px;
}
.public-login{
  padding:0 20px;
  border-radius:15px;
}
.public-register{
  padding:0 22px;
  border-radius:15px;
  box-shadow:0 8px 20px rgba(255,212,41,.15);
}
@media(max-width:650px){
  .public-actions{gap:8px}
  .public-login,.public-register{
    min-height:38px;
    font-size:11px;
  }
  .public-login{padding:0 12px}
  .public-register{padding:0 14px}
}


/* =====================================================================
   ECUACINE WEB v2.3.219 — cache bust de avatares premium
   Usa nombres físicos nuevos para forzar navegador/CDN a cargar el set actual.
   ===================================================================== */


/* =====================================================================
   ECUACINE WEB v2.3.220 — Créditos universales por producto
   ===================================================================== */
.product-credit-only-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:-4px;padding:5px 9px;border-radius:999px;background:#f1edff;color:#6337c7;font-size:9px;font-weight:900;letter-spacing:.02em}
.product-credit-balance{display:block;margin-top:4px;color:#6f7f95;font-size:9px;font-weight:800}
.product-credit-only-note{display:grid;gap:5px;padding:14px 16px;border:1px solid #ded4ff;border-radius:16px;background:linear-gradient(135deg,#faf8ff,#f1edff);color:#3d2c72}
.product-credit-only-note strong{font-size:12px}.product-credit-only-note span{font-size:10px;line-height:1.55;color:#6e61a0}
.cart-credit-only-checkout-note{display:grid;gap:5px;margin:12px 0;padding:12px 14px;border:1px solid #d9ceff;border-radius:14px;background:#f7f4ff;color:#4e36a0}
.cart-credit-only-checkout-note strong{font-size:11px}.cart-credit-only-checkout-note small{font-size:9px;line-height:1.45;color:#7567a2}


/* =====================================================================
   ECUACINE WEB v2.3.221 — Permisos por cuenta delegada
   ===================================================================== */
.delegate-permission-picker{border:1px solid #dbe6f4;border-radius:16px;padding:14px 16px;margin:14px 0;background:#f8fbff;display:grid;grid-template-columns:1fr 1fr;gap:10px}.delegate-permission-picker legend{padding:0 7px;font-size:11px;font-weight:900;color:#173d6c}.delegate-permission-option{display:flex;gap:10px;align-items:flex-start;border:1px solid #dbe6f4;border-radius:13px;padding:11px 12px;background:#fff;cursor:pointer}.delegate-permission-option:has(input:checked){border-color:#2c73e8;box-shadow:0 0 0 2px rgba(44,115,232,.10);background:#f5f9ff}.delegate-permission-option input{margin-top:2px;accent-color:#1f6fe5}.delegate-permission-option span{display:grid;gap:3px}.delegate-permission-option strong{font-size:11px;color:#14375f}.delegate-permission-option small{font-size:9px;line-height:1.45;color:#75879e}.delegate-permission-row{grid-template-columns:24px 130px minmax(0,1fr) 180px 90px!important}.delegate-permission-checkbox{width:16px;height:16px;accent-color:#1f6fe5}.delegate-permission-badge{display:inline-flex!important;align-items:center;justify-content:center;border-radius:999px;padding:7px 9px;font-size:9px!important;font-weight:900!important;white-space:nowrap}.delegate-permission-badge.code-only,.portal-auth-status.code-only{background:#eaf2ff!important;color:#1e63c7!important}.delegate-permission-badge.full,.portal-auth-status.full{background:#e7f8ef!important;color:#087c4f!important}.delegate-permission-batch-bar{margin-top:12px;border:1px solid #dbe6f4;border-radius:14px;padding:12px 14px;background:#f8fbff;display:flex;justify-content:space-between;align-items:center;gap:14px}.delegate-permission-batch-bar>div:first-child{display:grid;gap:3px}.delegate-permission-batch-bar strong{font-size:10px;color:#173d6c}.delegate-permission-batch-bar span{font-size:9px;color:#7c8ca0}.delegate-permission-batch-actions{display:flex;gap:8px;flex-wrap:wrap}.portal-auth-permission-picker{margin:14px 0 4px}.portal-auth-batch-actions .portal-auth-permission-submit{white-space:nowrap}@media(max-width:900px){.delegate-permission-picker{grid-template-columns:1fr}.delegate-permission-row{grid-template-columns:24px minmax(0,1fr)!important}.delegate-permission-row .delegate-account-product,.delegate-permission-row>strong,.delegate-permission-row .delegate-permission-badge,.delegate-permission-row form{grid-column:2}.delegate-permission-batch-bar{align-items:flex-start;flex-direction:column}}


/* =====================================================================
   ECUACINE WEB v2.3.224 — Selector compacto de permisos Portal
   Cambio exclusivamente visual; conserva los valores code_only/code_reset.
   ===================================================================== */
.delegate-permission-picker{
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  margin:16px 0 14px!important;
  background:transparent!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.delegate-permission-picker legend{
  grid-column:1/-1;
  padding:0!important;
  margin:0 0 2px!important;
  color:#5f7189!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
.delegate-permission-option{
  position:relative!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 22px!important;
  gap:11px!important;
  align-items:center!important;
  min-height:72px!important;
  padding:11px 12px!important;
  border:1px solid #dce5f0!important;
  border-radius:14px!important;
  background:#fff!important;
  cursor:pointer!important;
  box-shadow:0 3px 10px rgba(12,39,76,.03)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease!important;
}
.delegate-permission-option:hover{
  border-color:#b9cae0!important;
  box-shadow:0 7px 18px rgba(16,57,107,.07)!important;
  transform:translateY(-1px)!important;
}
.delegate-permission-option input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
.delegate-permission-option-icon{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f0f5fb!important;
  color:#315c91!important;
  font-size:17px!important;
  font-weight:900!important;
}
.delegate-permission-option-copy{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
}
.delegate-permission-option-copy strong{
  color:#173655!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  font-weight:900!important;
}
.delegate-permission-option-copy small{
  color:#7b8ca0!important;
  font-size:9px!important;
  line-height:1.4!important;
}
.delegate-permission-option-check{
  width:21px!important;
  height:21px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #cfd9e5!important;
  border-radius:50%!important;
  background:#fff!important;
  color:transparent!important;
  font-size:11px!important;
  font-weight:950!important;
  transition:.16s ease!important;
}
.delegate-permission-option:has(input:checked){
  border-color:#2b72e8!important;
  background:#f6f9ff!important;
  box-shadow:0 0 0 2px rgba(43,114,232,.09)!important;
}
.delegate-permission-option:has(input:checked) .delegate-permission-option-icon{
  background:#e7f0ff!important;
  color:#1768dd!important;
}
.delegate-permission-option:has(input:checked) .delegate-permission-option-check{
  border-color:#1e6fe8!important;
  background:#1e6fe8!important;
  color:#fff!important;
}
.delegate-permission-option:has(input[value="code_reset"]:checked){
  border-color:#7958df!important;
  background:#faf8ff!important;
  box-shadow:0 0 0 2px rgba(121,88,223,.08)!important;
}
.delegate-permission-option:has(input[value="code_reset"]:checked) .delegate-permission-option-icon{
  background:#f0eaff!important;
  color:#6842d3!important;
}
.delegate-permission-option:has(input[value="code_reset"]:checked) .delegate-permission-option-check{
  border-color:#704bd8!important;
  background:#704bd8!important;
}
.delegate-permission-option:has(input:focus-visible){
  outline:3px solid rgba(31,111,229,.20)!important;
  outline-offset:2px!important;
}
.portal-auth-permission-picker{
  margin:16px 0 6px!important;
}
@media(max-width:760px){
  .delegate-permission-picker{
    grid-template-columns:1fr!important;
  }
  .delegate-permission-option{
    min-height:66px!important;
  }
}


/* =====================================================================
   ECUACINE WEB v2.3.226 — Códigos: resultado visible al llegar
   ===================================================================== */
.client-codes-live-panel .mail-auto-zone{
  display:flex;
  flex-direction:column;
}
.client-codes-live-panel .mail-auto-results:not([hidden]){
  order:-2;
  margin:0 0 14px;
}
.client-codes-live-panel .mail-auto-searching{
  order:-1;
}
.mail-auto-result-card.mail-result-arrived{
  animation:ecuMailResultArrived 3.2s ease;
  position:relative;
  z-index:2;
}
@keyframes ecuMailResultArrived{
  0%{box-shadow:0 0 0 0 rgba(29,114,238,.35);transform:translateY(0)}
  18%{box-shadow:0 0 0 5px rgba(29,114,238,.16),0 16px 34px rgba(16,92,210,.16);transform:translateY(-2px)}
  100%{box-shadow:0 8px 22px rgba(15,43,78,.04);transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  .mail-auto-result-card.mail-result-arrived{animation:none;box-shadow:0 0 0 4px rgba(29,114,238,.14)}
}


/* =====================================================================
   ECUACINE WEB v2.3.227 — resultado imposible de pasar por alto
   ===================================================================== */
.mail-floating-result{
  position:fixed;right:24px;bottom:24px;z-index:10050;
  width:min(440px,calc(100vw - 32px));
  padding:16px;border-radius:18px;background:#fff;
  border:1px solid #bfd6f6;
  box-shadow:0 22px 60px rgba(7,36,75,.24),0 0 0 5px rgba(29,114,238,.08);
  animation:mailFloatingIn .25s ease both;
}
.mail-floating-result.reset{border-color:#d9c8fb;box-shadow:0 22px 60px rgba(45,28,92,.22),0 0 0 5px rgba(124,82,220,.08)}
.mail-floating-result-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.mail-floating-result-kicker{display:block;color:#1769e8;font-size:9px;font-weight:950;letter-spacing:.08em;margin-bottom:3px}
.mail-floating-result.reset .mail-floating-result-kicker{color:#7650cf}
.mail-floating-result-top strong{display:block;color:#102947;font-size:15px;line-height:1.25}
.mail-floating-result-close{border:0;background:#f1f5f9;color:#65758a;width:30px;height:30px;border-radius:9px;font-size:20px;line-height:1;cursor:pointer}
.mail-floating-result-value{margin:13px 0;padding:14px 15px;border-radius:13px;background:#eff6ff;color:#0d56be;font-size:22px;font-weight:950;line-height:1.25;word-break:break-all;text-align:center}
.mail-floating-result-value.link{font-size:11px;text-align:left;background:#f7f4ff;color:#5d3eb3}
.mail-floating-result-actions{display:flex;gap:8px;flex-wrap:wrap}
.mail-floating-result-actions .btn{flex:1;min-width:110px;min-height:38px;font-size:10px}
.mail-auto-searching.mail-search-has-result{padding:10px 12px;border-radius:12px;opacity:.82}
.mail-auto-searching.mail-search-has-result .mail-auto-spinner{width:22px;height:22px;min-width:22px}
.mail-auto-searching.mail-search-has-result p,.mail-auto-searching.mail-search-has-result small{display:none}
@keyframes mailFloatingIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:650px){
  .mail-floating-result{left:12px;right:12px;bottom:12px;width:auto;padding:14px}
  .mail-floating-result-value{font-size:19px}
  .mail-floating-result-actions{display:grid;grid-template-columns:1fr 1fr}
  .mail-floating-result-actions .btn{min-width:0}
}
@media(prefers-reduced-motion:reduce){.mail-floating-result{animation:none}}

/* =====================================================================
   ECUACINE WEB v2.3.230 — Clientes de reventa: tareas separadas
   Administrar cuentas y autorizar cuentas nuevas viven en vistas distintas.
   ===================================================================== */
.delegate-authorize-accounts-btn{min-width:142px}
.delegate-client-more-menu{width:214px}
.delegate-client-more-menu>button.delegate-more-neutral{display:block;margin:0 0 5px}
.delegate-client-more-divider{height:1px;margin:7px 4px;background:#e9eff6}

.delegate-task-switch{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 0 16px;
  padding:5px;
  border:1px solid #dfe8f3;
  border-radius:16px;
  background:#f5f8fc;
}
.delegate-task-switch a{
  display:grid;
  gap:3px;
  min-width:0;
  padding:12px 15px;
  border:1px solid transparent;
  border-radius:12px;
  color:#5c708a;
  text-decoration:none;
  transition:.16s ease;
}
.delegate-task-switch a:hover{
  background:#fff;
  color:#24578f;
}
.delegate-task-switch a.active{
  border-color:#cfe0f7;
  background:#fff;
  color:#1764c8;
  box-shadow:0 5px 14px rgba(19,62,112,.07);
}
.delegate-task-switch a span{
  font-size:11.5px;
  line-height:1.25;
  font-weight:900;
}
.delegate-task-switch a small{
  color:#8291a4;
  font-size:9.5px;
  line-height:1.4;
  font-weight:650;
}
.delegate-task-switch a.active small{color:#6d83a0}

.delegate-manage-only-block,
.delegate-authorize-only-block{margin-bottom:0}
.delegate-empty-action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:20px;
  border:1px dashed #cad9e9;
  border-radius:15px;
  background:#fbfdff;
}
.delegate-empty-action>div{display:grid;gap:5px;min-width:0}
.delegate-empty-action strong{font-size:12px;color:#173654}
.delegate-empty-action span{font-size:10.5px;line-height:1.5;color:#78899e}
.delegate-empty-action .btn{flex:0 0 auto;min-height:40px;padding:0 15px;font-size:10.5px}

.delegate-authorize-page .delegate-account-block-head{background:linear-gradient(180deg,#fbfdff,#f7faff)}
.delegate-authorize-page .delegate-authorize-mode-tabs{border-top:1px solid #edf2f7}
.delegate-permission-picker-question legend{
  text-transform:none!important;
  letter-spacing:0!important;
  color:#294764!important;
  font-size:11.5px!important;
  line-height:1.35!important;
}
.delegate-authorize-footer>span strong{color:#1764c8;font-size:12px}
.delegate-authorize-footer .btn{min-width:170px}

@media(max-width:920px){
  .delegate-client-card-controls{grid-template-columns:1fr}
  .delegate-client-actions-controls{display:grid;grid-template-columns:1fr 1fr auto;justify-content:stretch;width:100%}
  .delegate-client-actions-controls .btn{width:100%}
}
@media(max-width:700px){
  .delegate-task-switch{grid-template-columns:1fr;gap:5px;padding:4px}
  .delegate-task-switch a{padding:10px 12px}
  .delegate-client-actions-controls{grid-template-columns:1fr 1fr}
  .delegate-manage-accounts-btn,.delegate-authorize-accounts-btn{grid-column:auto;min-width:0}
  .delegate-client-more{grid-column:2;justify-self:end}
  .delegate-empty-action{align-items:stretch;flex-direction:column}
  .delegate-empty-action .btn{width:100%}
  .delegate-authorize-footer{align-items:stretch;flex-direction:column}
  .delegate-authorize-footer .btn{width:100%;min-width:0}
}
@media(max-width:480px){
  .delegate-client-actions-controls{grid-template-columns:1fr}
  .delegate-manage-accounts-btn,.delegate-authorize-accounts-btn,.delegate-client-more{grid-column:1}
  .delegate-client-more{justify-self:stretch}
  .delegate-client-more>summary{width:100%}
  .delegate-client-more-menu{right:0;left:auto;width:min(240px,calc(100vw - 48px))}
}


/* ECUACINE v2.3.237 — Transferencia de pool en Inventario */
.inventory-transfer-bar{
  display:flex;gap:12px;flex-wrap:wrap;align-items:end;
  background:#fff;border:1px solid #dfe7f3;border-radius:13px;
  padding:13px 16px;margin:14px 0 6px;
}
.inventory-transfer-status{display:flex;flex-direction:column;gap:4px;flex:1;min-width:155px}
.inventory-transfer-status strong{font-size:13px;color:#0c284a}
.inventory-transfer-status span{font-size:12px;color:#667991}
.inventory-transfer-target{display:flex;flex-direction:column;gap:5px;min-width:190px}
.inventory-transfer-target span{font-size:11px;font-weight:800;color:#63748d}
.inventory-transfer-target select{min-width:190px;padding:10px 12px;border:1px solid #d6e0ee;border-radius:9px;background:#fff;color:#122f50}
.inventory-transfer-bar .btn{min-height:40px}
.inventory-transfer-bar .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.inventory-transfer-hint{font-size:11px;color:#75859a;margin:2px 3px 9px}
.inventory-select-column{width:43px;min-width:43px;text-align:center!important}
.inventory-select-column input{width:17px;height:17px;cursor:pointer;accent-color:#1966e7}
@media(max-width:700px){
  .inventory-transfer-bar{align-items:stretch}
  .inventory-transfer-target{flex:1}
  .inventory-transfer-target select{width:100%}
  .inventory-transfer-bar .btn{width:100%}
}