/* ZonaBilling — medidas tomadas de WHMCS (área de clientes "Six" y administrador "Blend") */

/* ══════════════ ÁREA DE CLIENTES (Six) ══════════════ */
body.cli{--six-blue:#005588;--six-nav:#0e5077;--six-nav2:#0a3f5f;--six-bg:#fff;--six-line:#ddd;--six-txt:#333;--six-link:#0f6aa8;--six-gray:#f5f5f5;
  font:14px/20px "Open Sans",Verdana,Tahoma,sans-serif;color:var(--six-txt);background:var(--six-bg)}
body.cli a{color:var(--six-link)}
body.cli .hdr{background:#fff;border:0;box-shadow:none;height:auto;padding:10px 0}
body.cli .hdr .in,body.cli .mnav .in,body.cli .cwrap,body.cli .cfoot .in{max-width:1170px;margin:0 auto;padding:0 15px}
body.cli .hdr .in{display:flex;align-items:center;min-height:50px}
body.cli .hdr .logo img{max-height:50px}body.cli .hdr .logo b{font:600 22px Raleway,sans-serif;color:var(--six-blue)}
body.cli .hdr .tl{display:flex;align-items:center;gap:18px;font-size:14px}
body.cli .hdr .tl a{color:#555;text-decoration:none}body.cli .hdr .tl .muted{display:none}
body.cli .hdr .tl .btn-cart,body.cli .hdr .tl .btn-six{background:var(--six-nav);color:#fff!important;border-radius:3px;padding:8px 15px;display:inline-flex;align-items:center;gap:6px;border:0}
body.cli .hdr .tl .sep{width:1px;height:34px;background:#ddd}
body.cli .mnav{background:var(--six-nav);height:38px;border:0}
body.cli .mnav .in{display:flex;height:38px}
body.cli .mnav .it>a{font:15px/20px Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff!important;padding:9px 15px;height:38px;display:flex;align-items:center;gap:6px;opacity:1}
body.cli .mnav .it.on>a,body.cli .mnav .it:hover>a{background:var(--six-nav2)}body.cli .mnav .it.r>a{background:var(--six-nav2)}
body.cli .mnav .caret{border-top-color:#fff}
body.cli .mnav .dd{top:38px;border-radius:0 0 3px 3px;min-width:200px;padding:5px 0;border:1px solid rgba(0,0,0,.15);box-shadow:0 6px 12px rgba(0,0,0,.175)}
body.cli .mnav .dd a{font:14px "Open Sans",sans-serif;color:#333!important;padding:5px 20px}body.cli .mnav .dd a .ico{display:none}
body.cli .cwrap{display:flex;gap:30px;padding-top:20px;padding-bottom:40px}
body.cli .cside{flex:0 0 263px;width:263px}body.cli .cmain{flex:1;min-width:0}
body.cli .cfoot{background:#f6f6f6;border-top:1px solid #ddd;color:#555;padding:30px 0;font-size:14px}
/* paneles laterales */
body.cli .panel{background:#fff;border:1px solid #eee;border-radius:4px;margin-bottom:20px;box-shadow:0 1px 1px rgba(0,0,0,.05);overflow:hidden}
body.cli .panel .ph{background:var(--six-gray);padding:10px 15px;font:15px/21px "Open Sans",sans-serif;color:#555;border:0;display:flex;align-items:center;gap:8px}
body.cli .panel .ph .ico{width:15px;height:15px;color:#555}
body.cli .panel .ph::after{content:"";margin-left:auto;width:8px;height:8px;border-left:1.5px solid #bbb;border-top:1.5px solid #bbb;transform:rotate(45deg);margin-top:4px}
body.cli .panel .lst a{display:flex;align-items:center;padding:8px 15px;font-size:13.5px;line-height:24px;color:#333;border-top:1px solid #eee;text-decoration:none}
body.cli .panel .lst a:hover{background:#f5f5f5}body.cli .panel .lst a.on{background:#465054;color:#fff}
body.cli .panel .lst a .n{margin-left:auto;background:none;color:#337ab7;font-weight:600;font-size:12px}
body.cli .panel .lst a .ri{margin-left:auto;color:#bbb}body.cli .panel .lst a .ri .ico{width:16px;height:16px}
body.cli .panel .pb{padding:10px 15px;font-size:14px}body.cli .panel .pf{background:#f5f5f5;padding:10px 15px}
/* títulos */
body.cli .ph:not(.panel .ph),body.cli .ptitle{display:block;margin:0 0 20px;border-bottom:1px solid #ccc;padding:0}
body.cli .cmain>.ph h1,body.cli .ptitle h1,body.cli h1.six{font:36px/39.6px Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--six-blue);margin:0;padding:6px 0}
body.cli .cmain>.ph .sub,body.cli .ptitle .sub{display:none}
body.cli .crumb{font-size:11.5px;color:#888;margin:-14px 0 20px}body.cli .crumb a{color:#888}body.cli .crumb span{margin:0 8px;color:#ccc}body.cli .crumb b{font-weight:400;color:#005588}
/* tarjetas resumen (inicio) */
body.cli .six-tiles{display:grid;grid-template-columns:repeat(4,1fr);background:#f5f5f5;margin-bottom:15px}
body.cli .six-tile{position:relative;padding:22px 20px 12px;border-right:1px solid #ddd;text-decoration:none!important;color:#555}
body.cli .six-tile:last-child{border-right:0}body.cli .six-tile b{display:block;font:300 40px/48px "Open Sans",sans-serif;color:#005588}
body.cli .six-tile small{display:block;font-size:12px;text-transform:uppercase;color:#555;padding-bottom:6px;border-bottom:2px solid}
body.cli .six-tile .ico{position:absolute;right:12px;top:10px;width:56px;height:56px;color:#ccc;stroke-width:1.4}
body.cli .six-tile:nth-child(1) small{border-color:#5bc0de}body.cli .six-tile:nth-child(2) small{border-color:#5cb85c}body.cli .six-tile:nth-child(3) small{border-color:#d9534f}body.cli .six-tile:nth-child(4) small{border-color:#f0ad4e}
body.cli .six-kb{display:flex;align-items:center;border:1px solid #ddd;border-radius:4px;margin-bottom:15px}
body.cli .six-kb .ico{margin:0 12px 0 18px;color:#888}body.cli .six-kb input{border:0!important;height:42px;font:300 18px Raleway,sans-serif;flex:1;box-shadow:none!important;background:transparent}
body.cli .six-panels{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}body.cli .six-panels .full{grid-column:1/-1}
body.cli .sp6{border:1px solid #ddd;border-top:3px solid #999;border-radius:3px;margin-bottom:20px;background:#fff;overflow:hidden}
body.cli .sp6.or{border-top-color:#f0ad4e}body.cli .sp6.rd{border-top-color:#d9534f}body.cli .sp6.bl{border-top-color:#5bc0de}body.cli .sp6.gr{border-top-color:#5cb85c}body.cli .sp6.gy{border-top-color:#777}
body.cli .sp6 .h{display:flex;align-items:center;gap:8px;padding:8px 15px;border-bottom:1px solid #ddd;font:16px "Open Sans",sans-serif;color:#333}
body.cli .sp6 .h .ico{width:15px;height:15px}body.cli .sp6 .h .lbl{margin-left:auto;font-size:12px;padding:2px 7px;border-radius:3px;color:#fff!important;text-decoration:none}
body.cli .sp6.or .lbl{background:#f0ad4e}body.cli .sp6.rd .lbl{background:#d9534f}body.cli .sp6.bl .lbl{background:#5bc0de}body.cli .sp6.gy .lbl{background:#777}
body.cli .sp6 .b{padding:10px 15px;font-size:13px}body.cli .sp6 .b.p0{padding:0}body.cli .sp6 .f{background:#f5f5f5;padding:5px 15px;text-align:right;font-size:12px;min-height:20px}
body.cli .sp6 .f a{color:#555}
body.cli .sp6 .row6{display:flex;align-items:center;gap:20px;padding:5px 15px;border-bottom:1px solid #eee;font-size:12px}body.cli .sp6 .row6 .btn{margin-left:auto}
body.cli .lab{display:inline-block;font-size:10.5px;font-weight:700;line-height:1;padding:3px 6px;border-radius:2px;color:#fff;white-space:nowrap}
body.cli .lab.Active,body.cli .lab.Paid{background:#5cb85c}body.cli .lab.Suspended,body.cli .lab.Unpaid{background:#d9534f}body.cli .lab.Pending{background:#f0ad4e}body.cli .lab.Terminated,body.cli .lab.Cancelled,body.cli .lab.Closed{background:#777}
/* botones Six */
body.cli .btn{font:14px/20px "Open Sans",sans-serif;padding:6px 12px;border-radius:4px;border:1px solid #ccc;background:#fff;color:#333;box-shadow:none;height:auto;min-height:0;gap:5px}
body.cli .btn:hover{background:#e6e6e6;filter:none}body.cli .btn.sm{font-size:12px;padding:5px 10px;line-height:18px}
body.cli .btn.pri{background:#337ab7;border-color:#2e6da4;color:#fff}body.cli .btn.ok,body.cli .btn.green{background:#5cb85c;border-color:#4cae4c;color:#fff}
body.cli .btn.bad{background:#d9534f;border-color:#d43f3a;color:#fff}
body.cli input,body.cli select,body.cli textarea{font:14px "Open Sans",sans-serif;border:1px solid #ccc;border-radius:4px;height:34px;padding:6px 12px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
body.cli textarea{height:auto}
/* tabla de servicios / facturas (Six) */
body.cli .six-tbl{margin-bottom:20px}
body.cli .six-tbl .top{display:flex;align-items:center;justify-content:space-between;background:#4f5458;color:#fff;padding:12px 12px 12px 30px;font-size:13px}
body.cli .six-tbl .top input{width:200px;height:34px;border-radius:0;border:0}
body.cli .six-tbl table{width:100%;border-collapse:collapse;font-size:14px}
body.cli .six-tbl th{background:#efefef;font-weight:400;color:#333;padding:8px 10px;border-bottom:4px solid #91c46b;text-align:center}
body.cli .six-tbl td{padding:12px 10px;border-bottom:1px solid #eee;text-align:center;vertical-align:middle}
body.cli .six-tbl td.l{text-align:left}body.cli .six-tbl tr:hover td{background:#fafafa}
body.cli .six-tbl .bot{background:#f5f5f5;padding:8px 30px;font-size:12px;color:#555;display:flex;justify-content:space-between;align-items:center}
body.cli .stbtn{display:block;border:1px solid #ccc;border-radius:3px;padding:5px 10px;font-size:13px;font-weight:600}
body.cli .stbtn.Active,body.cli .stbtn.Paid{color:#5cb85c;border-color:#aaa}body.cli .stbtn.Suspended,body.cli .stbtn.Unpaid{color:#d9534f}body.cli .stbtn.Pending{color:#f0ad4e}body.cli .stbtn.Terminated,body.cli .stbtn.Cancelled{color:#888}
/* gestionar producto */
body.cli .six-prod{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:20px}
body.cli .six-box{background:#efefef;border-radius:10px 10px 0 0;text-align:center;padding:30px 20px 36px}
body.cli .six-box .circle{width:155px;height:155px;border-radius:50%;background:#333;margin:0 auto 22px;display:grid;place-items:center}
body.cli .six-box .circle .ico{width:80px;height:80px;color:#fff;stroke-width:1.6}
body.cli .six-box h3{font:26px Raleway,sans-serif;margin:0;color:#333}body.cli .six-box h4{font:18px Raleway,sans-serif;margin:6px 0 0;color:#555}
body.cli .six-st{color:#fff;text-align:center;padding:5px;border-radius:0 0 6px 6px;font-size:14px;text-transform:uppercase;background:#44a340}
body.cli .six-st.Suspended{background:#d9534f}body.cli .six-st.Pending{background:#f0ad4e}body.cli .six-st.Terminated,body.cli .six-st.Cancelled{background:#777}
body.cli .six-info{text-align:center}body.cli .six-info h4{font:20px Raleway,sans-serif;margin:8px 0 6px;color:#333}body.cli .six-info p{margin:0 0 8px}
body.cli .six-tabs{display:flex;border-bottom:1px solid #ddd;margin-top:20px}body.cli .six-tabs a{padding:10px 16px;border:1px solid transparent;border-bottom:0;border-radius:4px 4px 0 0;margin-bottom:-1px;cursor:pointer}
body.cli .six-tabs a.on{border-color:#ddd;background:#fff;color:#555}body.cli .six-tabpane{border:1px solid #ddd;border-top:0;padding:30px 15px;text-align:center}
body.cli .six-tabpane table{margin:0 auto;text-align:left}body.cli .six-tabpane td{padding:4px 12px}
/* tienda */
body.cli .six-prods{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
body.cli .six-product{background:#fff;border:1px solid #ddd;border-radius:3px;margin-bottom:20px;padding:1px 0 10px}
body.cli .six-product header{background:#f8f8f8;margin:0 1px;padding:10px 20px;font-size:14px;text-transform:uppercase;color:#333;border-radius:3px 3px 0 0}
body.cli .six-product .pb{display:flex;gap:10px;padding:10px 20px}
body.cli .six-product ul{flex:1;margin:0;padding-left:30px;font-size:11.2px;line-height:16px}body.cli .six-product li b{font-weight:600}
body.cli .six-product .pr{flex:0 0 140px;text-align:center;font-size:11px;color:#666;padding-top:6px}
body.cli .six-product .pr .price{display:block;font-size:15.68px;line-height:22.4px;color:#333}
body.cli .six-product .pr .btn{margin-top:10px;font-size:12px;padding:5px 10px;line-height:18px;background:#5cb85c;border-color:#4cae4c;color:#fff}
body.cli .six-product .desc{padding:0 20px;font-size:12px;color:#666}
/* factura (como viewinvoice.php) */
body.inv{background:#efefef;font:14px/20px "Open Sans",sans-serif;color:#333}
.invw{max-width:850px;margin:0 auto;background:#fff;padding:20px 70px 40px;min-height:100vh}
.invw .top{display:flex;justify-content:space-between;align-items:flex-start}.invw .top img{max-width:300px;max-height:120px}
.invw .stt{text-align:center;flex:0 0 330px}.invw .stt b{display:block;font:700 24px "Open Sans",sans-serif;text-transform:uppercase}
.invw .stt b.Unpaid{color:#c00}.invw .stt b.Paid{color:#779500}.invw .stt b.Cancelled,.invw .stt b.Refunded{color:#888}
.invw h2{font:400 22px "Open Sans",sans-serif;margin:30px 0 30px;padding-bottom:30px;border-bottom:1px solid #eee}
.invw .two{display:flex;justify-content:space-between;gap:30px;margin-bottom:20px;font-size:13px}.invw .two strong{font-size:14px}.invw .two .r{text-align:right}
.invw .pan{border:1px solid #ddd;border-radius:4px;margin:30px 0 20px}.invw .pan .ph{background:#f5f5f5;padding:10px 15px;font-weight:700;font-size:15px;border-bottom:1px solid #ddd}
.invw .pan table{width:calc(100% - 30px);margin:15px;border-collapse:collapse;font-size:13px}.invw .pan th,.invw .pan td{padding:5px;border-top:1px solid #ddd;text-align:left}.invw .pan th{border-top:0}
.invw .pan .tot td{background:#f5f5f5}.invw .pan .ra{text-align:right}.invw .pan .ce{text-align:center;width:130px}
.invw .tx{width:100%;border-collapse:collapse;font-size:13px}.invw .tx th,.invw .tx td{padding:6px;text-align:center;border-bottom:1px solid #ddd}
.invw .acts{display:flex;justify-content:flex-end;margin-top:25px}.invw .acts a,.invw .acts button{border:1px solid #ccc;background:#fff;padding:5px 10px;font-size:13px;color:#333;text-decoration:none;cursor:pointer}
.invw .acts a+a,.invw .acts button+a{border-left:0}
.invw .paybox{margin-top:8px}.invw .paybox .btn{background:#5cb85c;border:1px solid #4cae4c;color:#fff;font-size:12px;padding:5px 10px;border-radius:3px}
@media (max-width:900px){body.cli .cwrap{flex-direction:column}body.cli .cside{width:auto;flex:none;order:2}.invw{padding:20px}
 body.cli .six-tiles{grid-template-columns:1fr 1fr}body.cli .six-panels,body.cli .six-prod,body.cli .six-prods{grid-template-columns:1fr}}
@media print{body.inv{background:#fff}.invw{padding:0}.invw .acts,.invw .paybox,.noprint{display:none!important}}

/* ══════════════ ADMINISTRADOR (Blend, modo día) ══════════════ */
body.adm{--bg:#fff;--card:#fff;--side:#f2f2f2;--group:#e8e8e8;--line:#ddd;--line2:#e6e6e6;--tx:#555;--mut:#888;--mutb:#f5f5f5;--in:#fff;--acc:#1a4d80;--acc2:#1a4d80;--wtop:#1e1e1e;
  font:14px/20px "Open Sans",sans-serif;color:#555;padding-top:45px}
[data-theme=dark] body.adm{--bg:#000;--card:#232323;--side:#1b1b1b;--group:#2f2f2f;--line:#2f2f2f;--line2:#2f2f2f;--tx:#9a9a9a;--mut:#777;--mutb:#2a2a2a;--in:#333;--acc:#859aa5;--acc2:#859aa5;color:#6f6f6f}
body.adm a{color:#1a4d80}[data-theme=dark] body.adm a{color:#859aa5}
body.adm .wtop{height:45px;padding:0 10px}body.adm .wmenu{height:45px}body.adm .wmenu .ddb{font-size:13px;padding:0 11px}body.adm .wmenu .ddm,body.adm .wmenu .ddm.right{top:45px}
body.adm .wlogo{font-size:18px}body.adm .wlogo .dot{width:26px;height:26px}body.adm .wclock{font-size:14px}body.adm .wacc{height:45px}
body.adm .wmenu .ddm a,body.adm .wmenu .flym a{font-size:13px;padding:5px 14px}
body.adm .wwrap{min-height:calc(100vh - 45px)}
/* barra lateral contextual (195 px) */
body.adm .wside{width:195px;flex:0 0 195px;top:45px;height:calc(100vh - 45px);font-size:12.6px;border-right:1px solid var(--line)}
body.adm .wsb{padding:0 0 6px;border:0}
body.adm .wsh{margin:5px 0;padding:3px 10px;font-size:14px;font-weight:700;color:#444;background:rgba(0,0,0,.04)}[data-theme=dark] body.adm .wsh{color:#aaa}
body.adm .wsh .ico{width:14px;height:14px}
body.adm .wsb>a{padding:2px 10px;font-size:12.6px;line-height:15px;gap:0;color:#1a4d80}[data-theme=dark] body.adm .wsb>a{color:#859aa5}
body.adm .wsb>a .ico{display:none}body.adm .wsb>a.on{font-weight:700}
body.adm .wsi{padding:0 10px;font-size:11.5px}body.adm .wsf{padding:0 10px}body.adm .wsf select,body.adm .wsf input{height:26px;font-size:12px;padding:3px 8px;border-radius:2px;margin-bottom:5px}
body.adm .wsf button{font-size:12px;padding:0 10px;height:26px}body.adm .wmin{font-size:11px;padding:6px;background:rgba(0,0,0,.04)}
/* contenido */
body.adm .wmain{padding:15px}
body.adm .ph{margin:0 0 15px;padding:0;border:0}body.adm .ph h1,body.adm .wtitle,body.adm .cfg-head h1{font-size:19.6px;line-height:21.56px;font-weight:700;color:#333;margin:0 0 5px}
[data-theme=dark] body.adm .ph h1,[data-theme=dark] body.adm .wtitle{color:#ababab}
body.adm .card{border-radius:0;box-shadow:none;padding:12px;margin-bottom:15px}body.adm .card.p0{padding:0}
body.adm .card h2,body.adm .hd h2{font-size:15px}body.adm .hd{padding:8px 10px}
body.adm .tbl{font-size:14px}body.adm .tbl th{padding:4px;font-weight:700;color:#555;background:#efefef;border-bottom:1px solid #ddd;font-size:14px;text-transform:none;letter-spacing:0;white-space:nowrap}
body.adm .tbl td{padding:3px 4px;border-bottom:1px solid #e6e6e6;font-size:14px;line-height:20px;height:29px}
[data-theme=dark] body.adm .tbl th{background:#232323;color:#848484;border-color:#3c3c3c}[data-theme=dark] body.adm .tbl td{background:#272727;border-color:#2f2f2f}
body.adm .tbl tr:hover td{background:#f7f9fb}[data-theme=dark] body.adm .tbl tr:hover td{background:#2c2c2c}
body.adm .badge{font-size:10px;line-height:10px;padding:2px 4px 2px;border-radius:2px;font-weight:700;text-transform:uppercase;letter-spacing:0}
body.adm .badge.ok{background:#5cb85c;color:#fff}body.adm .badge.bad{background:#d9534f;color:#fff}body.adm .badge.warn{background:#f0ad4e;color:#fff}body.adm .badge.mut{background:#999;color:#fff}body.adm .badge.info{background:#5bc0de;color:#fff}
[data-theme=dark] body.adm .badge.ok{background:#407940;color:#c3c3c3}
body.adm .btn{font-size:12px;line-height:18px;padding:5px 10px;border-radius:3px;height:auto;min-height:0;box-shadow:none}
body.adm .btn.lg{font-size:14px;padding:6px 12px}body.adm .btn.sm{font-size:11px;padding:2px 7px;line-height:16px}
body.adm .btn.pri{background:#337ab7;border-color:#2e6da4;color:#fff}body.adm .btn.ok{background:#5cb85c;border-color:#4cae4c;color:#fff}body.adm .btn.bad{background:#d9534f;border-color:#d43f3a;color:#fff}
body.adm input,body.adm select,body.adm textarea{font:14px "Open Sans",sans-serif;height:30px;padding:4px 8px;border-radius:2px}body.adm textarea{height:auto}
body.adm .f{margin-bottom:8px}body.adm .f label{font-size:13px;margin-bottom:2px}
body.adm .tabs{gap:0;border-bottom:1px solid #ccc;margin-bottom:12px}
body.adm .tabs a{font-size:12.6px;padding:4px 10px 3px;margin:0 8px -1px 0;border:1px solid #ddd;border-bottom-color:#ccc;border-radius:4px 4px 0 0;background:#f5f5f5;color:#1a4d80;text-decoration:none}
body.adm .tabs a.on{background:#fff;border-color:#ccc;border-bottom-color:#fff;color:#333;font-weight:700}
[data-theme=dark] body.adm .tabs a{background:#2f2f2f;border-color:#2f2f2f;color:#859aa5}[data-theme=dark] body.adm .tabs a.on{background:#383838;border-color:#4e4e4e;color:#fff}
body.adm .alert{padding:8px 12px;margin-bottom:12px;font-size:13px}
/* tarjetas del inicio */
body.adm .wtiles{gap:10px}body.adm .wtile{height:70px;border-radius:0}body.adm .wtb b{font-size:28px}
body.adm .wp{border-radius:0}body.adm .wph{padding:8px 10px}body.adm .wpb{padding:10px}
/* buscador de clientes (como clients.php) */
.wsearchbox{display:flex;align-items:flex-end;gap:10px;background:#f2f2f2;padding:12px 15px;margin:20px 0}[data-theme=dark] .wsearchbox{background:#232323}
.wsearchbox .lupa{width:42px;height:42px;border-radius:50%;background:#46a546;display:grid;place-items:center;flex:0 0 42px;align-self:center}.wsearchbox .lupa .ico{color:#fff;width:22px;height:22px;stroke-width:2.6}
.wsearchbox .fi{flex:1;min-width:0}.wsearchbox label{display:block;font-size:14px;color:#666;margin-bottom:4px}.wsearchbox input,.wsearchbox select{width:100%;height:30px}
.wsearchbox .bt{display:flex;gap:6px}.wsearchbox .bt .btn{height:30px;white-space:nowrap}
.wres{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:14px}
.wres .tog{display:inline-flex;align-items:center;gap:6px;font-size:12px}.wres .tog a{border:1px solid #ccc;padding:1px 8px;border-radius:3px;text-decoration:none}.wres .tog a.on{background:#337ab7;color:#fff;border-color:#2e6da4}
.wtbl{width:100%;border-collapse:collapse}.wtbl th{background:#efefef;padding:4px;font-weight:700;color:#555;border:1px solid #ddd;text-align:center;font-size:14px}
.wtbl td{padding:3px;border-bottom:1px solid #e6e6e6;border-right:1px solid #f0f0f0;font-size:14px;height:29px}.wtbl td.c{text-align:center}
[data-theme=dark] .wtbl th{background:#232323;border-color:#3c3c3c;color:#848484}[data-theme=dark] .wtbl td{background:#272727;border-color:#2f2f2f}
.wtbl tr:hover td{background:#f7f9fb}.wtbl input[type=checkbox]{height:auto}
.wpg{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:13px}
/* perfil del cliente (clientssummary.php) */
body.adm .ctabs{margin-bottom:0;border-bottom:0}body.adm .ctabs a{background:#f0f0f0}
.cwrapx{border:1px solid #ccc;padding:10px 12px;background:#fff}[data-theme=dark] .cwrapx{background:#111;border-color:#2f2f2f}
.chead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}
body.adm .cname{font-size:19.6px;font-weight:700;color:#cc7a00;margin:0}
.cflags{background:#f2f2f2;padding:4px 10px;font-size:13px;color:#666}.cflags b{color:#c00;text-decoration:underline;font-weight:400}.cflags b.no{color:#c00}.cflags span{margin-left:12px}
[data-theme=dark] .cflags{background:#232323}
body.adm .csum{grid-template-columns:repeat(4,1fr);gap:6px;margin:0}
body.adm .cbox{background:#f6f6f6;border:0;border-radius:5px;padding:10px;margin:10px 0 5px}[data-theme=dark] body.adm .cbox{background:#212121}
body.adm .cbox h3{font-size:16px;font-weight:700;color:#1a4d80;padding:0 0 10px;margin:0}
body.adm .cbox .kv{border:4px solid #e8e8e8;border-radius:4px;background:#fff}[data-theme=dark] body.adm .cbox .kv{border-color:#2d2d2d;background:#272727}
body.adm .cbox .kv td{font-size:11px;padding:5px 8px;border:0;line-height:15px}body.adm .cbox .kv td:first-child{width:50%}
body.adm .cact{margin:8px 0 0;gap:1px}body.adm .lnk{font-size:14px;padding:1px 0}body.adm .lnk .ico{width:14px;height:14px}
.cbox .empty6{background:#fff;border:4px solid #e8e8e8;border-radius:4px;text-align:center;font-size:11px;padding:6px;color:#888}
.cpanel{border:1px solid #ddd;margin-top:10px}.cpanel .t{text-align:center;padding:6px;font-size:14px;color:#555;background:#f6f6f6;border-bottom:1px solid #ddd}
/* servicio (clientsservices.php) */
body.adm .ssel{margin-bottom:8px}body.adm .ssel select{max-width:760px}
.sbar2{display:flex;align-items:center;gap:6px;background:#f2f2f2;padding:8px;margin:0 0 8px}.sbar2 .sp{flex:1}[data-theme=dark] .sbar2{background:#1d1d1d}
.ddmore{position:relative}.ddmore>.btn::after{content:" ▾"}.ddmore .m{display:none;position:absolute;right:0;top:100%;background:#fff;border:1px solid #ccc;box-shadow:0 6px 12px rgba(0,0,0,.18);min-width:250px;z-index:20;padding:5px 0}
.ddmore:hover .m,.ddmore:focus-within .m{display:block}.ddmore .m a,.ddmore .m button{display:flex;gap:8px;align-items:center;width:100%;padding:4px 15px;font:14px "Open Sans",sans-serif;color:#333;background:none;border:0;text-align:left;cursor:pointer;text-decoration:none}
.ddmore .m a:hover,.ddmore .m button:hover{background:#f5f5f5}.ddmore .m hr{border:0;border-top:1px solid #e5e5e5;margin:5px 0}.ddmore .m form{margin:0}
[data-theme=dark] .ddmore .m{background:#232323;border-color:#3c3c3c}[data-theme=dark] .ddmore .m a,[data-theme=dark] .ddmore .m button{color:#ccc}
body.adm .sform{border:3px solid #e2e2e2;padding:0;background:#fdfdfd}[data-theme=dark] body.adm .sform{border-color:#2f2f2f;background:#1d1d1d}
body.adm .g2c{gap:0}body.adm .kv2 td{padding:3px 5px;border-bottom:1px solid #e9e9e9;font-size:14px;height:36px}
body.adm .kv2 td.fl{text-align:right;color:#666;background:#f5f5f5;width:28%}body.adm .kv2.wide td.fl{width:19.7%}
[data-theme=dark] body.adm .kv2 td{background:#272727;border-color:#2f2f2f}[data-theme=dark] body.adm .kv2 td.fl{background:#272727;color:#6f6f6f}
body.adm .kv2 input,body.adm .kv2 select{width:auto;min-width:200px;max-width:100%}body.adm .kv2 input[type=number]{min-width:100px;width:110px}body.adm .kv2 input[type=date]{min-width:140px}
body.adm .kv2.wide input[type=text]{width:100%}body.adm .kv2 textarea{width:100%}
body.adm .mcmd .btn{font-size:14px;padding:6px 12px;background:#f0ad4e1a;border-color:#d9c58a;color:#8a6d3b}
body.adm .sfoot{padding:12px}
@media (max-width:1200px){body.adm .csum{grid-template-columns:1fr 1fr}}
@media (max-width:800px){body.adm .csum{grid-template-columns:1fr}.wsearchbox{flex-wrap:wrap}.wsearchbox .fi{flex-basis:45%}body.adm .kv2 input,body.adm .kv2 select{min-width:0;width:100%}}
body.cli .panel .lst{padding:0;margin:0}body.cli .panel .lst a:first-child{border-top:0}body.cli .panel .pb{padding:12px 15px}
body.cli .six-panels{align-items:start}
body.cli .panel>.ph{margin:0;border-bottom:1px solid #eee;padding:10px 15px}
body.cli a.btn.bad,body.cli a.btn.ok,body.cli a.btn.pri,body.cli .six-product .pr a.btn{color:#fff}body.cli a.btn{text-decoration:none}
.invw .paybox .btn{color:#fff!important;font-weight:400}body.inv{border:0}
body.adm .wtop .ddb,body.adm .wtop .wi,body.adm .wtop .wlogo,body.adm .wtop .wclock{color:#e8e8e8}
body.adm .wmenu .dd.on .ddb{box-shadow:inset 0 -3px 0 #3d8fd6;background:rgba(255,255,255,.1)}
body.adm input[type=text],body.adm input[type=email],body.adm input[type=password],body.adm input[type=number],body.adm input[type=date],body.adm input[type=search],body.adm input:not([type]),body.adm select,body.adm textarea{border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.wsearchbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
body.adm .wmenu .ddm a,body.adm .wmenu .flym a{color:#333}[data-theme=dark] body.adm .wmenu .ddm a{color:#ccc}
body.adm .tabs a{font-weight:400}body.adm .tabs a.on{font-weight:700}
body.adm .cact .lnk{text-align:left;justify-content:flex-start;font-size:13px}
body.adm .csum>div{min-width:0}
body.adm .kv2 input[type=checkbox]{min-width:0;width:auto;height:auto;margin-right:6px}body.adm .kv2 label.chk{font-weight:400;display:inline-flex;align-items:center;font-size:14px}
body.adm .btn.bad,body.adm .btn.pri,body.adm .btn.ok{color:#fff!important}
html:not([data-theme=dark]) body.adm .kv2 td.fl{background:#efefef}
/* ingreso (login.php) */
body.cli .six-login{max-width:600px;margin:0 auto}body.cli .six-login .ph{margin-bottom:10px}body.cli .six-sub{color:#666;margin:0 0 20px}
body.cli .six-lbox{background:#fff;border:1px solid #ddd;border-radius:4px;padding:30px 40px}
body.cli .six-lbox .f{margin-bottom:15px}body.cli .six-lbox label{display:block;font-weight:700;margin-bottom:5px;font-size:14px;color:#333}
body.cli .six-lbox input:not([type=checkbox]){width:100%}body.cli .six-lbox .btn.pri{width:auto;padding:6px 24px;font-size:14px}
body.cli .six-lbox .links{display:flex;justify-content:space-between;margin-top:20px;font-size:13px}body.cli .six-lbox .row{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}
body.cli .six-login .ph h1{font:36px/39.6px Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#005588;margin:0;padding:6px 0}body.cli .six-login .ph{border-bottom:1px solid #ccc}
/* Añadir nuevo pedido (ordersadd.php) */
.ordw{display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:start}.ordl>table,.ordl>div>table{border:3px solid #e2e2e2;margin-bottom:8px;background:#fdfdfd}
.ordl .osub{font-size:14px;font-weight:700;margin:14px 0 6px;color:#333}.ordl .btn{margin-bottom:6px}.hint2{font-size:13px;color:#888}
body.adm .ordl .kv2 td{height:auto;padding:4px 5px}body.adm .ordl .kv2 td.fl{width:140px;font-size:14px}body.adm .ordl .kv2 select{min-width:0}
.ordr h3{text-align:center;font-size:19px;font-weight:400;color:#555;margin:0 0 12px}.osum{border:1px solid #ddd;box-shadow:0 0 8px rgba(0,0,0,.15);background:#fff}
.oempty{text-align:center;padding:12px;color:#777;border-bottom:1px solid #eee}.oline{display:grid;grid-template-columns:1fr auto;padding:8px 12px;border-bottom:1px solid #eee;font-size:13px}.oline span{color:#888;font-size:12px}.oline em{font-style:normal;grid-row:1/3;grid-column:2;align-self:center}
.ost{display:flex;justify-content:space-between;padding:8px 12px;font-size:13px;color:#666}.otot{display:flex;justify-content:space-between;padding:4px 12px 12px;font-size:26px;color:#555}
.osend{display:block;width:100%;margin-top:12px;font-size:18px!important;padding:12px!important}
[data-theme=dark] .osum{background:#232323;border-color:#3c3c3c}[data-theme=dark] .ordl>table,[data-theme=dark] .ordl>div>table{border-color:#2f2f2f;background:#1d1d1d}
@media (max-width:1000px){.ordw{grid-template-columns:1fr}}
.eico{display:inline-grid;place-items:center;width:24px;height:22px;border:1px solid #ccc;border-radius:3px;background:#fff;color:#337ab7!important}.eico .ico{width:14px;height:14px}.eico:hover{background:#e6e6e6}[data-theme=dark] .eico{background:#2f2f2f;border-color:#444;color:#859aa5!important}
/* ═══ Modo noche del administrador (como WHMCS Blend oscuro) ═══ */
[data-theme=dark] body.adm{background:#111;color:#9a9a9a}
[data-theme=dark] body.adm .wmain{background:#111}
[data-theme=dark] body.adm .wside{background:#1b1b1b;border-color:#2a2a2a}[data-theme=dark] body.adm .wsh{background:#232323;color:#b5b5b5}
[data-theme=dark] body.adm .wsi{color:#8a8a8a}[data-theme=dark] body.adm .wmin{background:#232323}
[data-theme=dark] body.adm h1,[data-theme=dark] body.adm .ph h1{color:#c8c8c8}
[data-theme=dark] body.adm input[type=text],[data-theme=dark] body.adm input[type=email],[data-theme=dark] body.adm input[type=password],[data-theme=dark] body.adm input[type=number],[data-theme=dark] body.adm input[type=date],[data-theme=dark] body.adm input[type=search],[data-theme=dark] body.adm input:not([type]),[data-theme=dark] body.adm select,[data-theme=dark] body.adm textarea{background:#2b2b2b;border-color:#444;color:#ccc;box-shadow:none;color-scheme:dark}
[data-theme=dark] body.adm .btn{background:#2f2f2f;border-color:#444;color:#ccc}[data-theme=dark] body.adm .btn:hover{background:#3a3a3a}
[data-theme=dark] body.adm .btn.pri{background:#337ab7;border-color:#2e6da4}[data-theme=dark] body.adm .btn.bad{background:#c9302c;border-color:#ac2925}[data-theme=dark] body.adm .btn.ok{background:#449d44;border-color:#398439}
[data-theme=dark] body.adm .card,[data-theme=dark] body.adm .wp{background:#1d1d1d;border-color:#2f2f2f}
[data-theme=dark] body.adm .sform{background:#1a1a1a;border-color:#2f2f2f}
[data-theme=dark] body.adm .kv2 td{background:#222;border-color:#2f2f2f;color:#aaa}[data-theme=dark] body.adm .kv2 td.fl{background:#1b1b1b;color:#8f8f8f}
[data-theme=dark] body.adm .kv2 label.chk{color:#aaa}
[data-theme=dark] .sbar2,[data-theme=dark] .wsearchbox,[data-theme=dark] .cflags{background:#1d1d1d;color:#999}
[data-theme=dark] .wsearchbox label{color:#999}[data-theme=dark] .wres .tog a{border-color:#444;color:#ccc}
[data-theme=dark] body.adm .cbox{background:#1d1d1d}[data-theme=dark] body.adm .cbox h3{color:#859aa5}[data-theme=dark] body.adm .cbox .kv td{color:#aaa}
[data-theme=dark] body.adm .cname{color:#e0a040}
[data-theme=dark] body.adm .tbl td,[data-theme=dark] .wtbl td{color:#aaa}
[data-theme=dark] body.adm .alert{filter:brightness(.85)}
[data-theme=dark] .ordl>table,[data-theme=dark] .ordl>div>table{background:#1a1a1a}[data-theme=dark] .ordl .osub,[data-theme=dark] .ordr h3,[data-theme=dark] .otot{color:#bbb}
[data-theme=dark] .oempty,[data-theme=dark] .oline{border-color:#333}
body.adm .kv2 input[type=radio]{min-width:0;width:auto;height:auto;margin:0 5px 0 0}body.adm .kv2 label.chk{margin-right:14px}
/* ═══ Formularios del administrador como WHMCS (etiqueta a la izquierda en gris, campo a la derecha) ═══ */
body.adm .wmain form.card{padding:0;border:3px solid #e2e2e2;background:#fff;box-shadow:none}
body.adm .wmain form.card>.grid,body.adm .wmain form.card .grid.g2{gap:0;display:grid;grid-template-columns:1fr 1fr}
body.adm .wmain form.card .row{display:block}
body.adm .wmain form.card .f{display:grid;grid-template-columns:minmax(170px,38%) 1fr;align-items:center;margin:0;border-bottom:1px solid #e6e6e6;min-height:36px}
body.adm .wmain form.card .f>label:first-child:not(.chk){text-align:right;background:#efefef;padding:6px 10px;margin:0;font-weight:400;font-size:14px;color:#555;align-self:stretch;display:flex;align-items:center;justify-content:flex-end}
body.adm .wmain form.card .f>input,body.adm .wmain form.card .f>select,body.adm .wmain form.card .f>textarea{margin:3px 6px;width:auto;min-width:220px;max-width:calc(100% - 12px)}
body.adm .wmain form.card .f>textarea{width:calc(100% - 12px);min-height:80px}
body.adm .wmain form.card .f>.hint{grid-column:2;padding:0 6px 4px;margin:0;font-size:12px}
body.adm .wmain form.card .f:has(>label.chk)::before{content:"";background:#efefef;align-self:stretch}
body.adm .wmain form.card .f>label.chk{grid-column:2;padding:6px;font-weight:400;font-size:14px;display:flex;align-items:center;gap:6px;margin:0}
body.adm .wmain form.card .f>label.chk input{height:auto;min-width:0;margin:0}
body.adm .wmain form.card>.btn,body.adm .wmain form.card>button,body.adm .wmain form.card>div:last-child>.btn{margin:10px}
body.adm .wmain form.card h2,body.adm .wmain form.card h3{margin:0;padding:8px 10px;font-size:14px;background:#f5f5f5;border-bottom:1px solid #e6e6e6}
.wsave{text-align:center;padding:12px;background:#f2f2f2;margin-top:0}.wsave .btn{font-size:14px!important;padding:6px 14px!important}
[data-theme=dark] body.adm .wmain form.card{background:#1a1a1a;border-color:#2f2f2f}
[data-theme=dark] body.adm .wmain form.card .f{border-color:#2f2f2f;background:#222}
[data-theme=dark] body.adm .wmain form.card .f>label:first-child:not(.chk),[data-theme=dark] body.adm .wmain form.card .f:has(>label.chk)::before{background:#1b1b1b;color:#8f8f8f}
[data-theme=dark] body.adm .wmain form.card .f>label.chk{color:#aaa}[data-theme=dark] .wsave{background:#111}
[data-theme=dark] body.adm .wmain form.card h2,[data-theme=dark] body.adm .wmain form.card h3{background:#232323;border-color:#2f2f2f;color:#bbb}
@media (max-width:900px){body.adm .wmain form.card .grid.g2{grid-template-columns:1fr}body.adm .wmain form.card .f{grid-template-columns:1fr}body.adm .wmain form.card .f>label:first-child:not(.chk){justify-content:flex-start}body.adm .wmain form.card .f>label.chk{grid-column:1}}
/* Perfil del cliente (clientsprofile.php) */
.cprof{border:3px solid #e2e2e2;background:#fdfdfd}.cprof .g2c{display:grid;grid-template-columns:1fr 1fr}.cprof .kv2{width:100%}
body.adm .cprof .kv2 td{height:auto;padding:3px 5px}body.adm .cprof .kv2 td.fl{width:28%}body.adm .cprof .kv2.wide td.fl{width:14%}
body.adm .cprof .kv2 label.chk{font-size:13.5px;margin:1px 0}
.togs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 10px}.tog{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.tog input{display:none}
.tog .sw{display:inline-flex;width:64px;height:22px;border:1px solid #bbb;border-radius:3px;overflow:hidden;font-size:11px;font-weight:700;flex:0 0 64px}
.tog .sw b,.tog .sw i{flex:1;display:grid;place-items:center;font-style:normal}.tog .sw b{background:#ddd;color:transparent}.tog .sw i{background:#fff;color:#555}
.tog input:checked+.sw b{background:#337ab7;color:#fff}.tog input:checked+.sw i{background:#e6e6e6;color:transparent}
[data-theme=dark] .cprof{background:#1a1a1a;border-color:#2f2f2f}[data-theme=dark] .tog .sw{border-color:#555}[data-theme=dark] .tog .sw i{background:#444;color:#ccc}[data-theme=dark] .tog .sw b{background:#333}[data-theme=dark] .tog input:checked+.sw i{background:#333}
@media (max-width:900px){.cprof .g2c,.togs{grid-template-columns:1fr}}
.tog{font-weight:400!important}body.adm .cprof label.tog{font-weight:400}
.wintro{font-size:13px;color:#666;margin:0 0 10px}.wbtns{display:flex;gap:0;margin-bottom:10px}.wbtns .btn{border-radius:0}.wbtns .btn:first-child{border-radius:3px 0 0 3px}.wbtns .btn:last-child{border-radius:0 3px 3px 0;border-left:0}
.wsrv .mrow td{background:#f5f5f5;color:#777;font-size:13px;padding:4px 6px}.dot{display:inline-block;width:12px;height:12px;border-radius:50%}.dot.ok{background:#5cb85c}.dot.off{background:#d9534f}
[data-theme=dark] .wsrv .mrow td{background:#1d1d1d;color:#8f8f8f}[data-theme=dark] .wintro{color:#888}
body.adm .wmain form.card .f>input:not([type=checkbox]),body.adm .wmain form.card .f>select{justify-self:start;width:420px;max-width:calc(100% - 12px)}body.adm .wmain form.card .f{grid-template-columns:minmax(170px,30%) 1fr}body.adm .wmain form.card .f>input[type=number]{width:140px}
.tbox4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0}.tbox4>div{background:#fff;border:1px solid #ddd;padding:10px 15px;font-size:12px;color:#555}.tbox4 b{display:block;font:300 30px/36px "Open Sans",sans-serif;color:#555}
[data-theme=dark] .tbox4>div{background:#f5f5f5}
.massb{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:10px 0;font-size:14px}.massb .btn{font-size:13px!important;padding:5px 10px!important}
.ist.Paid{color:#5cb85c}.ist.Unpaid{color:#d9534f}.ist.Cancelled,.ist.Refunded,.ist.Draft{color:#888}
.eico.del{color:#d9534f!important}button.eico{cursor:pointer;padding:0}.mailview{padding:10px;background:#f3f5f9}
.mailfr{width:100%;height:600px;border:0;background:#fff}
.tplcols{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.tplh{font-size:17px;font-weight:600;color:#333;margin:16px 0 6px}[data-theme=dark] .tplh{color:#c8c8c8}
.mfields{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;font-size:12px}.mfields b{display:block;margin-bottom:3px}.mfields code{display:inline-block;margin:0 4px 4px 0;padding:1px 5px;background:#f5f5f5;border:1px solid #ddd;cursor:pointer}
[data-theme=dark] .mfields code{background:#232323;border-color:#3c3c3c;color:#bbb}
@media (max-width:1000px){.tplcols{grid-template-columns:1fr}}
.wpager{display:flex;justify-content:center;margin:20px auto;width:max-content;border:1px solid #ddd;border-radius:4px;overflow:hidden;font-size:14px}
.wpager a,.wpager span{padding:6px 12px;border-left:1px solid #ddd;background:#fff;color:#337ab7;text-decoration:none}.wpager>:first-child{border-left:0}
.wpager .cur{background:#337ab7;color:#fff;font-weight:700}.wpager .dis{color:#999}.wpager a:hover{background:#eee}
[data-theme=dark] .wpager{border-color:#444}[data-theme=dark] .wpager a,[data-theme=dark] .wpager span{background:#232323;border-color:#444;color:#859aa5}[data-theme=dark] .wpager .cur{background:#337ab7;color:#fff}[data-theme=dark] .wpager .dis{color:#666}
.wpg{display:block}.wpg>span:first-child{display:block}
body.adm .badge.ok{text-transform:uppercase}
.ptbl{border-collapse:collapse;margin:6px 0}.ptbl th{font-weight:600;padding:4px 10px;color:#555;border-bottom:1px solid #ddd}.ptbl td{padding:4px 8px;border-bottom:1px solid #eee}.ptbl input[type=number]{width:95px!important;min-width:0!important;text-align:center}
.lnkrow{display:flex;max-width:900px}.lnkrow input{flex:1;min-width:0!important}.lnkrow .btn{border-radius:0 3px 3px 0}
.wprod .mrow td{background:#f5f5f5;color:#555;font-size:13px;padding:5px 8px}[data-theme=dark] .wprod .mrow td{background:#1d1d1d;color:#999}[data-theme=dark] .ptbl th{color:#999;border-color:#333}[data-theme=dark] .ptbl td{border-color:#2a2a2a}
.cfgt td.fl{width:24%!important}
/* ═══ Colores de ZonaRadio (como el panel CastPlay/MediaCP): azul marino + celeste ═══ */
body.adm{--zr-acc:#29b6f6;--zr-acc2:#1e88e5}
body.adm .wtop{background:#141b2d}
body.adm .wmenu .dd.on .ddb{box-shadow:inset 0 -3px 0 var(--zr-acc);background:rgba(41,182,246,.12)}
body.adm .wlogo .dot{background:var(--zr-acc)}
body.adm .btn.pri,body.adm .wpager .cur,body.adm .tog input:checked+.sw b{background:var(--zr-acc2)!important;border-color:#1976d2!important}
body.adm .wsb>a.on{color:var(--zr-acc2)}
[data-theme=dark] body.adm{background:#1b2133;color:#9aa5b8}
[data-theme=dark] body.adm .wmain{background:#1b2133}
[data-theme=dark] body.adm .wtop{background:#141a2a;box-shadow:0 1px 0 #0d1220}
[data-theme=dark] body.adm .wside{background:#111827;border-color:#0d1220}
[data-theme=dark] body.adm .wsh,[data-theme=dark] body.adm .wmin{background:#0d1322;color:#d6dbe5}
[data-theme=dark] body.adm .wsb>a{color:#8fb4d9}[data-theme=dark] body.adm .wsb>a.on{color:#fff;background:var(--zr-acc);border-radius:3px}
[data-theme=dark] body.adm a{color:#4aa8ec}
[data-theme=dark] body.adm h1,[data-theme=dark] body.adm .ph h1,[data-theme=dark] .tplh{color:#e3e8f0}
[data-theme=dark] body.adm .tabs a{background:#232a3d;border-color:#2b3349;color:#8fb4d9}[data-theme=dark] body.adm .tabs a.on{background:var(--zr-acc);border-color:var(--zr-acc);color:#fff}
[data-theme=dark] body.adm .tabs{border-color:#2b3349}
[data-theme=dark] .wtbl th,[data-theme=dark] body.adm .tbl th{background:#161c2c;border-color:#262e44;color:#4aa8ec;font-weight:400}
[data-theme=dark] .wtbl td,[data-theme=dark] body.adm .tbl td{background:#1b2133;border-color:#262e44;color:#aab3c5}
[data-theme=dark] .wtbl tr:hover td,[data-theme=dark] body.adm .tbl tr:hover td{background:#212a40}
[data-theme=dark] .wsrv .mrow td,[data-theme=dark] .wprod .mrow td{background:#141a2a;color:#8fb4d9}
[data-theme=dark] body.adm .kv2 td,[data-theme=dark] body.adm .wmain form.card .f{background:#1f2638;border-color:#262e44;color:#aab3c5}
[data-theme=dark] body.adm .kv2 td.fl,[data-theme=dark] body.adm .wmain form.card .f>label:first-child:not(.chk),[data-theme=dark] body.adm .wmain form.card .f:has(>label.chk)::before{background:#181e2f!important;color:#8e98ad}
[data-theme=dark] .cprof,[data-theme=dark] body.adm .sform,[data-theme=dark] body.adm .wmain form.card,[data-theme=dark] .ordl>table,[data-theme=dark] .ordl>div>table{background:#181e2f;border-color:#262e44}
[data-theme=dark] .sbar2,[data-theme=dark] .wsearchbox,[data-theme=dark] .cflags,[data-theme=dark] .wsave{background:#161c2c}
[data-theme=dark] body.adm .cbox{background:#1f2638}[data-theme=dark] body.adm .cbox .kv{background:#1b2133;border-color:#262e44}[data-theme=dark] body.adm .cbox h3{color:#4aa8ec}
[data-theme=dark] body.adm input[type=text],[data-theme=dark] body.adm input[type=email],[data-theme=dark] body.adm input[type=password],[data-theme=dark] body.adm input[type=number],[data-theme=dark] body.adm input[type=date],[data-theme=dark] body.adm input[type=search],[data-theme=dark] body.adm input:not([type]),[data-theme=dark] body.adm select,[data-theme=dark] body.adm textarea{background:#141a2a;border-color:#2b3349;color:#d6dbe5}
[data-theme=dark] body.adm .btn{background:#232a3d;border-color:#2f3850;color:#c9d2e3}[data-theme=dark] body.adm .btn:hover{background:#2b3349}
[data-theme=dark] body.adm .btn.ok{background:#43a047!important;border-color:#388e3c!important}[data-theme=dark] body.adm .btn.bad{background:#e53935!important;border-color:#c62828!important}
[data-theme=dark] body.adm .card,[data-theme=dark] body.adm .wp,[data-theme=dark] .osum{background:#1f2638;border-color:#262e44}
[data-theme=dark] body.adm .wtile{filter:saturate(1.1)}
[data-theme=dark] .wpager{border-color:#2b3349}[data-theme=dark] .wpager a,[data-theme=dark] .wpager span{background:#1f2638;border-color:#2b3349;color:#4aa8ec}
[data-theme=dark] .eico{background:#232a3d;border-color:#2f3850;color:#4aa8ec!important}
[data-theme=dark] body.adm .wmenu .ddm,[data-theme=dark] body.adm .wmenu .flym,[data-theme=dark] .ddmore .m{background:#1b2133;border-color:#2b3349}
body.adm .tabs{flex-wrap:wrap;row-gap:4px}
/* API */
.apicode{font:12.5px/1.4 Menlo,Consolas,monospace;background:#f5f5f5;border:1px solid #e3e3e3;border-radius:3px;padding:1px 5px;color:#c7254e;word-break:break-all}
.apitbl td{vertical-align:middle;padding:5px 6px}.apitbl tr.apioff td{opacity:.6}
.apirole{display:inline-block;background:#e8f0f8;color:#1a4d80;border:1px solid #cddcec;border-radius:3px;padding:0 6px;margin:1px 2px 1px 0;font-size:12px;line-height:18px}
.apipick{display:flex;flex-wrap:wrap;gap:2px 14px;max-height:180px;overflow:auto;padding:4px 0}
body.adm .kv2 .apipick label.chk{margin:0}
.apinewkey{background:#dff0d8;border:1px solid #c3e1b5;color:#3c763d;padding:10px 14px;margin:0 0 12px;font-size:14px}
.apinewkey table{margin-top:6px;border-collapse:collapse}.apinewkey td{padding:3px 10px 3px 0}.apinewkey td:first-child{font-weight:700}
.apinewkey code{font:13px Menlo,Consolas,monospace;background:#fff;border:1px solid #c3e1b5;padding:2px 6px;border-radius:3px;color:#333;word-break:break-all}
.apimodal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;align-items:flex-start;justify-content:center;padding:60px 16px;overflow:auto}.apimodal.on{display:flex}
.apidlg{background:#fff;width:640px;max-width:100%;border-radius:4px;box-shadow:0 8px 30px rgba(0,0,0,.3);overflow:hidden}
.apidlg-h{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #e5e5e5;font-size:17px;color:#333}
.apix{background:none;border:0;font-size:24px;line-height:1;cursor:pointer;color:#999;padding:0 4px}.apix:hover{color:#333}
.apidlg .kv2{width:100%}.apidlg .wsave{margin:0}
.apih{font-size:15px;font-weight:700;color:#333;margin:16px 0 6px}
.apiperm{display:grid;grid-template-columns:220px 1fr;border:3px solid #e2e2e2;background:#fff;min-height:320px}
.apicats{list-style:none;margin:0;padding:0;border-right:1px solid #e2e2e2;background:#f7f7f7}
.apicats a{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;border-bottom:1px solid #e9e9e9;color:#1a4d80;text-decoration:none;font-size:13.5px}
.apicats a:hover{background:#eef3f8}.apicats a.on{background:#fff;color:#333;font-weight:700;margin-right:-1px;border-left:3px solid #337ab7;padding-left:9px}
.apicnt{font-size:11px;font-weight:400;color:#888;background:#e9e9e9;border-radius:9px;padding:0 7px;line-height:17px}
.apipane{display:none;padding:0 0 10px}.apipane.on{display:block}
.apipane-h{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid #e9e9e9;background:#fafafa;font-size:13.5px}.apipane-h .sp{flex:1}
.apiacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 12px;padding:10px 12px}
.apiacts label.chk{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:400;padding:3px 0;margin:0;cursor:pointer;word-break:break-word}
.apiacts input{height:auto;min-width:0;margin:0}.apiacts .apins{color:#999}
[data-theme=dark] .apicode{background:#2a2a2a;border-color:#3a3a3a;color:#e08aa5}
[data-theme=dark] .apirole{background:#24323f;border-color:#34495c;color:#9fb8cc}
[data-theme=dark] .apinewkey{background:#1f3320;border-color:#2f5230;color:#9fcf9f}[data-theme=dark] .apinewkey code{background:#111;border-color:#2f5230;color:#ddd}
[data-theme=dark] .apidlg{background:#1d1d1d}[data-theme=dark] .apidlg-h{border-color:#2f2f2f;color:#ccc}[data-theme=dark] .apix:hover{color:#eee}
[data-theme=dark] .apih{color:#bbb}
[data-theme=dark] .apiperm{background:#1a1a1a;border-color:#2f2f2f}[data-theme=dark] .apicats{background:#161616;border-color:#2f2f2f}
[data-theme=dark] .apicats a{border-color:#262626;color:#859aa5}[data-theme=dark] .apicats a:hover{background:#222}[data-theme=dark] .apicats a.on{background:#1a1a1a;color:#ddd}
[data-theme=dark] .apicnt{background:#2c2c2c;color:#999}[data-theme=dark] .apipane-h{background:#1f1f1f;border-color:#2a2a2a;color:#aaa}
[data-theme=dark] .apiacts label.chk{color:#aaa}[data-theme=dark] .apiacts .apins{color:#666}
@media (max-width:800px){.apiperm{grid-template-columns:1fr}.apicats{display:flex;flex-wrap:wrap;border-right:0;border-bottom:1px solid #e2e2e2}.apicats li{flex:1 1 45%}.apiacts{grid-template-columns:1fr 1fr}.apitbl{display:block;overflow-x:auto}}
/* Modo noche: texto de tablas en color normal (sin azul), el azul solo al pasar el mouse */
[data-theme=dark] .wtbl th,[data-theme=dark] body.adm .tbl th{color:#c9d2e3!important;font-weight:600}
[data-theme=dark] .wtbl td,[data-theme=dark] body.adm .tbl td{color:#c3cad8}
[data-theme=dark] .wtbl td a,[data-theme=dark] body.adm .tbl td a,[data-theme=dark] body.adm .kv a,[data-theme=dark] body.adm .kv2 a{color:#e3e8f0}
[data-theme=dark] .wtbl td a:hover,[data-theme=dark] body.adm .tbl td a:hover{color:#4aa8ec;text-decoration:underline}
[data-theme=dark] .wtbl td a.btn,[data-theme=dark] .wtbl td a.eico{color:#c9d2e3}
/* Modo noche: letras normales; los cuadros (encabezados y bordes de tablas) en azul */
[data-theme=dark] .wtbl th,[data-theme=dark] body.adm .tbl th{background:#1f4e79!important;border-color:#2a5f91!important;color:#fff!important}
[data-theme=dark] .wtbl td,[data-theme=dark] body.adm .tbl td{border-color:#24385a!important}
[data-theme=dark] .wtbl,[data-theme=dark] body.adm .tbl{border:1px solid #24385a}
[data-theme=dark] body.adm .wsb>a{color:#c3cad8}[data-theme=dark] body.adm .wsb>a:hover{color:#4aa8ec}[data-theme=dark] body.adm .wsb>a.on{color:#fff}
/* Letra más fina en el administrador */
body.adm{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body.adm .wtbl th,body.adm .tbl th,[data-theme=dark] .wtbl th,[data-theme=dark] body.adm .tbl th{font-weight:400!important}
body.adm .wtbl td,body.adm .tbl td,body.adm .kv2 td,body.adm .wsb>a,body.adm .wmenu .ddb{font-weight:300}
body.adm .wsh,body.adm .ph h1{font-weight:600}
[data-theme=dark] .wtbl td,[data-theme=dark] body.adm .tbl td{color:#b8c0cf}
/* Barra superior derecha como WHMCS: buscar, reloj, automatización, herramientas */
body.adm .wsearch{display:none;position:absolute;right:300px;top:7px}body.adm .wsearch.open{display:block}body.adm .wsearch input{width:240px;height:31px}
body.adm .wsbtn{background:rgba(255,255,255,.08);border-radius:3px}
body.adm .wclock{display:flex!important;align-items:center;gap:6px;font-weight:700;font-size:15px;color:#e8e8e8;margin:0 6px}
body.adm .wi{position:relative}.wbad{position:absolute;top:2px;right:0;background:#d9534f;color:#fff;border-radius:50%;width:14px;height:14px;font-size:9px;line-height:14px;text-align:center;font-weight:700}
.wtool{position:relative}.wtool .wgrid9{display:none;position:absolute;right:-40px;top:42px;width:320px;background:#2a2a2a;border:1px solid #444;box-shadow:0 8px 20px rgba(0,0,0,.5);grid-template-columns:repeat(3,1fr);z-index:70}
.wtool.open .wgrid9,.wtool:hover .wgrid9{display:grid}.wtool .wgrid9 a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 6px;color:#ddd!important;text-align:center;font-size:13px;text-decoration:none;line-height:16px}
.wtool .wgrid9 a .ico{width:30px;height:30px;color:#3d8fd6;stroke-width:1.6}.wtool .wgrid9 a:hover{background:rgba(255,255,255,.07)}
.wtool .wi .ico{transform:none}
[data-theme=dark] .wtool .wgrid9{background:#1b2133;border-color:#2b3349}
html:not([data-theme=dark]) .wtool .wgrid9{background:#fff;border-color:#ccc}html:not([data-theme=dark]) .wtool .wgrid9 a{color:#333!important}html:not([data-theme=dark]) .wtool .wgrid9 a:hover{background:#f2f2f2}
@media (max-width:1100px){body.adm .wclock{display:none!important}}
/* Modo noche: textos más claros */
[data-theme=dark] body.adm{color:#d6dce7}
[data-theme=dark] .wtbl td,[data-theme=dark] body.adm .tbl td{color:#e3e8f0!important}
[data-theme=dark] .wtbl td a,[data-theme=dark] body.adm .tbl td a,[data-theme=dark] body.adm .wsb>a{color:#eef2f8}
[data-theme=dark] body.adm .kv2 td,[data-theme=dark] body.adm .wmain form.card .f{color:#e3e8f0}[data-theme=dark] body.adm .kv2 td.fl{color:#b9c3d4!important}
[data-theme=dark] .hint2,[data-theme=dark] .wintro,[data-theme=dark] body.adm .muted,[data-theme=dark] .wres{color:#a9b3c4}
[data-theme=dark] body.adm .cfg-c{background:#1f2638;border-color:#2b3349}[data-theme=dark] body.adm .cfg-c .ci{border-color:#2b3349}
[data-theme=dark] body.adm .cfg-c .ci .ico{color:#c9d2e3}[data-theme=dark] body.adm .cfg-c:hover .ci .ico{color:#29b6f6}
[data-theme=dark] body.adm .cfg-c b{color:#4aa8ec}[data-theme=dark] body.adm .cfg-c small{color:#d0d7e3}
[data-theme=dark] body.adm .cfg aside a{color:#d6dce7}[data-theme=dark] body.adm .cfg aside a.on,[data-theme=dark] body.adm .cfg aside a:hover{background:#232a3d}
[data-theme=dark] body.adm .cbox .kv td{color:#e3e8f0}

body.adm .cfg-s input{padding-left:36px!important}body.adm .cfg-s .ico{top:13px}
body.adm .wtool>.wi{border:1px solid rgba(255,255,255,.25);border-radius:4px}body.adm .wtool.open>.wi,body.adm .wtool:hover>.wi{border-color:#fff;background:rgba(255,255,255,.1)}

/* Ajustes como WHMCS: ícono grande arriba, línea, título azul y descripción */
body.adm .cfg-g{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
body.adm .cfg-c{border-radius:0;min-height:224px;background:#fff;border:1px solid #ccc}
body.adm .cfg-c .ci{height:86px;border-bottom:1px solid #ccc}body.adm .cfg-c .ci .ico{width:54px;height:54px;color:#8a8a8a;stroke-width:2.4}
body.adm .cfg-c .cb{padding:22px 30px}body.adm .cfg-c b{color:#1a4d80;font-size:15px;font-weight:400}body.adm .cfg-c small{color:#555;font-size:14px;margin-top:4px;line-height:20px}
body.adm .cfg-c:hover{border-color:#29b6f6}body.adm .cfg-c:hover .ci .ico{color:#29b6f6}
[data-theme=dark] body.adm .cfg-c{background:#1f2638;border-color:#2e3852}[data-theme=dark] body.adm .cfg-c .ci{border-color:#2e3852}
[data-theme=dark] body.adm .cfg-c .ci .ico{color:#9aa3b3}[data-theme=dark] body.adm .cfg-c b{color:#4aa8ec}[data-theme=dark] body.adm .cfg-c small{color:#d6dce7}
[data-theme=dark] body.adm .cfg-c:hover{border-color:#29b6f6}


/* Página de Ajustes como WHMCS: sin barra lateral, cabecera con progreso, columna de categorías y «Visitado recientemente» */
body.adm.noside .wmax{display:none}
body.adm.noside .wmain{padding:0}
body.adm .cfg-head{display:flex;justify-content:space-between;align-items:flex-start;margin:0;padding:24px 30px;border-bottom:1px solid #ddd;background:#f5f5f5}
body.adm .cfg-head h1{font-size:21px;font-weight:600;margin:0}body.adm .cfg-sub{font-size:21px;font-weight:300;color:#777;margin-top:4px}
.cfg-prog{display:block;width:300px;text-decoration:none!important}.cfg-prog b{display:block;font-size:14px;color:#1a4d80;margin-bottom:8px}.cfg-prog span{display:inline-block;width:255px;height:12px;background:#fff;border:1px solid #ccc;vertical-align:middle}.cfg-prog i{display:block;height:100%;background:#4c9a2a}.cfg-prog em{font-style:normal;font-size:12px;color:#777;margin-left:12px}
body.adm .cfg{grid-template-columns:250px 1fr;gap:50px;padding:30px}
body.adm .cfg aside a{border-left:3px solid transparent;border-radius:0;padding:10px 20px;font-weight:400}body.adm .cfg aside a.on{background:#e8f0e3!important;color:#333!important;border-left-color:#4c9a2a}
.cfg-rec{font-size:16px;font-weight:600;margin:40px 0 8px;padding-bottom:8px;border-bottom:1px solid #ccc}.cfg-recl{margin:0;padding-left:18px;font-size:13px;line-height:20px}.cfg-recl a{color:#1a4d80}
.cfg-th{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.cfg-th h2{margin:0!important}.cfg-th select{width:310px}
body.adm .cfg-g{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
[data-theme=dark] body.adm .cfg-head{background:#161c2c;border-color:#2b3349}[data-theme=dark] body.adm .cfg-head h1{color:#f1f5fb}[data-theme=dark] body.adm .cfg-sub{color:#9aa5b8}
[data-theme=dark] .cfg-prog b{color:#e3e8f0}[data-theme=dark] .cfg-prog span{background:#e9edf3;border-color:#2b3349}
[data-theme=dark] body.adm .cfg aside a{color:#d6dce7}[data-theme=dark] body.adm .cfg aside a.on{background:#2b4a2a!important;color:#fff!important}[data-theme=dark] body.adm .cfg aside a:hover{background:#232a3d}
[data-theme=dark] .cfg-rec{color:#f1f5fb;border-color:#2b3349}[data-theme=dark] .cfg-recl{color:#9aa5b8}[data-theme=dark] .cfg-recl a{color:#4aa8ec}
@media (max-width:900px){body.adm .cfg{grid-template-columns:1fr;padding:15px}body.adm .cfg-head{flex-direction:column;gap:12px}}
/* Estado de automatización (compacto) */
.atiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
.atile{display:flex;align-items:stretch;height:64px;color:#fff!important;text-decoration:none!important;border-radius:3px;overflow:hidden}
.atile .ai{flex:0 0 64px;display:grid;place-items:center;background:rgba(0,0,0,.18)}.atile .ai .ico{width:28px;height:28px;stroke-width:2.6}
.atile>span:last-child{display:flex;flex-direction:column;justify-content:center;padding:0 14px}.atile b{font:300 24px/28px "Open Sans",sans-serif}.atile small{font-size:11px;opacity:.9}
.atile.ok{background:#43a047}.atile.bad{background:#c62828}.atile.warn{background:#c88a2c}.atile.mut{background:#8a94a6}
.agrid{display:grid;grid-template-columns:1fr 290px;gap:16px;align-items:start}
.achart,.acal,.acmd,.asys>div{background:#fff;border:1px solid #ddd}.ach{display:flex;justify-content:space-between;padding:6px 10px;font-size:13px;color:#555;border-bottom:1px solid #eee}
.asvg{width:100%;height:170px;display:block;padding:6px 4px}.asvg text{font-size:10px;fill:#888}.asvg .gl{stroke:#e5e5e5}.asvg .ar{fill:rgba(41,182,246,.22)}.asvg .ln{fill:none;stroke:#29b6f6;stroke-width:2}.asvg .pt{fill:#29b6f6}
.aboxes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.abox{display:block;background:#fff;border:1px solid #ddd;padding:8px 12px;text-decoration:none!important;color:#555!important}.abox:hover{border-color:#29b6f6}
.abox .at{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#888}.abox .at .ico{width:18px;height:18px;color:#999}
.abox .an{display:flex;align-items:baseline;gap:6px;font-size:13px}.abox .an b{font:400 26px/30px "Open Sans",sans-serif;color:#337ab7}.abox .as{margin-left:auto;font-size:11px;color:#888}.abox .as.bad{color:#d9534f}
.acal table{width:100%;border-collapse:collapse;font-size:12px;text-align:center}.acal th{padding:5px 0;color:#888;font-weight:600}.acal td{padding:5px 0;color:#555}.acal td.hoy{background:#fde68a;color:#333;font-weight:700;border-radius:3px}
.acmd{margin-top:12px;padding:10px 12px;font-size:12px}.acmd p{margin:4px 0}.acmd code{display:block;font-size:11px;padding:6px;background:#f5f5f5;word-break:break-all;margin-bottom:8px}
.asys{margin-top:12px;display:grid;gap:6px}.asys>div{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;font-size:12px}.asys span{display:flex;gap:6px;align-items:center;color:#777}.asys .ico{width:15px;height:15px}.asys i{font-style:normal;color:#888}.asys i.okc{color:#43a047}
.ahist{margin-top:14px}.ahist summary{cursor:pointer;font-size:13px;color:#555;margin-bottom:6px}
[data-theme=dark] .achart,[data-theme=dark] .acal,[data-theme=dark] .acmd,[data-theme=dark] .asys>div,[data-theme=dark] .abox{background:#1f2638;border-color:#2b3349}
[data-theme=dark] .ach{border-color:#2b3349;color:#d6dce7}[data-theme=dark] .asvg .gl{stroke:#2b3349}[data-theme=dark] .asvg text{fill:#8e98ad}
[data-theme=dark] .abox{color:#d6dce7!important}[data-theme=dark] .abox .at{color:#aeb9cc}[data-theme=dark] .abox .an b{color:#4aa8ec}
[data-theme=dark] .acal td{color:#d6dce7}[data-theme=dark] .acal td.hoy{color:#222}[data-theme=dark] .acmd code{background:#141a2a;color:#d6dce7}[data-theme=dark] .asys span,[data-theme=dark] .ahist summary{color:#d6dce7}
@media (max-width:1000px){.atiles,.aboxes{grid-template-columns:1fr}.agrid{grid-template-columns:1fr}}
.atile.warn2{background:#2e7d32}
.fixcron{background:#fff8e1;border:1px solid #f0c36d;border-left:4px solid #e0a800;padding:12px 16px;margin-bottom:14px;font-size:13px}.fixcron h3{display:flex;gap:6px;align-items:center;margin:0 0 6px;font-size:15px}.fixcron ol{margin:6px 0;padding-left:20px}.fixcron li{margin-bottom:8px}
.cpy{display:flex;gap:6px;align-items:center;margin:4px 0}.cpy code{flex:1;background:#fff;border:1px solid #ddd;padding:5px 8px;font-size:12px;word-break:break-all}
[data-theme=dark] .fixcron{background:#2a2414;border-color:#5c4a17;border-left-color:#e0a800;color:#e8e2d0}[data-theme=dark] .cpy code{background:#141a2a;border-color:#2b3349;color:#d6dce7}
.zmodal{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:70px 16px;overflow:auto}.zmodal[hidden]{display:none}
.zmodal .fixcron{position:relative;max-width:820px;width:100%;margin:0;box-shadow:0 20px 50px rgba(0,0,0,.5);border-radius:6px;padding:18px 22px}
.zx{position:absolute;right:10px;top:6px;background:none;border:0;font-size:26px;line-height:1;cursor:pointer;color:inherit;opacity:.7}.zx:hover{opacity:1}
body.adm .tabs{overflow:visible!important;scrollbar-width:none}body.adm .tabs::-webkit-scrollbar{display:none}
[data-theme=dark] .cflags b.no{color:#e3e8f0!important}
/* Logo, favicon y fondo de acceso */
.auth.hasbg{background-size:cover;background-position:center;background-repeat:no-repeat}
.auth.hasbg .box2{backdrop-filter:blur(6px);background:rgba(22,36,64,.86)}
.imgf{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.imgp{display:inline-flex;align-items:center;justify-content:center;min-width:90px;max-width:220px;height:70px;padding:6px;border:1px solid #d5dde8;border-radius:4px;background:#f4f6f9 repeating-conic-gradient(#e9edf2 0 25%,transparent 0 50%) 0 0/16px 16px}
.imgp.dk{background:#1b2133}
.imgp img{max-width:100%;max-height:100%;object-fit:contain}
[data-theme=dark] body.adm .imgp{border-color:#2c3550}
body.adm .wlogo img{height:36px;width:auto;display:block}
.auth .lg img{max-height:76px;max-width:100%}
body.adm .wlogo .wtxt{font:600 19px Poppins,'Open Sans',sans-serif;color:#fff;letter-spacing:-.2px;display:inline!important}
.auth .lg .ltxt{font:600 26px Poppins,'Open Sans',sans-serif;color:#fff}
body.cli .hdr .logo b{font:600 24px Poppins,Raleway,sans-serif;color:#1e3a5f}
/* Cabecera del ingreso al admin */
.auth .box2{padding:38px 34px 32px;border:1px solid rgba(255,255,255,.06);border-radius:10px}
.auth div.lg{margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08)}
.auth .brandt{font-family:Poppins,'Open Sans',sans-serif;font-size:31px;line-height:1.1;letter-spacing:-.5px;color:#fff}
.auth .brandt .a{font-weight:400}
.auth .brandt .c{font-weight:700;background:linear-gradient(90deg,#81d4fa,#29b6f6 55%,#4fa8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.auth .brands{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:9px;font:500 10.5px Poppins,'Open Sans',sans-serif;letter-spacing:4.5px;text-transform:uppercase;color:#8fb4d9;padding-left:4.5px}
.auth .brands i{width:26px;height:1px;background:linear-gradient(90deg,transparent,#29b6f6)}
.auth .brands i:last-child{background:linear-gradient(90deg,#29b6f6,transparent)}
.auth h1.atit{font:500 13px Poppins,'Open Sans',sans-serif;letter-spacing:2px;text-transform:uppercase;color:#9fb2c8;margin:0 0 18px}
/* Ingreso / registro del área de clientes (opción C: franja azul + tarjeta) */
html:has(.six-hero),html:has(.six-hero) body{overflow-x:clip}
body.cli .cwrap:has(.six-hero){padding-top:0}
body.cli .six-hero{position:relative;left:50%;margin-left:-50vw;width:100vw;height:230px;background:linear-gradient(120deg,#0d2a52,#145da0 60%,#1e88e5);overflow:hidden;text-align:center;padding-top:44px}
body.cli .six-hero:after{content:"";position:absolute;right:-80px;top:-120px;width:420px;height:420px;border-radius:50%;border:60px solid rgba(255,255,255,.06)}
body.cli .six-hero:before{content:"";position:absolute;left:-120px;bottom:-200px;width:360px;height:360px;border-radius:50%;background:rgba(41,182,246,.08)}
body.cli .six-hero h1{font:700 30px Poppins,'Open Sans',sans-serif;color:#fff;margin:0;border:0;padding:0;letter-spacing:-.3px}
body.cli .six-hero p{color:#bcd6f2;margin:8px 0 0;font-size:15px}
body.cli .six-card{box-sizing:border-box;position:relative;z-index:2;width:470px;max-width:100%;margin:-90px auto 40px;background:#fff;border-radius:14px;padding:34px 38px;box-shadow:0 20px 50px rgba(16,40,80,.15);border:1px solid #edf1f6}
body.cli .six-card.wide{width:640px}
body.cli .six-card .f{margin-bottom:15px}
body.cli .six-card label{display:block;font-weight:600;font-size:13px;color:#344054;margin-bottom:6px}
body.cli .six-card input:not([type=checkbox]):not([type=radio]),body.cli .six-card select{width:100%;height:46px;border:1px solid #d0d5dd;border-radius:10px;padding:0 14px;font-size:14px;background-color:#fff;box-shadow:none;transition:border-color .15s,box-shadow .15s}
body.cli .six-card input:focus,body.cli .six-card select:focus{outline:0;border-color:#1e88e5;box-shadow:0 0 0 4px rgba(30,136,229,.12)}
body.cli .six-card input[type=email]:not([type=checkbox]):not([type=radio]),body.cli .six-card input[type=password]:not([type=checkbox]):not([type=radio]){padding-left:42px;background-repeat:no-repeat;background-position:14px center;background-size:18px}
body.cli .six-card input[type=email]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2398a2b3' stroke-width='2'%3E%3Cpath d='M4 6h16v12H4z'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")}
body.cli .six-card input[type=password]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2398a2b3' stroke-width='2'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}
body.cli .six-card .row{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
body.cli .six-card .btn.pri{display:block;width:100%;height:48px;border:0;border-radius:10px;background:linear-gradient(90deg,#1e88e5,#1565c0);color:#fff;font-weight:600;font-size:15px;box-shadow:0 8px 20px rgba(30,136,229,.28);margin-top:6px}
body.cli .six-card .btn.pri:hover{filter:brightness(1.06)}
body.cli .six-card .fgt{text-align:right;margin:-6px 0 16px;font-size:13px}
body.cli .six-card .fgt a,body.cli .six-card .alt a{color:#1e88e5;text-decoration:none}
body.cli .six-card .alt{text-align:center;font-size:13.5px;color:#667085;margin-top:20px}body.cli .six-card .alt a{font-weight:600}
body.cli .six-card .alert{border-radius:10px}
@media (max-width:640px){body.cli .six-card{padding:26px 20px;margin-top:-80px}body.cli .six-card .row{grid-template-columns:1fr}body.cli .six-hero{height:200px;padding:36px 16px 0}body.cli .six-hero h1{font-size:24px}}
/* Lista de categorías y acciones del panel lateral: filas más compactas */
body.cli .panel .lst a{padding:5px 14px;line-height:20px;font-size:13.5px}
body.cli .cmain:has(.six-hero){min-width:0}body.cli .six-hero{box-sizing:border-box}
body.cli .cmain:has(.six-hero){align-self:stretch;width:100%}
/* Ingreso/registro más compacto */
body.cli .six-hero{height:165px;padding-top:30px}
body.cli .six-hero h1{font-size:25px}body.cli .six-hero p{font-size:14px;margin-top:5px}
body.cli .six-card{width:430px;margin-top:-72px;padding:24px 28px;border-radius:12px}
body.cli .six-card.wide{width:600px}
body.cli .six-card .f{margin-bottom:10px}
body.cli .six-card label{margin-bottom:4px;font-size:12.5px}
body.cli .six-card input:not([type=checkbox]):not([type=radio]),body.cli .six-card select{height:38px;border-radius:8px;font-size:14px;padding:0 12px}
body.cli .six-card input[type=email]:not([type=checkbox]):not([type=radio]),body.cli .six-card input[type=password]:not([type=checkbox]):not([type=radio]){padding-left:38px;background-position:12px center;background-size:16px}
body.cli .six-card .row{gap:0 12px}
body.cli .six-card .hint{font-size:11.5px;margin-top:3px}
body.cli .six-card .btn.pri{height:40px;border-radius:8px;font-size:14.5px;margin-top:4px;box-shadow:0 6px 14px rgba(30,136,229,.25)}
body.cli .six-card .fgt{margin:-4px 0 10px}body.cli .six-card .alt{margin-top:14px}
body.cli .six-card .alert{padding:8px 12px;margin-bottom:12px;font-size:13px}
/* El área de clientes usa todo el ancho de la pantalla */
body.cli .hdr .in,body.cli .mnav .in,body.cli .cwrap,body.cli .cfoot .in{max-width:1320px;padding-left:20px;padding-right:20px}
body.cli .six-hero{height:180px}body.cli .six-card{margin-top:-64px}
body.cli .six-prods{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}
@media (max-width:640px){body.cli .six-hero{height:auto;padding:24px 16px 80px}body.cli .six-hero h1{font-size:22px}body.cli .six-card{margin-top:-62px;padding:20px 18px}body.cli .six-prods{grid-template-columns:1fr}}
/* Etiquetas de estado más encendidas (día y noche) */
body.adm .badge.ok,[data-theme=dark] body.adm .badge.ok{background:#22c55e;color:#fff}
body.adm .badge.bad,[data-theme=dark] body.adm .badge.bad{background:#ef4444;color:#fff}
body.adm .badge.warn,[data-theme=dark] body.adm .badge.warn{background:#f59e0b;color:#fff}
body.adm .badge.info,[data-theme=dark] body.adm .badge.info{background:#0ea5e9;color:#fff}
body.adm .badge.mut,[data-theme=dark] body.adm .badge.mut{background:#8a94a6;color:#fff}
[data-theme=dark] body.adm .badge{box-shadow:0 0 0 1px rgba(255,255,255,.06),0 0 10px -2px currentColor}
[data-theme=dark] body.adm .badge.ok{box-shadow:0 0 10px -2px rgba(34,197,94,.7)}
[data-theme=dark] body.adm .badge.bad{box-shadow:0 0 10px -2px rgba(239,68,68,.7)}
[data-theme=dark] body.adm .badge.warn{box-shadow:0 0 10px -2px rgba(245,158,11,.7)}
[data-theme=dark] body.adm .badge.info{box-shadow:0 0 10px -2px rgba(14,165,233,.7)}
[data-theme=dark] body.adm .badge.mut{box-shadow:none}
/* Cabecera del perfil del cliente */
.chead2{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:12px 0 14px;padding:14px 18px;background:#fff;border:1px solid #e3e8ef;border-radius:8px;box-shadow:0 1px 3px rgba(16,40,80,.05)}
.chead2 .cav{flex:0 0 52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#29b6f6,#1565c0);color:#fff;font:600 19px Poppins,'Open Sans',sans-serif;letter-spacing:.5px;box-shadow:0 4px 12px rgba(30,136,229,.3)}
.chead2 .cinfo{flex:1;min-width:220px}
.chead2 h2{margin:0;font:600 21px Poppins,'Open Sans',sans-serif;color:#1d2939;letter-spacing:-.2px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.chead2 .cid{font:600 12px 'Open Sans',sans-serif;color:#1e88e5;background:rgba(30,136,229,.1);padding:3px 9px;border-radius:20px}
.chead2 .cmeta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:5px;font-size:13px;color:#667085}
.chead2 .cmeta span{display:inline-flex;align-items:center;gap:5px}.chead2 .cmeta .ico{width:14px;height:14px;opacity:.7}
.chead2 .cstats{display:flex;gap:0;flex-wrap:wrap}
.chead2 .cstats>div{padding:2px 16px;border-left:1px solid #e3e8ef;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.chead2 .cstats small{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#98a2b3}
.chead2 .cstats b{font-size:15px;font-weight:600;color:#1d2939}.chead2 .cstats b.ok{color:#16a34a}.chead2 .cstats b.bad{color:#dc2626}
.chead2 .badge{font-size:11px!important;padding:3px 8px!important;border-radius:4px!important}
[data-theme=dark] .chead2{background:#1b2133;border-color:#2a3350;box-shadow:none}
[data-theme=dark] .chead2 h2,[data-theme=dark] .chead2 .cstats b{color:#e8eef6}
[data-theme=dark] .chead2 .cid{color:#4fc3f7;background:rgba(41,182,246,.14)}
[data-theme=dark] .chead2 .cmeta{color:#9fb2c8}[data-theme=dark] .chead2 .cstats>div{border-color:#2a3350}
[data-theme=dark] .chead2 .cstats b.ok{color:#4ade80}[data-theme=dark] .chead2 .cstats b.bad{color:#f87171}
@media (max-width:900px){.chead2 .cstats>div:first-child{border-left:0;padding-left:0}}
/* Resumen del cliente: mismo diseño, columnas ordenadas */
body.adm .csum{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
body.adm .csum>div{display:flex;flex-direction:column;gap:12px}
body.adm .csum .cbox{margin:0}
body.adm .cbox .kv{width:100%;table-layout:fixed}
body.adm .cbox .kv td:first-child{width:48%}
body.adm .cbox .kv td:last-child{word-break:break-word}
body.adm .cbox .cact{display:flex;flex-direction:column;gap:2px;margin-top:8px}
@media (max-width:1400px){body.adm .csum{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:800px){body.adm .csum{grid-template-columns:1fr}}
/* Notificaciones (abajo a la derecha) */
#zbtoasts{position:fixed;right:20px;bottom:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none}
.zbt{pointer-events:auto;position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:12px;width:370px;max-width:calc(100vw - 40px);padding:14px 14px 16px;border-radius:10px;background:#fff;color:#1d2939;box-shadow:0 12px 32px rgba(16,24,40,.18),0 2px 6px rgba(16,24,40,.08);border:1px solid #e4e7ec;font-size:13.5px;line-height:1.45;transform:translateX(120%);opacity:0;transition:transform .35s cubic-bezier(.2,.9,.3,1.2),opacity .3s}
.zbt.in{transform:none;opacity:1}.zbt.out{transform:translateX(120%);opacity:0}
.zbt .i{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center}
.zbt .i svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.zbt .m{flex:1;padding-top:5px;word-break:break-word}
.zbt .x{border:0;background:none;color:#98a2b3;font-size:20px;line-height:1;cursor:pointer;padding:2px 4px;margin:-2px -2px 0 0}.zbt .x:hover{color:#475467}
.zbt .bar{position:absolute;left:0;bottom:0;height:3px;width:100%;transform-origin:left;animation:zbbar linear forwards}
.zbt.hold .bar{animation-play-state:paused}
@keyframes zbbar{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.zbt.ok .i{background:#dcfce7;color:#16a34a}.zbt.ok .bar{background:#22c55e}
.zbt.bad .i{background:#fee2e2;color:#dc2626}.zbt.bad .bar{background:#ef4444}
.zbt.warn .i{background:#fef3c7;color:#d97706}.zbt.warn .bar{background:#f59e0b}
.zbt.info .i{background:#e0f2fe;color:#0284c7}.zbt.info .bar{background:#0ea5e9}
[data-theme=dark] .zbt{background:#1f2638;color:#e8eef6;border-color:#2e3852;box-shadow:0 12px 32px rgba(0,0,0,.45)}
[data-theme=dark] .zbt.ok .i{background:rgba(34,197,94,.15);color:#4ade80}[data-theme=dark] .zbt.bad .i{background:rgba(239,68,68,.15);color:#f87171}
[data-theme=dark] .zbt.warn .i{background:rgba(245,158,11,.15);color:#fbbf24}[data-theme=dark] .zbt.info .i{background:rgba(14,165,233,.15);color:#38bdf8}
/* Ventana de confirmación */
.zbm{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(10,16,30,.55);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s}
.zbm.in{opacity:1}
.zbm-c{width:440px;max-width:100%;background:#fff;color:#1d2939;border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.3);overflow:hidden;transform:translateY(12px) scale(.97);transition:transform .25s cubic-bezier(.2,.9,.3,1.2)}
.zbm.in .zbm-c{transform:none}
.zbm-h{display:flex;align-items:center;gap:12px;padding:22px 24px 6px}
.zbm-h .i{flex:0 0 42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e0f2fe;color:#0284c7}
.zbm-c.danger .zbm-h .i{background:#fee2e2;color:#dc2626}
.zbm-h .i svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.zbm-h h3{margin:0;font:600 17px Poppins,'Open Sans',sans-serif}
.zbm-b{padding:8px 24px 18px 78px;font-size:14px;line-height:1.55;color:#475467}
.zbm-b label{display:block;margin:14px 0 6px;font-size:13px;color:#344054}
.zbm-b input{width:100%;height:38px;border:1px solid #d0d5dd;border-radius:8px;padding:0 12px;font-size:14px}
.zbm-f{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;background:#f8fafc;border-top:1px solid #eef1f5}
.zbm-f .btn{height:36px;padding:0 18px;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer}
.zbm-f .zc{background:#fff;border:1px solid #d0d5dd;color:#344054}
.zbm-f .zo.bad{background:#dc2626;border:1px solid #dc2626;color:#fff}.zbm-f .zo.pri{background:#1e88e5;border:1px solid #1e88e5;color:#fff}
.zbm-f .zo:disabled{opacity:.45;cursor:not-allowed}
[data-theme=dark] .zbm-c{background:#1f2638;color:#e8eef6}[data-theme=dark] .zbm-b{color:#a9b6c9}[data-theme=dark] .zbm-b label{color:#cbd5e1}
[data-theme=dark] .zbm-f{background:#1a2030;border-color:#2e3852}[data-theme=dark] .zbm-f .zc{background:#262f45;border-color:#36415c;color:#e3e8f0}
[data-theme=dark] .zbm-b input{background:#151b2a;border-color:#36415c;color:#fff}
[data-theme=dark] .zbm-c.danger .zbm-h .i{background:rgba(239,68,68,.15);color:#f87171}[data-theme=dark] .zbm-h .i{background:rgba(14,165,233,.15);color:#38bdf8}
@media (max-width:520px){.zbm-b{padding-left:24px}#zbtoasts{right:10px;left:10px;bottom:10px;align-items:stretch}.zbt{width:auto}}
body.adm .dmh{display:flex;align-items:center;gap:7px;margin:18px 0 6px;font-size:15px;font-weight:600}body.adm .dmh .ico{width:16px;height:16px;color:#1e88e5}
[data-theme=dark] body.adm .dmh{color:#e3e8f0}[data-theme=dark] body.adm .dmh .ico{color:#4fc3f7}
/* Menú «Más» en modo noche: el resaltado ya no sale blanco */
[data-theme=dark] .ddmore .m a:hover,[data-theme=dark] .ddmore .m button:hover{background:#26304a;color:#fff}
/* Ventana «Enviar mensaje» */
.zbm[hidden]{display:none}
.zbm .msgb{padding:6px 24px 16px}
.zbm .mrow{margin-bottom:10px}.zbm .mrow>label{display:block;font-size:12.5px;font-weight:600;margin:0 0 4px;color:#344054}
.zbm .mrow select,.zbm .mrow input[name=subject],.zbm .mrow textarea{width:100%;border:1px solid #d0d5dd;border-radius:8px;padding:7px 10px;font-size:13.5px;background:#fff;color:#1d2939}
.zbm .chs{display:flex;gap:8px;flex-wrap:wrap}.zbm .chs label{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #d0d5dd;border-radius:8px;font-size:13px;cursor:pointer}
.zbm .chs label:has(input:checked){border-color:#1e88e5;background:rgba(30,136,229,.08);color:#1565c0}.zbm .chs .ico{width:15px;height:15px}
.zbm #msgprev .psub{font-weight:600;margin:4px 0 6px;font-size:13.5px}
.zbm #msgfr{width:100%;height:340px;border:1px solid #e3e8ef;border-radius:8px;background:#fff}
.zbm .zbm-f .zo{display:inline-flex;align-items:center;gap:6px}.zbm .zbm-f .zo .ico{width:15px;height:15px}
[data-theme=dark] .zbm .mrow>label{color:#cbd5e1}
[data-theme=dark] .zbm .mrow select,[data-theme=dark] .zbm .mrow input[name=subject],[data-theme=dark] .zbm .mrow textarea{background:#151b2a;border-color:#36415c;color:#e8eef6}
[data-theme=dark] .zbm .chs label{border-color:#36415c;color:#cbd5e1}[data-theme=dark] .zbm .chs label:has(input:checked){border-color:#29b6f6;background:rgba(41,182,246,.12);color:#7cc4f5}
[data-theme=dark] .zbm #msgfr{border-color:#2e3852}
.zbm .chs input{width:auto!important;height:auto!important;min-width:0!important;margin:0;box-shadow:none}
.wabub{max-width:560px;margin:15px;padding:10px 14px;border-radius:10px 10px 10px 2px;background:#dcf8c6;color:#111;font-size:14px;line-height:1.5;box-shadow:0 1px 1px rgba(0,0,0,.12)}
[data-theme=dark] .wabub{background:#005c4b;color:#e9edef}
.wtbl td .ico{width:16px;height:16px}
.zbm .mrow select{height:auto!important;min-height:38px;line-height:1.4!important;padding:8px 10px!important}
/* Editor visual */
.tox-tinymce{border-radius:6px!important}
.zbm .tox-tinymce{border-color:#d0d5dd!important}
.tox.tox-tinymce-aux,.tox-tinymce-aux{z-index:10050!important}
.zbm-c{max-height:calc(100vh - 40px);overflow:auto}
/* Ventana de pago con PayPal / tarjeta */
.ppm{position:fixed;inset:0;z-index:10000;background:rgba(10,16,30,.55);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}
.ppm[hidden]{display:none}
.ppm-c{position:relative;width:440px;max-width:100%;background:#fff;border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.3);padding:26px 26px 18px;text-align:left;color:#1d2939;font-family:'Open Sans',sans-serif}
.ppm-x{position:absolute;right:12px;top:8px;border:0;background:none;font-size:26px;line-height:1;color:#98a2b3;cursor:pointer}.ppm-x:hover{color:#344054}
.ppm-h{text-align:center;margin-bottom:18px}.ppm-t{font-size:14px;color:#667085}.ppm-m{font:700 30px Poppins,'Open Sans',sans-serif;margin:2px 0 6px;color:#1d2939}
.ppm-s{font-size:13px;color:#667085;line-height:1.45}
.ppm-l{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:12px;color:#98a2b3}
#ppbtns{min-height:110px}
.ppm{padding:16px;align-items:center}
.ppm-c{padding:16px 18px 10px;max-height:calc(100vh - 32px);overflow-y:auto;width:420px}
.ppm-h{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:0 22px 12px}
.ppm-t{font-size:13px;color:#667085}.ppm-m{font:700 22px Poppins,'Open Sans',sans-serif;margin:0}
.ppm-x{top:6px;right:8px}
.ppm-l{margin-top:4px}
#ppbtns{min-height:100px}
/* Ficha del servidor en dos columnas */
.srvt td.fl{width:16%;white-space:nowrap}.srvt td{width:34%}
.srvt input[type=text],.srvt input[type=password],.srvt select{width:100%;max-width:340px;min-width:0}
.srvt tr.sec td{background:#f1f3f6;font-weight:700;padding:8px 10px}
[data-theme=dark] .srvt tr.sec td{background:#20283d;color:#e3e8f0}
.wsave form{display:inline}
@media (max-width:900px){.srvt tr{display:grid;grid-template-columns:1fr}.srvt td{width:auto}}