*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0d2c5a;background:#edf5ff}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#e8f3ff,#f7fbff)}a{color:inherit}button,input,select,textarea{font:inherit}small{color:#65748a}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;background:#0d2c5a;color:#fff;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;padding:4px 8px 22px}.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#ff7464,#ff9c74);color:#fff;display:grid;place-items:center;font-weight:900}.brand strong,.brand small{display:block}.brand small{margin-top:3px;color:#b8cae4;font-size:.75rem}.side-nav{display:grid;gap:5px;overflow:auto}.side-nav a{display:flex;gap:12px;align-items:center;padding:12px;border-radius:11px;text-decoration:none;color:#cfe0f6;font-weight:750;font-size:.94rem}.side-nav a:hover,.side-nav a.active{background:#fff;color:#245dcc}.side-nav a span{width:20px;text-align:center}.sidebar-user{margin-top:auto;padding:16px 10px 2px;border-top:1px solid rgba(255,255,255,.14)}.sidebar-user strong,.sidebar-user small,.sidebar-user a{display:block}.sidebar-user small{margin:4px 0 10px;color:#b8cae4;word-break:break-all}.sidebar-user a{margin-top:7px;font-size:.84rem;color:#ffb0a6;text-decoration:none}.main-area{min-width:0}.topbar{min-height:88px;padding:18px clamp(18px,3vw,38px);display:flex;gap:16px;align-items:center;justify-content:space-between;background:rgba(255,255,255,.9);border-bottom:1px solid #dbe7f8;backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.topbar h1{margin:0;font-size:1.55rem}.topbar p{margin:4px 0 0;color:#65748a}.topbar-user{padding:9px 13px;border-radius:12px;background:#eef4ff;font-weight:800}.menu-toggle{display:none;border:0;background:#eef4ff;border-radius:10px;padding:10px 12px;color:#0d2c5a;font-size:1.2rem}.content{padding:28px clamp(16px,3vw,38px) 60px;max-width:1600px}.alert{padding:14px 16px;margin-bottom:18px;border-radius:12px;font-weight:700}.alert.success{background:#e8f8f0;color:#16794e}.alert.warning{background:#fff6df;color:#8a5b08}.alert.danger{background:#fff0ed;color:#a63c31}.grid{display:grid;gap:18px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-columns{grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr)}.client-edit-columns,.user-columns,.report-columns{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)}.card{background:#fff;border:1px solid #dce8fa;border-radius:20px;box-shadow:0 14px 38px rgba(29,76,133,.08);overflow:hidden}.card-header{padding:20px 22px;border-bottom:1px solid #e7eef8;display:flex;justify-content:space-between;gap:16px;align-items:center}.card-header h2,.card-header h3{margin:0}.card-header p{margin:5px 0 0;color:#65748a}.card-body{padding:22px}.metric-card{padding:22px;min-height:145px}.metric-card .label{color:#65748a;text-transform:uppercase;letter-spacing:.05em;font-weight:800;font-size:.78rem}.metric-card .value{display:block;margin:15px 0 8px;font-size:clamp(1.45rem,3vw,2.25rem);font-weight:900;letter-spacing:-.04em}.metric-card .detail{color:#65748a;font-size:.9rem}.metric-card.accent .value{color:#ff7464}.metric-card.success .value{color:#20a66a}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field{min-width:0}.field.full{grid-column:1/-1}.field label{display:block;margin-bottom:7px;font-weight:800}.field small{display:block;margin-top:6px;line-height:1.4}.input,.select,.textarea{width:100%;border:2px solid #d4e1f7;border-radius:12px;padding:12px 13px;background:#fff;color:#0d2c5a;outline:none}.textarea{min-height:105px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#3f7cff;box-shadow:0 0 0 4px rgba(63,124,255,.11)}.check-row{display:flex!important;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:11px;border:1px solid transparent;text-decoration:none;cursor:pointer;font-weight:850}.btn.primary{background:#3f7cff;color:#fff}.btn.secondary{background:#fff;border-color:#c8d9fb;color:#0d2c5a}.btn.danger{background:#fff0ed;color:#a83c31;border-color:#ffd3cd}.btn.small{padding:7px 10px;font-size:.84rem}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:840px}.table th,.table td{padding:13px 14px;border-bottom:1px solid #e8eef7;text-align:left;vertical-align:top}.table th{background:#f4f8ff;color:#65748a;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.table tr:hover td{background:#fbfdff}.actions{display:flex;flex-wrap:wrap;gap:7px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.78rem;font-weight:850;background:#edf2f8;color:#52647c}.badge.success{background:#e7f8ef;color:#16794e}.badge.warning{background:#fff5dc;color:#946106}.badge.neutral{background:#edf2f8;color:#52647c}.empty{padding:36px;text-align:center;color:#65748a}.empty.compact{padding:14px}.list{display:grid;gap:10px}.list-item{padding:13px;border:1px solid #e1eaf7;border-radius:12px;background:#fff}.list-item strong,.list-item small{display:block}.list-item small{margin-top:4px}.report-list{display:flex;justify-content:space-between}.request-detail{max-width:420px}.request-detail p{margin:6px 0 0;line-height:1.45;color:#65748a}.vat-box{min-height:48px;padding:10px 13px;border-radius:12px;background:#f3f7ff;border:1px solid #dce8fa}.vat-box small,.vat-box strong{display:block}.vat-box strong{margin-top:5px}.search-field{min-width:min(480px,100%)}.profile-card{max-width:780px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(63,124,255,.18),transparent 36%),linear-gradient(180deg,#e7f2ff,#f8fbff)}.login-card{width:min(460px,100%);background:#fff;border-radius:24px;padding:34px;box-shadow:0 24px 70px rgba(22,65,119,.16)}.login-logo{display:flex;gap:13px;align-items:center;margin-bottom:26px}.login-card h1{margin:0}.login-card p{margin:4px 0 0;color:#65748a}.login-card .field{margin-bottom:15px}.login-submit{width:100%}.login-back{text-align:center;margin-top:20px!important}.login-back a{text-decoration:none;color:#245dcc}.mt-2{margin-top:18px}@media(max-width:1160px){.cols-4{grid-template-columns:repeat(2,1fr)}.dashboard-columns,.client-edit-columns,.user-columns,.report-columns{grid-template-columns:1fr}.form-grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;width:260px;transition:left .2s}.sidebar.open{left:0}.menu-toggle{display:block}.topbar-user{display:none}.cols-2,.cols-3,.cols-4,.form-grid,.form-grid.cols-3{grid-template-columns:1fr}.content{padding:20px 14px 50px}.card-header{align-items:flex-start;flex-direction:column}body.sidebar-open::after{content:"";position:fixed;inset:0;background:rgba(7,18,36,.45);z-index:25}}@media print{.sidebar,.topbar,.btn,.toolbar,.alert{display:none!important}.app-shell{display:block}.content{padding:0}.card{box-shadow:none}}
/* ==========================================================================\n Paleta unificada con Cotizador SoporteRemoto.cl · 10-08-2026\n Solo cambios visuales\n ========================================================================== */
:root{
--sr-navy:#091624;
--sr-navy-2:#102d4f;
--sr-blue:#159fe8;
--sr-teal:#19e0cf;
--sr-ink:#263548;
--sr-muted:#6b7a90;
--sr-bg:#f4f7fb;
--sr-border:#dfe7f0;
--sr-shadow:0 16px 45px rgba(9,22,36,.09);
}
html{background:#02070f;color:var(--sr-ink)}
body{
color:var(--sr-ink);
background-image:
radial-gradient(circle at 38px 22px,rgba(26,145,238,.86) 0 1.5px,transparent 1.9px),
radial-gradient(circle at 152px 112px,rgba(23,126,220,.56) 0 1.35px,transparent 1.8px),
linear-gradient(108deg,#02070f 0%,#061827 46%,#181136 100%);
background-size:210px 180px,330px 260px,100% 100%;
background-position:0 0,72px 35px,0 0;
background-attachment:fixed;
}
.sidebar{background:linear-gradient(180deg,var(--sr-navy),#0a2035);box-shadow:12px 0 36px rgba(0,0,0,.18)}
.brand-mark{background:linear-gradient(135deg,var(--sr-blue),var(--sr-teal));box-shadow:0 8px 20px rgba(21,159,232,.24)}
.brand small,.sidebar-user small{color:#a9bfd2}
.side-nav a{color:#cfe0ee}
.side-nav a:hover,.side-nav a.active{background:rgba(21,159,232,.13);color:#fff;box-shadow:inset 3px 0 0 var(--sr-blue)}
.sidebar-user{border-top-color:rgba(255,255,255,.12)}
.sidebar-user a{color:#7fd9ff}
.main-area{background:transparent}
.topbar{background:rgba(9,22,36,.91);border-bottom:1px solid rgba(21,159,232,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff}
.topbar h1{color:#fff}.topbar p{color:#a9bfd2}.topbar-user{background:rgba(21,159,232,.12);border:1px solid rgba(21,159,232,.22);color:#dff5ff}
.menu-toggle{background:rgba(21,159,232,.13);color:#fff;border:1px solid rgba(21,159,232,.22)}
.content{color:var(--sr-ink)}
.card{background:#fff;border-color:rgba(223,231,240,.9);box-shadow:var(--sr-shadow)}
.card-header{border-bottom-color:#e7edf3}.card-header p{color:var(--sr-muted)}
.metric-card .label,.metric-card .detail{color:var(--sr-muted)}
.metric-card .value{color:var(--sr-navy-2)}.metric-card.accent .value{color:var(--sr-blue)}
.input,.select,.textarea{border-color:var(--sr-border);color:var(--sr-ink)}
.input:focus,.select:focus,.textarea:focus{border-color:var(--sr-blue);box-shadow:0 0 0 4px rgba(21,159,232,.11)}
.btn.primary{background:linear-gradient(135deg,var(--sr-blue),#0d8ad1);color:#fff;box-shadow:0 10px 22px rgba(21,159,232,.20)}
.btn.secondary{background:#fff;border-color:var(--sr-border);color:var(--sr-navy-2)}
.table th{background:#f8fafc;color:var(--sr-muted)}.table th,.table td{border-bottom-color:#e9eef4}.table tr:hover td{background:#f8fcff}
.badge.neutral{background:#edf1f5;color:#687789}
.list-item{border-color:var(--sr-border)}
.vat-box{background:#f8fafc;border-color:var(--sr-border)}
.login-page{
background-image:
radial-gradient(circle at 38px 22px,rgba(26,145,238,.86) 0 1.5px,transparent 1.9px),
radial-gradient(circle at 152px 112px,rgba(23,126,220,.56) 0 1.35px,transparent 1.8px),
linear-gradient(108deg,#02070f 0%,#061827 46%,#181136 100%);
background-size:210px 180px,330px 260px,100% 100%;
}
.login-card{border:1px solid rgba(223,231,240,.85);box-shadow:0 28px 80px rgba(0,0,0,.30)}
.login-card h1{color:var(--sr-navy-2)}.login-card p{color:var(--sr-muted)}.login-back a{color:var(--sr-blue)}
@media(max-width:820px){body.sidebar-open::after{background:rgba(2,7,15,.66)}}
/* Solicitudes: botón de eliminación definitivo */
.btn.request-delete{background:#d83a3a;color:#fff;border-color:#d83a3a;box-shadow:0 7px 16px rgba(216,58,58,.18)}
.btn.request-delete:hover{background:#bd2f2f;border-color:#bd2f2f}
/* Logo oficial Soporte Remoto */
.brand.brand-official{display:block;padding:2px 8px 20px;line-height:0}
.sidebar-brand-logo{display:block;width:205px;max-width:100%;height:auto;object-fit:contain}
.login-logo.login-logo-official{display:block;margin-bottom:26px;padding:18px 20px;border-radius:16px;background:linear-gradient(135deg,var(--sr-navy),#0a2035);text-align:center}
.login-logo.login-logo-official img{display:block;width:255px;max-width:100%;height:auto;margin:0 auto;object-fit:contain}
.login-logo.login-logo-official p{margin:12px 0 0;color:#b9cada;font-weight:700}
@media(max-width:820px){.sidebar-brand-logo{width:190px}}
/* Estado de aprobación de cotización dentro de Editar servicio */
.service-edit-actions{align-items:center}
.btn.quote-approval{cursor:pointer;border-width:1px;box-shadow:none}
.btn.quote-approval.pending{background:#fff4d6;color:#8a5a00;border-color:#f1d28a}
.btn.quote-approval.approved{background:#168a54;color:#fff;border-color:#168a54;box-shadow:0 8px 18px rgba(22,138,84,.18)}
.btn.quote-approval.rejected{background:#d83a3a;color:#fff;border-color:#d83a3a;box-shadow:0 8px 18px rgba(216,58,58,.18)}
.btn.quote-approval.expired{background:#eef2f6;color:#5c6979;border-color:#d7e0e8}
/* v1.6: estado visual fuerte de cotización */
.service-edit-actions .btn.quote-approval{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:11px 18px!important;border-radius:11px!important;font-weight:850!important;text-decoration:none!important;line-height:1.15!important}
.service-edit-actions .btn.quote-approval.approved{background:#168a54!important;color:#fff!important;border:1px solid #168a54!important;box-shadow:0 8px 18px rgba(22,138,84,.22)!important}
.service-edit-actions .btn.quote-approval.pending{background:#f4b400!important;color:#fff!important;border:1px solid #f4b400!important}
.service-edit-actions .btn.quote-approval.rejected{background:#d83a3a!important;color:#fff!important;border:1px solid #d83a3a!important}
.service-edit-actions .btn.quote-approval.expired{background:#687789!important;color:#fff!important;border:1px solid #687789!important}
/* v1.7 · Logo oficial suministrado */
.sidebar-brand-logo{width:220px;image-rendering:auto}
.login-logo.login-logo-official img{width:285px;image-rendering:auto}
@media(max-width:820px){.sidebar-brand-logo{width:200px}}
/* ==========================================================================\n v1.7.4 · Login profesional en dos paneles\n ========================================================================== */
.login-page.login-page-pro{
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
padding:clamp(18px,3vw,42px);
background:
radial-gradient(circle at 22% 18%,rgba(21,159,232,.16),transparent 30%),
radial-gradient(circle at 80% 82%,rgba(95,53,255,.16),transparent 35%),
linear-gradient(135deg,#050a12 0%,#07111f 52%,#090d19 100%);
}
.login-pro-shell{
width:min(980px,100%);
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:28px;
}
.login-pro-card{
min-height:690px;
border-radius:22px;
overflow:hidden;
border:1px solid rgba(136,170,210,.14);
box-shadow:0 30px 80px rgba(0,0,0,.34);
}
.login-pro-form-panel{
padding:42px 38px 34px;
background:linear-gradient(180deg,#141f33 0%,#121c2e 100%);
color:#fff;
display:flex;
flex-direction:column;
}
.login-pro-brand{
min-height:84px;
display:flex;
justify-content:center;
align-items:center;
margin-bottom:24px;
}
.login-pro-brand img{
width:245px;
max-width:82%;
height:auto;
display:block;
object-fit:contain;
image-rendering:auto;
}
.login-pro-heading{text-align:center;margin:0 auto 30px;max-width:360px}
.login-pro-kicker{
display:inline-flex;
padding:7px 11px;
margin-bottom:14px;
border-radius:999px;
border:1px solid rgba(21,159,232,.24);
background:rgba(21,159,232,.08);
color:#6fcbff;
font-size:.72rem;
font-weight:900;
letter-spacing:.06em;
}
.login-pro-heading h1{margin:0;color:#fff;font-size:2rem;letter-spacing:-.035em}
.login-pro-heading p{margin:10px 0 0;color:#9db0ca;line-height:1.55;font-size:.95rem}
.login-pro-form{display:grid;gap:18px}
.login-pro-form .field{margin:0}
.login-pro-form .field label{color:#fff;font-size:.9rem;margin-bottom:9px}
.login-pro-form .input{
height:52px;
border:1px solid #283853;
border-radius:9px;
background:#09111f;
color:#fff;
padding:0 15px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.login-pro-form .input::placeholder{color:#687a93}
.login-pro-form .input:focus{
border-color:#2f78ff;
box-shadow:0 0 0 3px rgba(47,120,255,.14);
}
.login-pro-form .login-submit{
width:100%;
min-height:52px;
margin-top:8px;
border-radius:9px;
background:linear-gradient(135deg,#2976f2,#2869dc);
border-color:#347ef0;
box-shadow:0 12px 25px rgba(28,93,211,.24);
font-size:1rem;
}
.login-pro-form .login-submit:hover{filter:brightness(1.08)}
.login-pro-alert{margin:0 0 18px;background:rgba(216,58,58,.13);color:#ffc8c8;border:1px solid rgba(216,58,58,.25)}
.login-pro-footer{
margin-top:auto;
padding-top:28px;
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
color:#72859f;
font-size:.8rem;
text-align:center;
}
.login-pro-footer a{color:#55c8ff;text-decoration:none;font-weight:750}
.login-pro-footer a:hover{text-decoration:underline}
.login-pro-feature-panel{
position:relative;
padding:0;
color:#fff;
background:
radial-gradient(circle at 78% 12%,rgba(21,159,232,.26),transparent 28%),
radial-gradient(circle at 12% 78%,rgba(100,54,255,.25),transparent 30%),
linear-gradient(155deg,#17263d 0%,#111827 58%,#10121f 100%);
display:flex;
flex-direction:column;
}
.login-pro-feature-panel::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 48%,rgba(3,8,18,.76) 100%);
pointer-events:none;
}
.login-feature-visual{
position:relative;
z-index:1;
flex:1;
min-height:430px;
padding:54px 38px 20px;
display:flex;
align-items:center;
justify-content:center;
}
.login-feature-window{
width:100%;
max-width:410px;
aspect-ratio:1.22;
border:1px solid rgba(255,255,255,.13);
border-radius:16px;
background:#0a1322;
box-shadow:0 32px 80px rgba(0,0,0,.48),0 0 50px rgba(21,159,232,.10);
transform:perspective(900px) rotateY(-4deg) rotateX(2deg);
overflow:hidden;
}
.login-feature-windowbar{height:38px;background:#111d30;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:7px;padding:0 13px}
.login-feature-windowbar span{width:8px;height:8px;border-radius:50%;background:#3b4d67}.login-feature-windowbar span:first-child{background:#20c997}.login-feature-windowbar span:nth-child(2){background:#ffc857}.login-feature-windowbar span:nth-child(3){background:#ff6b6b}
.login-feature-screen{height:calc(100% - 38px);display:grid;grid-template-columns:22% 1fr;background:linear-gradient(145deg,#09111f,#0e1727)}
.login-feature-sidebar-mini{border-right:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#0c192b,#09131f)}
.login-feature-content-mini{padding:25px 23px;display:flex;flex-direction:column;gap:19px}
.login-feature-line{height:12px;border-radius:99px;background:#1b2b42}.login-feature-line.wide{width:62%}
.login-feature-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.login-feature-metrics i{height:58px;border:1px solid rgba(21,159,232,.16);border-radius:9px;background:linear-gradient(145deg,rgba(21,159,232,.13),rgba(72,74,255,.07))}
.login-feature-chart{height:150px;margin-top:auto;padding:15px 10px 0;display:flex;align-items:flex-end;gap:9px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(21,159,232,.035));border:1px solid rgba(255,255,255,.05)}
.login-feature-chart b{flex:1;min-width:8px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#2f82ff,#19d6c3);opacity:.88}
.login-feature-copy{position:relative;z-index:2;padding:0 38px 34px}
.login-feature-icon{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;background:rgba(42,115,255,.16);border:1px solid rgba(60,130,255,.55);color:#5ec2ff;margin-bottom:18px}
.login-feature-icon svg{width:26px;height:26px}
.login-feature-copy h2{margin:0;font-size:1.55rem;letter-spacing:-.03em;color:#fff}.login-feature-copy p{margin:10px 0 0;color:#c0cad9;line-height:1.55;max-width:390px}
.login-feature-dots{display:flex;gap:8px;margin-top:28px}.login-feature-dots span{width:8px;height:8px;border-radius:50%;background:#647086}.login-feature-dots span.active{width:22px;border-radius:99px;background:#2f78ff}
@media(max-width:860px){
.login-page.login-page-pro{padding:18px}
.login-pro-shell{grid-template-columns:1fr;max-width:520px}
.login-pro-feature-panel{display:none}
.login-pro-card{min-height:auto}
.login-pro-form-panel{padding:34px 26px 28px;min-height:650px}
.login-pro-brand img{width:230px}
}
@media(max-width:460px){
.login-pro-form-panel{padding:28px 20px 24px;border-radius:18px}
.login-pro-heading h1{font-size:1.72rem}
}
/* ==========================================================================
v1.7.5 · Doble autenticación TOTP
========================================================================== */
.security-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}
.two-factor-required-notice{border:1px solid #efd47d;background:#fff8dc;color:#785200}
.two-factor-status-card{display:flex;align-items:flex-start;gap:16px;padding:18px;border-radius:14px;background:#eefaf4;border:1px solid #ccebdc}
.two-factor-status-icon{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#168a54;color:#fff;font-size:1.2rem;font-weight:900;box-shadow:0 8px 18px rgba(22,138,84,.18)}
.two-factor-status-card strong{display:block;color:#0e5d39;font-size:1.03rem}.two-factor-status-card p{margin:5px 0 6px;color:#527065;line-height:1.5}.two-factor-status-card small{color:#6e8179}
.two-factor-kicker{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(21,159,232,.09);border:1px solid rgba(21,159,232,.18);color:#087ab7;font-size:.68rem;font-weight:900;letter-spacing:.07em}
.two-factor-setup{display:grid;grid-template-columns:1fr 1fr;gap:24px}.two-factor-steps{padding:20px;border:1px solid var(--sr-border);border-radius:15px;background:#fbfdff}.two-factor-steps h3,.two-factor-empty h3,.recovery-box h3,.two-factor-tools h3{margin:10px 0 7px;color:var(--sr-navy-2)}.two-factor-steps p,.two-factor-empty p,.recovery-box p,.two-factor-tools p{color:var(--sr-muted);line-height:1.55}
.two-factor-qr{width:234px;min-height:234px;margin:18px auto;padding:12px;border-radius:16px;background:#fff;border:1px solid #dce7f1;display:grid;place-items:center;box-shadow:0 10px 28px rgba(9,22,36,.08)}.two-factor-qr img,.two-factor-qr canvas{display:block;max-width:100%;height:auto!important}
.two-factor-manual{margin-top:14px;padding:12px 14px;border-radius:10px;background:#f4f8fc;border:1px solid #e0e8f0}.two-factor-manual summary{cursor:pointer;font-weight:800;color:var(--sr-navy-2)}.two-factor-manual code{display:block;margin-top:10px;padding:11px;border-radius:8px;background:#0b1726;color:#c8f2ff;letter-spacing:.12em;overflow-wrap:anywhere}
.two-factor-confirm-form{display:grid;gap:12px;margin-top:18px}.two-factor-code-input{text-align:center;font-size:1.25rem!important;font-weight:850;letter-spacing:.18em}
.two-factor-empty{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:20px;border-radius:15px;border:1px solid var(--sr-border);background:#fbfdff}.two-factor-lock{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--sr-blue),#5b48f4);color:#fff;font-weight:950;box-shadow:0 12px 25px rgba(21,159,232,.22)}.two-factor-empty ul{margin:12px 0 0;padding-left:19px;color:#52657b;line-height:1.7}
.recovery-box{margin-top:18px;padding:20px;border:1px solid #d9e6f1;border-radius:15px;background:#fbfdff}.recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.recovery-grid code{display:block;padding:11px 12px;border-radius:9px;background:#0b1726;color:#d6f4ff;text-align:center;font-weight:800;letter-spacing:.06em}
.two-factor-tools{margin-top:18px;padding:18px;border:1px solid var(--sr-border);border-radius:14px;background:#fbfdff}.two-factor-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:12px}
.two-factor-shield-wrap{display:grid!important;place-items:center!important}.two-factor-shield{position:relative;width:220px;height:250px;display:grid;place-items:center;clip-path:polygon(50% 0,92% 16%,86% 67%,50% 100%,14% 67%,8% 16%);background:linear-gradient(145deg,rgba(47,120,255,.96),rgba(25,224,207,.72));filter:drop-shadow(0 30px 50px rgba(0,0,0,.32))}.two-factor-shield::before{content:"";position:absolute;inset:9px;clip-path:inherit;background:linear-gradient(160deg,#101d31,#0b1424)}.two-factor-shield span{position:relative;z-index:2;font-size:3rem;font-weight:950;letter-spacing:-.05em;color:#fff}.two-factor-shield i{position:absolute;z-index:2;width:76px;height:6px;border-radius:99px;background:#19e0cf;transform:translateY(52px);box-shadow:0 0 28px rgba(25,224,207,.65)}
@media(max-width:1080px){.security-grid{grid-template-columns:1fr}.two-factor-setup{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.two-factor-setup{grid-template-columns:1fr}.recovery-grid{grid-template-columns:1fr}.two-factor-inline-form{grid-template-columns:1fr}.two-factor-empty{grid-template-columns:1fr}.two-factor-lock{width:54px;height:54px}.two-factor-qr{width:220px;min-height:220px}}
/* v1.7.7 · gestión extendida de clientes */
.btn.client-delete{background:#d83a3a!important;color:#fff!important;border-color:#d83a3a!important;box-shadow:0 7px 16px rgba(216,58,58,.18)}
.btn.client-delete:hover{background:#bd2f2f!important;border-color:#bd2f2f!important}