/* VIX Secure Access — backoffice/account */
.vix-security-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 18px}.vix-security-metrics article{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:18px}.vix-security-metrics strong{display:block;font-size:28px;letter-spacing:-.04em;color:#071b3a}.vix-security-metrics span{display:block;margin-top:4px;font-size:11px;color:#728198;text-transform:uppercase;letter-spacing:.08em}.vix-toggle{display:flex;gap:10px;align-items:flex-start;padding:9px 0;font-size:13px;color:#263a54}.vix-toggle input{margin-top:2px}.vix-check-row{display:flex;flex-wrap:wrap;gap:12px;padding:10px 0}.vix-check-row label{font-size:13px}.vix-security-list{display:grid;gap:8px;margin:16px 0}.vix-security-list>div{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 12px;background:#f8fafc;border:1px solid #e9eef5;border-radius:10px}.vix-security-list span{display:grid;gap:2px}.vix-security-list small{color:#76869b}.vix-security-inline-status{font-size:12px;color:#60748d;min-height:18px;margin-top:8px}.vix-recovery-card{margin-bottom:18px;border-color:#f5c96d!important;background:#fffaf0!important}.vix-recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.vix-recovery-grid code{background:#fff;border:1px dashed #d5b15e;border-radius:8px;padding:10px;font-weight:800;text-align:center}.vix-twofa-setup{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:center;margin:18px 0;padding:16px;background:#f8fbff;border:1px solid #e4edf8;border-radius:14px}.vix-twofa-qr{width:160px;height:160px;background:#fff;border-radius:10px;padding:8px}.vix-twofa-qr canvas,.vix-twofa-qr img{max-width:100%;max-height:100%}.vix-secret-code{display:block;word-break:break-all;padding:10px}.px-btn.danger{border-color:#fecaca;color:#b42318;background:#fff5f5}.px-btn.danger:hover{background:#fee2e2}.vix-security-settings .px-textarea{min-height:92px}.vix-omni-status{display:inline-flex;gap:6px;align-items:center}.vix-omni-status:before{content:"";width:7px;height:7px;border-radius:999px;background:#22c55e}.vix-omni-inbox{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:620px;border:1px solid #e4eaf2;border-radius:16px;overflow:hidden;background:#fff}.vix-omni-list{border-right:1px solid #e4eaf2;background:#f8fafc}.vix-omni-thread{display:flex;flex-direction:column;min-width:0}.vix-omni-thread-messages{flex:1;padding:20px;overflow:auto;max-height:520px}.vix-omni-composer{padding:14px;border-top:1px solid #e4eaf2}.vix-omni-conversation{display:block;padding:14px;border-bottom:1px solid #e9eef4;text-decoration:none;color:#1d3048}.vix-omni-conversation.is-active{background:#eef6ff}.vix-omni-message{max-width:78%;padding:10px 12px;border-radius:12px;margin:8px 0;background:#f0f4f8}.vix-omni-message.agent{margin-left:auto;background:#e6f0ff}.vix-omni-message.bot{background:#eefcf4}@media(max-width:900px){.vix-security-metrics{grid-template-columns:repeat(2,1fr)}.vix-omni-inbox{grid-template-columns:1fr}.vix-omni-list{border-right:0;border-bottom:1px solid #e4eaf2;max-height:260px;overflow:auto}}@media(max-width:560px){.vix-security-metrics{grid-template-columns:1fr}.vix-recovery-grid{grid-template-columns:1fr}.vix-twofa-setup{grid-template-columns:1fr}.vix-twofa-qr{margin:auto}}

/* VIX Secure Native 2026 — advanced center */
.vix-secure-hero{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:30px 32px;margin-bottom:16px;border-radius:22px;background:linear-gradient(125deg,#071b3a 0%,#0c3266 58%,#155ec4 130%);color:#fff;overflow:hidden;position:relative}.vix-secure-hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-180px;top:-200px}.vix-secure-hero h2{margin:7px 0 9px;font-size:30px;line-height:1.05;letter-spacing:-.045em}.vix-secure-hero p{margin:0;max-width:820px;color:#bfd2e8;line-height:1.65}.vix-secure-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;color:#6fd5ff}.vix-secure-score{width:120px;height:120px;border-radius:50%;display:grid;place-content:center;text-align:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);backdrop-filter:blur(12px);position:relative;z-index:1}.vix-secure-score strong{font-size:42px;line-height:.95;letter-spacing:-.06em}.vix-secure-score span{font-size:11px;color:#9fc2ea}.vix-secure-score small{display:block;margin-top:5px;font-size:10px;color:#fff;font-weight:800}.vix-security-metrics--pro{grid-template-columns:repeat(8,minmax(0,1fr))}.vix-security-metrics--pro article{padding:15px}.vix-security-metrics--pro strong{font-size:24px}.vix-secure-tabs{position:sticky;top:82px;z-index:10;display:flex;gap:7px;flex-wrap:wrap;padding:9px;margin:18px 0;background:rgba(244,247,251,.94);border:1px solid #dde7f3;border-radius:14px;backdrop-filter:blur(14px)}.vix-secure-tabs a{padding:8px 10px;border-radius:8px;text-decoration:none;font-size:11px;font-weight:850;color:#49617d}.vix-secure-tabs a:hover{background:#fff;color:#075fff}.vix-secure-section{scroll-margin-top:146px;margin-bottom:18px}.vix-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vix-profile-card{border:1px solid #e1e8f2;border-radius:14px;padding:16px;background:#fafcff}.vix-profile-card strong{display:block;font-size:14px}.vix-profile-card p{min-height:56px;margin:6px 0 14px;color:#667085;font-size:12px;line-height:1.5}.vix-health-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.vix-health-strip>div{display:grid;grid-template-columns:auto 1fr;column-gap:9px;padding:13px;border:1px solid #e6edf6;border-radius:12px;background:#fff}.vix-health-strip strong{font-size:12px}.vix-health-strip small{grid-column:2;color:#728198;font-size:10px;line-height:1.35}.vix-health-dot{width:9px;height:9px;margin-top:3px;border-radius:50%;background:#a5b4c7}.vix-health-dot.ok{background:#16a05d}.vix-health-dot.warn{background:#e29a20}.vix-health-dot.neutral{background:#5f7c9d}.vix-secure-subcard{border:1px solid #e5ebf3;border-radius:15px;background:#f8fafc;padding:17px;margin-top:14px}.vix-secure-subcard h3{margin:0 0 12px}.vix-secure-subcard>div:first-child p{margin:4px 0 12px;color:#69798f;font-size:12px}.vix-prefix-input{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid #cfd9e8;background:#fff;border-radius:11px;overflow:hidden}.vix-prefix-input span{padding:0 11px;color:#667b94;font-size:12px;border-right:1px solid #e1e7ef}.vix-prefix-input .px-input{border:0;border-radius:0;box-shadow:none}.vix-role-session-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.vix-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.vix-access-grid>div{border:1px solid #e5ebf3;border-radius:14px;padding:14px;background:#fbfcfe}.vix-budget-field{max-width:340px;margin-top:12px}.vix-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.vix-template-choice{appearance:none;border:1px solid #dfe7f1;background:#fff;border-radius:13px;padding:10px;display:flex;gap:10px;align-items:center;text-align:left;cursor:pointer;color:#20344e}.vix-template-choice:hover,.vix-template-choice.is-active{border-color:#075fff;box-shadow:0 0 0 2px rgba(7,95,255,.08)}.vix-template-choice span{display:grid;gap:3px}.vix-template-choice strong{font-size:12px}.vix-template-choice small{font-size:9px;color:#728198}.vix-template-swatch{width:42px;height:34px;border-radius:8px;flex:none;background:linear-gradient(135deg,var(--a) 0 48%,var(--s) 48% 68%,var(--b) 68%);border:1px solid rgba(0,0,0,.08)}.vix-designer-fields{margin-top:18px}.vix-color-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.vix-color{height:42px;width:100%;border:1px solid #d6dfeb;border-radius:9px;padding:3px;background:#fff}.vix-designer-ranges{margin-top:14px;grid-template-columns:repeat(5,minmax(0,1fr))}.vix-sticky-save{position:sticky;bottom:14px;z-index:16;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border:1px solid #cfe0f7;border-radius:14px;background:rgba(255,255,255,.95);box-shadow:0 18px 44px rgba(14,43,84,.16);backdrop-filter:blur(12px)}.vix-sticky-save strong,.vix-sticky-save small{display:block}.vix-sticky-save small{margin-top:2px;color:#728198;font-size:10px}.vix-secure-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0}.vix-secure-tools .px-card{padding:16px}.vix-secure-tools h3{font-size:13px;margin-bottom:5px}.vix-secure-tools p{min-height:44px;margin:0 0 12px;font-size:10px;line-height:1.45;color:#728198}.vix-secure-data-grid,.vix-secure-operations{margin-top:18px}.vix-secret-once pre{white-space:pre-wrap;word-break:break-all;margin:10px 0 5px;padding:12px;border-radius:9px;background:#fff;border:1px dashed #d9bc72;font:12px/1.5 ui-monospace,monospace}.vix-security-list form{margin:0}.vix-security-list .px-btn{padding:7px 9px;font-size:10px}
@media(max-width:1350px){.vix-security-metrics--pro{grid-template-columns:repeat(4,1fr)}.vix-secure-tools{grid-template-columns:repeat(3,1fr)}.vix-template-grid{grid-template-columns:repeat(3,1fr)}.vix-color-grid{grid-template-columns:repeat(3,1fr)}.vix-designer-ranges{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.vix-secure-hero{grid-template-columns:1fr}.vix-secure-score{width:96px;height:96px}.vix-profile-grid,.vix-health-strip{grid-template-columns:repeat(2,1fr)}.vix-secure-tabs{top:68px}.vix-role-session-grid,.vix-access-grid{grid-template-columns:1fr}.vix-template-grid{grid-template-columns:repeat(2,1fr)}.vix-secure-tools{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.vix-secure-hero{padding:24px 20px}.vix-secure-hero h2{font-size:25px}.vix-security-metrics--pro{grid-template-columns:repeat(2,1fr)}.vix-profile-grid,.vix-health-strip,.vix-secure-tools,.vix-template-grid,.vix-color-grid,.vix-designer-ranges{grid-template-columns:1fr}.vix-secure-tabs{position:static;overflow:auto;flex-wrap:nowrap}.vix-secure-tabs a{white-space:nowrap}.vix-sticky-save{bottom:76px}.vix-sticky-save div{display:none}}
.vix-periods{display:flex;gap:5px}.vix-periods a{padding:6px 9px;border-radius:8px;background:#eef3f9;text-decoration:none;font-size:10px;font-weight:850;color:#536a85}.vix-periods a.is-active{background:#075fff;color:#fff}.vix-analytics-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.vix-analytics-summary>div{padding:14px;border:1px solid #e5ebf3;border-radius:12px;background:#f9fbfd}.vix-analytics-summary strong,.vix-analytics-summary span{display:block}.vix-analytics-summary strong{font-size:19px;letter-spacing:-.03em}.vix-analytics-summary span{margin-top:3px;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#738398}.vix-security-chart{height:180px;display:flex;gap:4px;align-items:flex-end;padding:18px 12px 0;border:1px solid #e4eaf2;border-radius:14px;background:linear-gradient(#fbfdff,#f7f9fc);overflow:hidden}.vix-chart-col{flex:1;min-width:4px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.vix-chart-col i{display:block;width:min(100%,18px);min-height:3px;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#38bdf8,#075fff)}.vix-chart-col span{font-size:7px;color:#8794a6;writing-mode:vertical-rl;display:none}.vix-analytics-tables{margin-top:18px}.vix-analytics-tables .px-table{min-width:0}.vix-compat-list{display:grid;gap:8px}.vix-compat-list>div{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:10px 11px;border:1px solid #e8edf4;border-radius:10px;background:#fbfcfe}.vix-compat-list strong,.vix-compat-list small{display:block}.vix-compat-list strong{font-size:11px}.vix-compat-list small{margin-top:2px;color:#77869a;font-size:9px;line-height:1.4}.vix-export-strip{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:18px}.vix-export-strip h2{margin:4px 0}.vix-export-strip p{margin:0;color:#728198;font-size:12px}.vix-export-strip form{display:inline-flex}
@media(max-width:900px){.vix-analytics-summary{grid-template-columns:repeat(2,1fr)}.vix-export-strip{align-items:flex-start;flex-direction:column}}

/* VIX Secure Pro — diseñador avanzado */
.vix-login-designer{overflow:hidden}.vix-designer-preview{--secure-primary:#1264e8;--secure-panel:#fff;--secure-text:#111d34;--secure-muted:#6d7b91;--secure-input:#fff;--secure-input-border:#cad5e3;display:grid;grid-template-columns:minmax(240px,var(--secure-scene-width,38%)) minmax(300px,1fr);min-height:390px;margin:18px 0 20px;border:1px solid #dfe7f1;border-radius:18px;overflow:hidden;background:var(--secure-bg,#f4f7fb);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.vix-designer-preview-scene{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:36px;background:linear-gradient(145deg,#071936,#0a2a59 60%,#0b58bf 130%);color:var(--secure-scene-text,#fff);opacity:var(--secure-scene-opacity,1)}.vix-designer-preview-scene span{font-size:var(--secure-scene-kicker-size,10px);font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--secure-scene-kicker,#8bdcff)}.vix-designer-preview-scene strong{font-size:min(var(--secure-scene-title-size,50px),42px);line-height:1.03;letter-spacing:-.045em}.vix-designer-preview-scene small{font-size:var(--secure-scene-caption-size,14px);line-height:1.5;color:var(--secure-scene-caption,#dce7f5)}.vix-designer-preview-panel{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:34px;background:color-mix(in srgb,var(--secure-panel) var(--secure-panel-opacity,100%),transparent);color:var(--secure-text);backdrop-filter:blur(var(--secure-panel-blur,0));text-align:left}.vix-designer-preview-panel>img{width:auto;max-width:var(--secure-logo-width,150px);max-height:var(--secure-logo-height,46px);object-fit:contain;margin-bottom:var(--secure-logo-margin,18px)}.vix-designer-preview-panel>b{font-size:10px;letter-spacing:.15em;color:var(--secure-primary)}.vix-designer-preview-panel h3{font-size:min(var(--secure-title-size,30px),32px);font-weight:var(--secure-title-weight,800);margin:12px 0 5px;color:var(--secure-text)}.vix-designer-preview-panel p{font-size:var(--secure-subtitle-size,14px);color:var(--secure-muted);margin:0 0 20px}.vix-designer-preview-panel label{font-size:10px;font-weight:700;margin:6px 0;color:var(--secure-label,#1b2a44)}.vix-designer-preview-panel i{display:block;width:100%;height:42px;border:var(--secure-field-border,1px) solid var(--secure-input-border);border-radius:var(--secure-field-radius,8px);background:var(--secure-input);margin-bottom:6px}.vix-designer-preview-panel button{width:100%;height:44px;margin-top:10px;border:var(--secure-button-border-width,0) solid var(--secure-button-border,#1264e8);border-radius:var(--secure-button-radius,8px);background:var(--secure-button);color:var(--secure-button-text);font-weight:800}.vix-designer-preview.secure-font-serif{font-family:Georgia,"Times New Roman",serif}.vix-designer-preview.secure-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.vix-designer-preview.secure-font-humanist{font-family:"Trebuchet MS",Candara,system-ui,sans-serif}.vix-designer-preview.secure-content-center .vix-designer-preview-panel{align-items:center;text-align:center}.vix-designer-preview.secure-content-right .vix-designer-preview-panel{align-items:flex-end;text-align:right}.vix-designer-preview.secure-scene-align-center .vix-designer-preview-scene{text-align:center;align-items:center}.vix-designer-preview.secure-scene-align-right .vix-designer-preview-scene{text-align:right;align-items:flex-end}.vix-designer-preview.template-noir .vix-designer-preview-scene{background:linear-gradient(180deg,rgba(2,4,10,.16),rgba(2,4,10,.88)),url('../security/login/noir-prestige.webp') center/cover}.vix-designer-preview.template-executive .vix-designer-preview-scene{background:linear-gradient(180deg,rgba(3,17,38,.2),rgba(3,17,38,.83)),url('../security/login/executive-pro.webp') center/cover}.vix-designer-preview.template-command .vix-designer-preview-scene{background:linear-gradient(180deg,rgba(8,12,22,.3),rgba(8,12,22,.9)),url('../security/login/command.webp') center/cover}.vix-designer-preview.template-glass .vix-designer-preview-scene{background:linear-gradient(145deg,rgba(23,105,255,.3),rgba(121,87,232,.45)),url('../security/login/glass.webp') center/cover}.vix-designer-preview.template-split .vix-designer-preview-scene{background:linear-gradient(180deg,rgba(8,35,77,.22),rgba(7,27,58,.8)),url('../security/login/split.webp') center/cover}.vix-designer-preview.template-editorial .vix-designer-preview-scene{background:linear-gradient(180deg,rgba(48,25,88,.1),rgba(20,25,64,.74)),url('../security/login/aurora.webp') center/cover}.vix-designer-preview.template-minimal .vix-designer-preview-scene,.vix-designer-preview.template-monolith .vix-designer-preview-scene,.vix-designer-preview.template-orbit .vix-designer-preview-scene,.vix-designer-preview.template-zen .vix-designer-preview-scene{display:none}.vix-designer-preview.template-minimal,.vix-designer-preview.template-monolith,.vix-designer-preview.template-orbit,.vix-designer-preview.template-zen{grid-template-columns:1fr}.vix-designer-panels{display:grid;gap:10px}.vix-designer-panels details{border:1px solid #e2e9f2;border-radius:14px;background:#fbfcfe;overflow:hidden}.vix-designer-panels summary{padding:14px 16px;cursor:pointer;font-size:12px;font-weight:850;color:#243a58;background:#f7f9fc}.vix-designer-panels details[open] summary{border-bottom:1px solid #e5ebf3}.vix-designer-panel-body{padding:16px}.vix-color-grid-pro{grid-template-columns:repeat(6,minmax(0,1fr))}.vix-design-assets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.vix-design-assets>div{padding:14px;border:1px solid #e4eaf2;border-radius:12px;background:#fff}.vix-design-assets strong,.vix-design-assets small{display:block}.vix-design-assets small{margin:7px 0;color:#748399;font-size:10px}.vix-design-thumb{display:block;width:100%;height:120px;object-fit:cover;border-radius:9px;margin:9px 0;background:#edf2f8}.vix-design-thumb.logo{height:80px;object-fit:contain}.vix-designer-panels .px-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vix-designer-panels .px-field.full{grid-column:1/-1}
@media(max-width:1200px){.vix-color-grid-pro{grid-template-columns:repeat(4,1fr)}.vix-designer-panels .px-form-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.vix-designer-preview{grid-template-columns:1fr}.vix-designer-preview-scene{min-height:230px}.vix-design-assets{grid-template-columns:1fr}.vix-color-grid-pro,.vix-designer-panels .px-form-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.vix-color-grid-pro,.vix-designer-panels .px-form-grid{grid-template-columns:1fr}.vix-designer-preview-scene{display:none}.vix-designer-preview{grid-template-columns:1fr}.vix-designer-preview-panel{padding:26px}}

/* v101 · Resiliencia de dependencias */
.vix-dependency-health{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}.vix-dependency-health>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:start;padding:12px 13px;border:1px solid var(--px-border,#e6ebf2);border-radius:14px;background:rgba(248,250,253,.72)}.vix-dependency-health strong{font-size:12px;color:#10233f}.vix-dependency-health small{grid-column:2;font-size:11px;line-height:1.35;color:#6d7b91}.vix-dependency-health .vix-health-dot{margin-top:4px}@media(max-width:1100px){.vix-dependency-health{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.vix-dependency-health{grid-template-columns:1fr 1fr}}@media(max-width:460px){.vix-dependency-health{grid-template-columns:1fr}}
.vix-device-approval-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;border-color:#f5cf7a!important;background:linear-gradient(135deg,#fffdf7,#fff7df)!important}.vix-device-approval-card h2{margin:8px 0 5px}.vix-device-approval-card p{margin:0;max-width:760px;color:#6b5d3f;line-height:1.55}.vix-device-approval-card form{margin:0;flex:none}@media(max-width:720px){.vix-device-approval-card{align-items:flex-start;flex-direction:column}.vix-device-approval-card form,.vix-device-approval-card .px-btn{width:100%}}