:root{--nav:#082f63;--nav2:#0752a8;--blue:#1267e8;--blue2:#0b56ca;--cyan:#4ea6cf;--bg:#f3f7fc;--card:#fff;--line:#dbe6f3;--text:#10223f;--muted:#65758d;--success:#0f8a57;--success-bg:#eaf8f1;--warn:#a96200;--warn-bg:#fff6df;--danger:#c33b4b;--danger-bg:#fff0f2;--info:#1565c0;--info-bg:#edf6ff;--shadow:0 15px 45px rgba(20,60,110,.08)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:282px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px;background:linear-gradient(180deg,#06274f 0%,#074483 60%,#0757a8 100%);color:#fff;display:flex;flex-direction:column;gap:14px;overflow:auto}.brand-card{display:flex;align-items:center;gap:12px;background:#fff;color:var(--text);border-radius:20px;padding:13px;box-shadow:0 14px 35px rgba(0,0,0,.14)}.brand-mark{width:47px;height:47px;border-radius:15px;background:linear-gradient(135deg,#0f72de,#4ea6cf);color:#fff;display:grid;place-items:center;font-weight:900;font-size:17px}.brand-copy{min-width:0}.brand-name{font-weight:900;font-size:16px;white-space:nowrap}.brand-line{font-size:10px;color:#5f7390;font-weight:700;margin-top:3px}.side-nav{display:grid;gap:6px}.side-nav a{display:flex;align-items:center;gap:10px;border-radius:14px;padding:9px 10px;color:#eaf5ff;border:1px solid transparent}.side-nav a:hover{background:rgba(255,255,255,.08)}.side-nav a.active{background:linear-gradient(135deg,rgba(47,135,255,.78),rgba(78,166,207,.36));border-color:rgba(180,220,255,.35);box-shadow:inset 0 1px rgba(255,255,255,.1)}.nav-icon{width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.10);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.active .nav-icon{background:rgba(255,255,255,.18)}.nav-text{display:grid;min-width:0;flex:1}.nav-text strong{font-size:13px}.nav-text small{font-size:10px;opacity:.75;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-count{min-width:22px;height:22px;border-radius:999px;background:#fff;color:#0b56ca;display:grid;place-items:center;font-size:10px;font-weight:900}.sidebar-panel{margin-top:auto;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:16px;padding:13px}.panel-title{font-weight:900;font-size:12px}.sidebar-panel p{margin:6px 0 0;color:#d7ebff;font-size:10px;line-height:1.5}.sidebar-user{padding:10px 4px 2px;display:flex;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.12)}.sidebar-user strong,.sidebar-user span{display:block}.sidebar-user strong{font-size:12px}.sidebar-user span{font-size:10px;color:#cce3ff;margin-top:2px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3a95ff,#64c2df);font-weight:900;color:#fff;border:2px solid rgba(255,255,255,.24)}.avatar.small{width:32px;height:32px}.content{min-width:0}.topbar{height:72px;padding:0 28px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}.topbar-left{display:flex;align-items:center;gap:11px}.topbar-brand{font-weight:900;font-size:14px}.topbar-left>span{color:var(--muted);font-size:11px;font-weight:700}.topbar-actions{display:flex;align-items:center;gap:10px}.top-link,.profile-link,.logout-link{border:1px solid var(--line);background:#fff;min-height:38px;border-radius:12px;padding:7px 12px;display:flex;align-items:center;gap:8px;font-weight:800;font-size:11px;color:#29405f}.logout-link{background:linear-gradient(135deg,#1479ff,#0751c9);color:#fff;border:0;cursor:pointer}.page-header{padding:26px 30px 10px}.module-kicker{font-size:10px;color:#0b58b6;letter-spacing:.12em;font-weight:1000}.page-header h1{font-size:30px;letter-spacing:-.03em;margin:5px 0 3px}.page-subtitle{margin:0;color:var(--muted);font-size:12px}.page-body{padding:8px 30px 34px}.app-footer{padding:18px 30px 28px;color:#7b8da6;font-size:10px}.grid{display:grid;gap:16px}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:18px}.card h2,.card h3{margin:0}.card h2{font-size:17px}.card h3{font-size:14px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.kpi{padding:18px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-30px;top:-35px;background:rgba(18,103,232,.05)}.kpi-label{font-size:11px;color:var(--muted);font-weight:800}.kpi-value{font-size:30px;font-weight:1000;letter-spacing:-.04em;margin:6px 0 4px}.kpi-note{font-size:10px;color:#7587a0}.kpi-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#eef6ff;color:#0758bf;font-weight:900;margin-bottom:10px}.toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.toolbar .field{min-width:180px;flex:1}.field{display:grid;gap:6px}.field label{font-size:10px;font-weight:900;color:#415775}.field input,.field select,.field textarea{width:100%;border:1px solid #cfddeb;border-radius:11px;background:#fff;padding:10px 11px;color:var(--text);font-size:12px;outline:none}.field textarea{min-height:88px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5a9fee;box-shadow:0 0 0 3px rgba(18,103,232,.10)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid .span-2{grid-column:span 2}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;background:linear-gradient(135deg,#1479ff,#0752c7);color:#fff;padding:10px 14px;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(18,103,232,.16)}.btn:hover{filter:brightness(.98)}.btn.secondary{background:#fff;color:#23405f;border:1px solid var(--line);box-shadow:none}.btn.danger{background:linear-gradient(135deg,#e55363,#b52d3f)}.btn.warning{background:linear-gradient(135deg,#f59f21,#c26a00)}.btn.success{background:linear-gradient(135deg,#1aa86f,#08794e)}.btn.small{padding:7px 10px;border-radius:9px;font-size:10px}.btn:disabled{opacity:.5;cursor:not-allowed}.table-wrap{overflow:auto;border:1px solid #e1eaf4;border-radius:15px}.data-table{width:100%;border-collapse:collapse;min-width:840px}.data-table th{background:#f7faff;color:#4a607d;text-align:left;padding:10px 11px;font-size:9px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e1eaf4}.data-table td{padding:11px;font-size:11px;border-bottom:1px solid #edf2f7;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfdff}.muted{color:var(--muted)}.small-text{font-size:10px}.strong{font-weight:900}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;white-space:nowrap}.badge.success{color:var(--success);background:var(--success-bg)}.badge.warning{color:var(--warn);background:var(--warn-bg)}.badge.danger{color:var(--danger);background:var(--danger-bg)}.badge.info{color:var(--info);background:var(--info-bg)}.badge.neutral{color:#596b83;background:#eef2f6}.actions{display:flex;gap:6px;flex-wrap:wrap}.flash{border-radius:13px;padding:11px 13px;margin-bottom:14px;font-size:11px;font-weight:800;border:1px solid}.flash.success{background:var(--success-bg);border-color:#cceedd;color:#08794e}.flash.error{background:var(--danger-bg);border-color:#f2c8cf;color:#a22b3d}.flash.warning{background:var(--warn-bg);border-color:#f2dfb3;color:#8e5600}.notice{border:1px solid #d6e8fb;background:#f4f9ff;color:#305274;border-radius:14px;padding:12px 14px;font-size:11px;line-height:1.55}.notice.warning{background:#fff8e9;border-color:#f1dfb6;color:#815200}.notice.danger{background:#fff2f4;border-color:#f2ccd2;color:#913546}.empty{text-align:center;padding:32px 18px;color:#77899f}.empty strong{display:block;color:#415775;margin-bottom:5px}.split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px}.detail-list{display:grid;grid-template-columns:160px 1fr;gap:9px 14px;font-size:11px}.detail-list dt{font-weight:900;color:#526981}.detail-list dd{margin:0;min-width:0}.codebox{position:relative;background:#0e1d31;color:#d9eeff;border-radius:14px;padding:14px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:1.65;white-space:pre}.copy-btn{position:absolute;right:9px;top:9px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);color:#fff;border-radius:8px;padding:5px 8px;font-size:9px;cursor:pointer}.license-key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;font-size:10px;word-break:break-all}.progress{height:8px;background:#edf2f7;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#1479ff,#4ea6cf)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tabs a{padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:10px;font-weight:800;color:#536a87}.tabs a.active{background:#0d65d8;color:#fff;border-color:#0d65d8}.pagination{display:flex;gap:5px;justify-content:flex-end;margin-top:12px}.pagination a{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.pagination a.active{background:#0d65d8;color:#fff}.public-page{min-height:100vh;background:radial-gradient(circle at 12% 10%,rgba(78,166,207,.2),transparent 28%),linear-gradient(135deg,#eff7ff,#f9fbff);padding:28px}.public-shell{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(15,54,100,.13)}.public-hero{background:linear-gradient(145deg,#062b57,#075fc2 70%,#4ea6cf);color:#fff;padding:46px;display:flex;flex-direction:column;justify-content:space-between;min-height:650px}.public-hero h1{font-size:44px;letter-spacing:-.05em;line-height:1;margin:18px 0 14px}.public-hero p{color:#d9ebff;line-height:1.6}.public-logo{width:62px;height:62px;border-radius:20px;background:#fff;color:#0b56ca;display:grid;place-items:center;font-size:21px;font-weight:1000}.public-points{display:grid;gap:11px}.public-point{display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);padding:12px;border-radius:14px;font-size:11px}.public-form{padding:46px}.public-form h2{font-size:28px;margin:0 0 6px}.public-form>p{color:var(--muted);font-size:12px;margin:0 0 22px}.checkline{display:flex;gap:9px;align-items:flex-start;font-size:10px;color:#526981;line-height:1.45}.checkline input{margin-top:2px}.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important}.login-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 15% 15%,rgba(78,166,207,.25),transparent 28%),linear-gradient(135deg,#eef6ff,#f9fbff)}.login-shell{width:min(920px,100%);display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 28px 80px rgba(15,54,100,.14)}.login-brand{background:linear-gradient(145deg,#062b57,#075fc2 70%,#4ea6cf);color:#fff;padding:42px;display:flex;flex-direction:column;justify-content:center}.login-brand h1{font-size:36px;margin:18px 0 8px}.login-brand p{color:#d8ecff;line-height:1.55}.login-card{padding:44px;display:flex;flex-direction:column;justify-content:center}.login-card h2{margin:0 0 5px;font-size:27px}.login-card p{margin:0 0 20px;color:var(--muted);font-size:11px}.nav-toggle,.mobile-menu{display:none}@media(max-width:1100px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.app-shell{grid-template-columns:250px minmax(0,1fr)}}@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;z-index:70;left:-290px;width:278px;transition:.2s}.nav-toggle:checked~.app-shell .sidebar{left:0}.mobile-menu{display:flex;position:fixed;z-index:80;left:12px;top:16px;width:40px;height:40px;background:#fff;border:1px solid var(--line);border-radius:12px;flex-direction:column;justify-content:center;gap:4px;padding:10px;box-shadow:0 8px 20px rgba(0,0,0,.1)}.mobile-menu span{height:2px;background:#174574;border-radius:2px}.topbar{padding-left:62px}.page-header,.page-body{padding-left:18px;padding-right:18px}.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}.public-shell,.login-shell{grid-template-columns:1fr}.public-hero{min-height:auto;padding:28px}.public-form,.login-card{padding:28px}.login-brand{padding:30px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}}@media(max-width:560px){.grid.cols-4{grid-template-columns:1fr}.topbar-left>span,.top-link,.profile-link span:last-child{display:none}.topbar{padding-right:12px}.page-header h1{font-size:25px}.public-page{padding:10px}.public-shell{border-radius:20px}.public-hero h1{font-size:34px}.public-form{padding:24px}.detail-list{grid-template-columns:1fr;gap:3px}.detail-list dd{margin-bottom:8px}}

/* ============================================================
   Panel Maestro v1.4 - responsive, dashboard comercial y flujo Demo a Profesional
   ============================================================ */
.content,.page-body,.card,.card-head,.form-grid,.field,.instance-card,.instance-head,.instance-title{min-width:0}
.page-body{overflow-x:hidden}
.field input,.field select,.field textarea{min-width:0;max-width:100%;box-sizing:border-box}
.breakable,.instance-url,.service-detail{overflow-wrap:anywhere;word-break:break-word}
.instance-card{overflow:hidden}
.instance-head{align-items:flex-start}
.instance-title{flex:1}
.instance-url{max-width:100%;margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.instance-form{width:100%}
.client-form-card{max-width:980px;width:100%}
.service-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;border-color:#d7e6f6}
.service-status-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}
.service-status-row strong{font-size:12px;color:#334d68}
.commercial-section{border-color:#d7e6f6}
.commercial-kpi{border:1px solid #e1eaf4;border-radius:16px;padding:15px;background:#fbfdff;display:grid;gap:5px;min-width:0}
.commercial-kpi span{font-size:10px;font-weight:900;color:#526981;text-transform:uppercase;letter-spacing:.04em}
.commercial-kpi strong{font-size:20px;line-height:1.15;overflow-wrap:anywhere}
.commercial-kpi small{font-size:9px;color:#7587a0;line-height:1.45}
.mini-kpi{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}
.mini-kpi span{font-size:10px;font-weight:900;color:#526981}
.mini-kpi strong{font-size:22px}
.plan-form{padding:14px 0;border-bottom:1px solid #edf2f7}
.clients-table td{max-width:260px}

@media(max-width:820px){
  .service-summary{align-items:flex-start;flex-direction:column}
  .instance-head{flex-direction:column;align-items:flex-start}
  .instance-head .badge{align-self:flex-start}
  .instance-form{grid-template-columns:1fr}
  .instance-form .span-2{grid-column:span 1}
  .card-head{min-width:0}
  .card-head>div{min-width:0}
}
@media(max-width:560px){
  .page-body{padding-left:12px;padding-right:12px}
  .card{padding:14px;border-radius:16px}
  .instance-card{padding:14px}
  .instance-url{font-size:10px}
  .service-status-row{align-items:flex-start;flex-direction:column;gap:7px}
  .commercial-kpi strong{font-size:18px}
  .actions>.btn,.actions>form,.actions>form .btn{max-width:100%}
  .toolbar .field{min-width:100%}
}
.detail-list dd,.card p.strong{overflow-wrap:anywhere;word-break:break-word}


/* Panel Maestro v1.4 - Demo -> Profesional */
.upgrade-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:#bfe8d4;background:linear-gradient(135deg,#f7fffb,#eefaf4)}
.upgrade-banner h2{margin:5px 0 5px}.upgrade-banner p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.upgrade-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:#cfe5db;background:linear-gradient(135deg,#ffffff,#f4fbf7)}
.upgrade-copy h2{font-size:24px;margin:5px 0}.upgrade-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.upgrade-copy .breakable{overflow-wrap:anywhere}
.upgrade-flow,.upgrade-steps{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.upgrade-flow span,.upgrade-steps span{border:1px solid #dce7f2;background:#fff;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:900;color:#526981}.upgrade-flow span.active,.upgrade-steps span.active{background:var(--success-bg);border-color:#bfe8d4;color:var(--success)}.upgrade-flow b,.upgrade-steps b{color:#7b8da6}
.plan-product-card{position:relative;overflow:hidden}.plan-product-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#4ea6cf}.plan-product-card.profesional:before{background:#16a36b}.plan-product-card .field textarea{min-height:76px}
.upgrade-explainer{border-color:#d7e6f6}.upgrade-steps{padding-top:4px}
@media(max-width:820px){.upgrade-banner,.upgrade-hero{align-items:flex-start;flex-direction:column}.upgrade-banner>.btn{width:100%}.upgrade-flow{width:100%}.upgrade-steps{align-items:flex-start;flex-direction:column}.upgrade-steps b{transform:rotate(90deg);margin-left:18px}}

/* Panel v1.5 - Dashboard accionable, tablas sin scroll interno y resumen comercial */
.kpi-link,.commercial-kpi-link,.mini-kpi-link{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;cursor:pointer}
.kpi-link:hover,.commercial-kpi-link:hover,.mini-kpi-link:hover{transform:translateY(-2px);border-color:#b9d4f2;box-shadow:0 18px 44px rgba(20,60,110,.13)}
.kpi-link:focus-visible,.commercial-kpi-link:focus-visible,.mini-kpi-link:focus-visible{outline:3px solid rgba(18,103,232,.2);outline-offset:2px}
.alert-link .kpi-icon{background:#fff4e8;color:#bf6700}.commercial-kpi-link{display:block;color:inherit}.mini-kpi-link{color:inherit}.table-link{color:#0b58b6}.table-link:hover{text-decoration:underline}
.dashboard-table-wrap{border:1px solid #e1eaf4;border-radius:15px;overflow:visible}.dashboard-table{min-width:0!important;width:100%;table-layout:fixed}.dashboard-table th,.dashboard-table td{white-space:normal;word-break:break-word}.dashboard-table th:last-child,.dashboard-table td:last-child{width:72px}.revenue-table th:last-child,.revenue-table td:last-child{width:auto}.commercial-client-summary .commercial-kpi{min-height:112px}
@media(max-width:760px){.dashboard-table{font-size:10px}.dashboard-table th,.dashboard-table td{padding:9px 7px}.dashboard-table th:nth-child(4),.dashboard-table td:nth-child(4){width:56px}.revenue-table th:nth-child(3),.revenue-table td:nth-child(3){display:none}.revenue-table th:last-child,.revenue-table td:last-child{width:auto}.commercial-client-summary .grid.cols-4{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.commercial-client-summary .grid.cols-4{grid-template-columns:1fr}.dashboard-table .btn.small{padding:6px 7px}}


/* Panel Maestro v1.6 - filtros, usuarios, permisos y 2FA */
.filter-card{border-color:#d9e6f5}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.filter-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.permission-card{display:flex;gap:10px;align-items:flex-start;border:1px solid #dce7f3;background:#fbfdff;border-radius:14px;padding:12px;cursor:pointer}.permission-card input{margin-top:3px}.permission-card span{display:grid;gap:3px}.permission-card strong{font-size:11px}.permission-card small{font-size:9px;color:var(--muted);line-height:1.4}.profile-panel{width:min(1000px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 24px 70px rgba(15,54,100,.12)}
.panel-mfa-page{margin:0;min-height:100vh;background:linear-gradient(135deg,#edf5ff,#f8fbff);display:grid;place-items:center;padding:24px;font-family:Inter,Segoe UI,Arial,sans-serif;color:#102844}.panel-mfa-shell{width:min(900px,100%)}.panel-mfa-card{background:#fff;border:1px solid #dce8f5;border-radius:26px;padding:30px;box-shadow:0 28px 80px rgba(20,55,100,.14)}.panel-mfa-brand{display:flex;gap:12px;align-items:center}.panel-mfa-brand>span{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#0c6ee8,#35afd0);color:#fff;display:grid;place-items:center;font-weight:900}.panel-mfa-brand div{display:grid}.panel-mfa-brand small{color:#71839b}.panel-mfa-head{margin:28px 0 18px}.panel-mfa-head h1{font-size:30px;margin:5px 0}.panel-mfa-head p{color:#667b96;line-height:1.55}.panel-mfa-grid{display:grid;grid-template-columns:270px 1fr;gap:24px;align-items:center;border:1px solid #e2ebf5;border-radius:18px;padding:18px;background:#fbfdff}.panel-qr{width:250px;min-height:250px;background:#fff;border-radius:14px;display:grid;place-items:center;padding:10px}.panel-mfa-steps{display:grid;gap:8px}.panel-otp-form{display:grid;gap:10px;margin-top:18px}.panel-otp-form label{font-weight:800;font-size:12px}.panel-otp-form input{height:48px;border:1px solid #cbd8e8;border-radius:12px;padding:0 14px;font-size:24px;letter-spacing:.25em;text-align:center}.panel-otp-form input:focus{outline:none;border-color:#1267e8;box-shadow:0 0 0 3px rgba(18,103,232,.1)}
@media(max-width:900px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-mfa-grid{grid-template-columns:1fr}.panel-qr{margin:auto}.permission-grid{grid-template-columns:1fr}}
@media(max-width:560px){.filter-grid{grid-template-columns:1fr}.filter-actions{grid-column:1}.panel-mfa-card{padding:18px}.panel-qr{width:220px;min-height:220px}.profile-panel{padding:14px}}

/* Panel Maestro v1.7 - acceso inicial de cliente */
.access-delivery-note{padding:12px 14px;border:1px solid #cfe2f7;border-radius:12px;background:#f6faff;color:#46627f;font-size:12px;line-height:1.55}.access-delivery-note strong{color:#163e69}.access-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.access-status-grid>div{padding:11px 12px;border:1px solid #e0e9f3;border-radius:10px;background:#fbfdff}.access-status-grid span{display:block;color:#78899c;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.access-status-grid strong{display:block;margin-top:4px;color:#183a5d;font-size:12px;word-break:break-word}@media(max-width:700px){.access-status-grid{grid-template-columns:1fr}}
/* Panel v1.8.9 - filtros automaticos y ordenamiento de Renovaciones */
.sort-link{display:inline-flex;align-items:center;gap:5px;color:inherit;font-weight:900;white-space:nowrap}.sort-link:hover{color:#0b56ca}.sort-arrow{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:6px;font-size:11px;line-height:1}.muted-arrow{color:#8ca0b8;background:#edf3f9}.active-arrow{color:#fff;background:#0d65d8}.auto-filter-hint{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid #cfe1f5;border-radius:10px;background:#f4f9ff;color:#315c87;font-size:10px;font-weight:900}.auto-filter-dot{width:7px;height:7px;border-radius:50%;background:#18a56f;box-shadow:0 0 0 3px rgba(24,165,111,.12)}


/* Panel v1.8.11 - Renovaciones: tabla compacta, titulos en una sola linea */
.renewals-table-card{overflow:hidden}
.renewals-table-wrap{overflow-x:hidden;overflow-y:visible;width:100%;max-width:100%}
.renewals-table{min-width:0!important;width:100%;table-layout:fixed}
.renewals-table th,.renewals-table td{overflow-wrap:anywhere;word-break:normal;padding:9px 6px;line-height:1.3}
.renewals-table th{font-size:7.5px;letter-spacing:0;white-space:nowrap;overflow-wrap:normal;word-break:normal}
.renewals-table td{font-size:10px;white-space:normal}
.renewals-table .sort-link{white-space:nowrap;line-height:1;gap:2px;align-items:center;justify-content:flex-start}
.renewals-table .sort-arrow{flex:0 0 13px;width:13px;height:13px;font-size:9px;border-radius:5px}
.renewals-table th:nth-child(1),.renewals-table td:nth-child(1){width:11%}
.renewals-table th:nth-child(2),.renewals-table td:nth-child(2){width:14%}
.renewals-table th:nth-child(3),.renewals-table td:nth-child(3){width:15%}
.renewals-table th:nth-child(4),.renewals-table td:nth-child(4){width:8%}
.renewals-table th:nth-child(5),.renewals-table td:nth-child(5){width:11%}
.renewals-table th:nth-child(6),.renewals-table td:nth-child(6){width:11%}
.renewals-table th:nth-child(7),.renewals-table td:nth-child(7){width:8%}
.renewals-table th:nth-child(8),.renewals-table td:nth-child(8){width:8%}
.renewals-table th:nth-child(9),.renewals-table td:nth-child(9){width:8%}
.renewals-table th:nth-child(10),.renewals-table td:nth-child(10){width:6%;text-align:center}
.renewals-table td:nth-child(7){white-space:nowrap;overflow-wrap:normal}
.renewals-table .btn.small{padding:6px 7px;font-size:9px}
@media(max-width:1100px){
  .renewals-table th,.renewals-table td{padding:8px 4px}
  .renewals-table th{font-size:6.5px}
  .renewals-table td{font-size:9.5px}
  .renewals-table .sort-link{gap:1px}
  .renewals-table .sort-arrow{width:12px;height:12px;flex-basis:12px;font-size:8px}
}
@media(max-width:820px){
  .renewals-table th,.renewals-table td{padding:7px 4px;font-size:9px}
  .renewals-table th{font-size:6.25px}
  .renewals-table td:nth-child(4),.renewals-table th:nth-child(4){display:none}
  .renewals-table th:nth-child(1),.renewals-table td:nth-child(1){width:12%}
  .renewals-table th:nth-child(2),.renewals-table td:nth-child(2){width:12%}
  .renewals-table th:nth-child(3),.renewals-table td:nth-child(3){width:17%}
  .renewals-table th:nth-child(5),.renewals-table td:nth-child(5),
  .renewals-table th:nth-child(6),.renewals-table td:nth-child(6){width:12%}
  .renewals-table th:nth-child(7),.renewals-table td:nth-child(7){width:11%}
  .renewals-table th:nth-child(8),.renewals-table td:nth-child(8),
  .renewals-table th:nth-child(9),.renewals-table td:nth-child(9){width:9%}
  .renewals-table th:nth-child(10),.renewals-table td:nth-child(10){width:6%}
}
@media(max-width:620px){
  .renewals-table td:nth-child(8),.renewals-table th:nth-child(8),
  .renewals-table td:nth-child(9),.renewals-table th:nth-child(9){display:none}
  .renewals-table th:nth-child(1),.renewals-table td:nth-child(1){width:15%}
  .renewals-table th:nth-child(2),.renewals-table td:nth-child(2){width:15%}
  .renewals-table th:nth-child(3),.renewals-table td:nth-child(3){width:22%}
  .renewals-table th:nth-child(5),.renewals-table td:nth-child(5),
  .renewals-table th:nth-child(6),.renewals-table td:nth-child(6){width:15%}
  .renewals-table th:nth-child(7),.renewals-table td:nth-child(7){width:12%}
  .renewals-table th:nth-child(10),.renewals-table td:nth-child(10){width:6%}
}

/* Panel Maestro v1.8.16 - captura 2FA en seis casillas con vigencia TOTP */
.panel-otp-verify{margin-top:20px;padding:20px;border:1px solid #dce8f5;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f8fbff)}
.panel-otp-copy{text-align:center}.panel-otp-copy>strong{display:block;color:#183b63;font-size:14px}.panel-otp-copy p{margin:5px auto 0;max-width:620px;color:#71849a;font-size:11px;line-height:1.55}
.panel-otp-form{display:grid;gap:0;margin:17px auto 0;max-width:580px}.panel-otp-form>input[type="hidden"]{display:none!important}
.panel-otp-code-row{display:flex;justify-content:center;gap:clamp(5px,1.2vw,9px)}
.panel-otp-digit{box-sizing:border-box;width:clamp(38px,8vw,58px)!important;height:clamp(50px,9vw,64px)!important;padding:0!important;border:1.5px solid #cbd9e9!important;border-radius:14px!important;background:#fff!important;color:#153758!important;text-align:center!important;font:950 clamp(22px,4vw,27px)/1 Inter,Segoe UI,Arial,sans-serif!important;letter-spacing:0!important;font-variant-numeric:tabular-nums;box-shadow:0 5px 15px rgba(20,58,102,.04);transition:border-color .15s,box-shadow .15s,transform .15s,background .15s}
.panel-otp-digit:hover{border-color:#9fc1e9!important}.panel-otp-digit:focus{outline:none!important;border-color:#176fff!important;box-shadow:0 0 0 4px rgba(23,111,255,.11),0 8px 20px rgba(20,58,102,.07)!important;transform:translateY(-1px)}
.panel-otp-digit.filled{border-color:#81b8ef!important;background:#f8fbff!important;color:#0756bd!important}.panel-otp-digit.expiring{border-color:#e4b36e!important}
.panel-otp-meta{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 12px}
.panel-otp-timer{--panel-otp-progress:360deg;position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#176fff var(--panel-otp-progress),#dce7f3 0);transition:background .2s}
.panel-otp-timer:before{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff}.panel-otp-timer span{position:relative;z-index:1;color:#0c5ab9;font-size:10px;font-weight:950;font-variant-numeric:tabular-nums}
.panel-otp-timer.ending{background:conic-gradient(#e88b18 var(--panel-otp-progress),#f0e3d2 0)}.panel-otp-timer.ending span{color:#ae5c08}
.panel-otp-time-copy{display:grid;gap:1px;text-align:left}.panel-otp-time-copy strong{font-size:10px;color:#3b5571}.panel-otp-time-copy span{font-size:9px;color:#7b8ba0}
.panel-otp-chip{padding:5px 8px;border-radius:999px;background:#e9f5ff;color:#0a63ca;font-size:8px;font-weight:950;letter-spacing:.06em;white-space:nowrap}
.panel-otp-client-error{margin:0 0 10px;color:#b42323;text-align:center;font-size:10px;font-weight:800}
.panel-otp-submit{width:100%;min-height:48px;display:flex!important;align-items:center;justify-content:center;gap:10px;font-weight:900!important;border-radius:12px!important}.panel-otp-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.panel-otp-submit.is-loading .panel-otp-arrow{animation:panelOtpArrow .8s ease-in-out infinite alternate}@keyframes panelOtpArrow{to{transform:translateX(4px)}}
.panel-otp-help{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:11px;color:#71849b;font-size:9px;text-align:center}.panel-otp-help>span{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#e7f1fc;color:#0b62c9;font-size:9px;font-weight:950;flex:0 0 17px}
@media(max-width:560px){.panel-otp-verify{padding:16px 10px}.panel-otp-code-row{gap:5px}.panel-otp-digit{width:clamp(36px,12.5vw,48px)!important;height:52px!important;border-radius:11px!important}.panel-otp-meta{gap:7px}.panel-otp-chip{font-size:7px;padding:4px 6px}.panel-otp-help{align-items:flex-start}}


/* Panel Maestro v1.8.17 - dashboard refinado, filtros automáticos y paginación */
.filter-card.live-filter-card{position:relative;overflow:hidden}
.filter-card.live-filter-card:after{content:"";position:absolute;inset:auto -35px -35px auto;width:130px;height:130px;border-radius:50%;background:rgba(18,103,232,.05)}
.filter-live-note{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#eef6ff;border:1px solid #d5e7ff;color:#1858a8;font-size:10px;font-weight:900}
.filter-live-note:before{content:"•";font-size:14px;line-height:1;color:#1479ff}
.executive-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px;align-items:stretch}
.hero-panel{position:relative;overflow:hidden;background:linear-gradient(135deg,#0b4ca2 0%,#0f73de 58%,#57b7d9 100%);color:#fff;border:0}
.hero-panel:before{content:"";position:absolute;right:-42px;top:-42px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.09)}
.hero-panel:after{content:"";position:absolute;left:-58px;bottom:-76px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.05)}
.hero-panel>*{position:relative;z-index:1}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.hero-title{margin:14px 0 8px;font-size:31px;line-height:1.04;letter-spacing:-.04em}
.hero-text{margin:0;max-width:620px;color:rgba(255,255,255,.92);font-size:12px;line-height:1.6}
.hero-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.hero-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-size:10px;font-weight:800}
.hero-aside{display:grid;gap:12px}
.summary-card{display:grid;gap:12px}
.summary-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.summary-header h2{font-size:17px}
.summary-header p{margin:4px 0 0;color:#64748b;font-size:11px;line-height:1.45}
.summary-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 9px;background:#eef6ff;color:#1858a8;font-size:10px;font-weight:900;border:1px solid #d6e6fb}
.summary-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.summary-metrics>div{padding:12px;border:1px solid #e2ebf4;border-radius:14px;background:#fbfdff}
.summary-metrics span{display:block;color:#6b7d92;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.summary-metrics strong{display:block;margin-top:5px;color:#18355c;font-size:20px;letter-spacing:-.03em}
.summary-metrics small{display:block;margin-top:4px;color:#7a8ca1;font-size:10px;line-height:1.35}
.summary-actions{display:flex;gap:8px;flex-wrap:wrap}
.license-summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}
.license-summary-card{padding:16px;border:1px solid #dbe7f5;border-radius:18px;background:linear-gradient(180deg,#fff,#f9fbfe);box-shadow:0 10px 26px rgba(18,54,91,.05)}
.license-summary-card span{display:block;font-size:10px;color:#6a7d95;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.license-summary-card strong{display:block;margin-top:6px;font-size:24px;letter-spacing:-.04em;color:#16355d}
.license-summary-card small{display:block;margin-top:4px;color:#7d8ea1;font-size:10px;line-height:1.35}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.section-heading h2{margin:0;font-size:17px}
.section-heading p{margin:4px 0 0;color:#6b7c93;font-size:11px}
.result-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.result-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#f4f8fd;border:1px solid #dce7f5;color:#405b7e;font-size:10px;font-weight:900}
.audit-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.audit-meta p{margin:0;color:#6c7f97;font-size:11px}
.audit-page-note{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#f8fbff;border:1px solid #dbe8f6;color:#3f5f82;font-size:10px;font-weight:850}
.pagination{align-items:center;gap:6px;justify-content:flex-end}
.pagination a{min-width:32px;height:32px;padding:0 10px}
.pagination a.nav-page{font-size:14px}
.pagination-summary{font-size:10px;color:#70839a;font-weight:800}
@media(max-width:1100px){.executive-hero{grid-template-columns:1fr}.license-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.summary-metrics{grid-template-columns:1fr 1fr}.license-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.hero-title{font-size:26px}.summary-actions .btn{width:100%}.summary-metrics{grid-template-columns:1fr}.license-summary-strip{grid-template-columns:1fr}.audit-meta{align-items:flex-start}.pagination{justify-content:center;flex-wrap:wrap}}


/* Panel Maestro v1.8.18 - dashboard depurado y enlaces funcionales */
.dashboard-hero-shell{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:16px;align-items:stretch}
.dashboard-hero-main{position:relative;overflow:hidden;background:linear-gradient(135deg,#0b4eaa 0%,#1679e6 60%,#4db0d7 100%);color:#fff;border:0;padding:22px 22px 20px}
.dashboard-hero-main:before{content:"";position:absolute;inset:auto auto -85px -55px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.09)}
.dashboard-hero-main:after{content:"";position:absolute;inset:-45px -35px auto auto;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.08)}
.dashboard-hero-main>*{position:relative;z-index:1}
.dashboard-hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.dashboard-hero-main h2{margin:14px 0 8px;font-size:31px;line-height:1.08;letter-spacing:-.04em;color:#fff}
.dashboard-hero-main p{margin:0;max-width:690px;color:rgba(255,255,255,.94);font-size:12px;line-height:1.6}
.dashboard-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.dashboard-stat-card{padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.17);backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:6px;min-height:102px}
.dashboard-stat-card span{display:block;color:#dfeeff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;line-height:1.3}
.dashboard-stat-card strong{display:block;color:#fff;font-size:28px;line-height:1;letter-spacing:-.04em}
.dashboard-stat-card small{display:block;color:rgba(255,255,255,.9);font-size:10px;line-height:1.4}
.dashboard-stat-card.is-alert{background:rgba(255,244,232,.17);border-color:rgba(255,218,177,.34)}
.dashboard-hero-side{display:grid;gap:14px;padding:20px}
.dashboard-side-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.dashboard-side-head h3{margin:0;font-size:18px;color:#17365d}
.dashboard-side-head p{margin:4px 0 0;color:#6f8096;font-size:11px;line-height:1.45}
.dashboard-side-list{display:grid;gap:10px}
.dashboard-side-list>div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e7eef6}
.dashboard-side-list>div:last-child{border-bottom:0}
.dashboard-side-list span{display:block;color:#6d7f95;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;line-height:1.3}
.dashboard-side-list strong{display:block;color:#17365d;font-size:23px;line-height:1.15;text-align:right;word-break:break-word}
.dashboard-kpi-grid .kpi{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:154px}
.dashboard-kpi-grid .kpi-label{line-height:1.35}
.dashboard-kpi-grid .kpi-value{line-height:1;font-size:34px;margin:0}
.dashboard-kpi-grid .kpi-note{line-height:1.45;white-space:normal;display:block}
.dashboard-mini-grid .mini-kpi{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:108px;gap:8px}
.dashboard-mini-grid .mini-kpi span{line-height:1.35}
.dashboard-mini-grid .mini-kpi strong{margin-top:auto;line-height:1;font-size:26px;color:#18355c}
.dashboard-mini-grid .mini-kpi small{display:block;color:#71839b;font-size:10px;line-height:1.35}
@media(max-width:1180px){.dashboard-hero-shell{grid-template-columns:1fr}.dashboard-hero-main h2{font-size:28px}}
@media(max-width:760px){.dashboard-stat-grid{grid-template-columns:1fr}.dashboard-side-list strong{text-align:left}.dashboard-kpi-grid .kpi,.dashboard-mini-grid .mini-kpi{min-height:auto}}


/* Panel Maestro v1.8.18 - indicadores únicos en bloque azul */
.dashboard-stat-link{color:#fff;text-decoration:none;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;cursor:pointer}
.dashboard-stat-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.20);border-color:rgba(255,255,255,.34);box-shadow:0 10px 26px rgba(0,43,104,.15)}
.dashboard-stat-link:focus-visible{outline:3px solid rgba(255,255,255,.55);outline-offset:3px}
.dashboard-stat-link em{display:block;margin-top:auto;padding-top:8px;color:#fff;font-size:10px;font-style:normal;font-weight:900;opacity:.92}
.dashboard-stat-link:hover em{text-decoration:underline}


/* Panel Maestro v1.8.19 - auto filtros robustos */
.live-filter-loading{display:none}
form[data-live-filters].is-live-loading .live-filter-idle{display:none}
form[data-live-filters].is-live-loading .live-filter-loading{display:inline}
form[data-live-filters].is-live-loading .filter-live-note{background:#e8f3ff;border-color:#bed9f7;color:#0b5db8}
form[data-live-filters].is-live-loading .filter-live-note:before{content:"↻";animation:liveFilterSpin .8s linear infinite}
@keyframes liveFilterSpin{to{transform:rotate(360deg)}}


/* Panel Maestro v1.8.20 - filtros automáticos de Clientes */
form[data-live-filters].is-live-loading{opacity:.72;pointer-events:none;transition:opacity .12s ease}
form[data-live-filters].is-live-loading .filter-live-note:after{content:" · Aplicando filtros...";font-weight:800}