:root{--brand-cyan:#01d5fb;--brand-indigo:#3c2eff;--brand-navy:#0a1f4d;--brand-black:#000000;--brand-white:#ffffff;--cyan-700:#0073a1;--indigo-700:#2a1fcc;--text-primary:var(--brand-navy);--text-secondary:#4a5878;--text-tertiary:#626b82;--text-link:var(--indigo-700);--text-inverse:var(--brand-white);--surface:var(--brand-white);--bg:#f7f8fb;--border:rgba(10,31,77,0.1);--accent:var(--brand-cyan);--accent-text-safe:var(--cyan-700);--focus-ring:var(--indigo-700);--success:#1a6b3a;--success-bg:#e6f4ec;--success-text:#0f4d28;--warning:#d4a017;--warning-bg:#fef8ec;--warning-text:#8a5a00;--danger:#c9544a;--danger-bg:#fcebea;--danger-text:#9b2b2b;--info:var(--brand-indigo);--info-bg:#eceaff;--info-text:var(--indigo-700);--ia-n1:var(--brand-cyan);--ia-n1-bg:#e5f9fe;--ia-n1-text:var(--cyan-700);--ia-n2:var(--brand-indigo);--ia-n2-bg:#eceaff;--ia-n2-text:var(--indigo-700);--ia-n3:#d4a017;--ia-n3-bg:#fef8ec;--ia-n3-text:#8a5a00;--ia-n4:#6a748b;--ia-n4-bg:#eef0f4;--ia-n4-text:#4a5878;--font-sans:"Inter Variable","Inter",-apple-system,"Segoe UI",sans-serif;--fs-display:2rem;--fs-h1:1.5rem;--fs-h2:1.25rem;--fs-h3:1rem;--fs-body:0.875rem;--fs-body-lg:1rem;--fs-sm:0.8125rem;--fs-xs:0.6875rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px rgba(10,31,77,0.06);--shadow-md:0 4px 12px rgba(10,31,77,0.08);--shadow-lg:0 12px 32px rgba(10,31,77,0.12);--t-fast:150ms;--t-base:220ms;--t-slow:320ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--target-min:44px;--target-field:56px}[data-context=field]{--fs-body:1rem;--text-tertiary:#4a5878;--target-min:var(--target-field)}[data-theme=dark]{--text-primary:#f2f5fb;--text-secondary:#b9c2d8;--text-tertiary:#8a94ab;--text-link:#9aa8ff;--surface:#101b38;--bg:var(--brand-navy);--border:rgba(255,255,255,0.12);--accent-text-safe:var(--brand-cyan);--focus-ring:var(--brand-cyan)}[data-density=compact]{--row-h:32px;--cell-pad:var(--space-2)}[data-density=comfortable]{--row-h:40px;--cell-pad:var(--space-3)}[data-density=detailed]{--row-h:52px;--cell-pad:var(--space-4)}@media (prefers-reduced-motion:reduce){:root{--t-fast:0ms;--t-base:0ms;--t-slow:0ms}}.ia-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-xs);font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ia-pill-n1{background:var(--ia-n1-bg);color:var(--ia-n1-text)}.ia-pill-n2{background:var(--ia-n2-bg);color:var(--ia-n2-text)}.ia-pill-n3{background:var(--ia-n3-bg);color:var(--ia-n3-text)}.ia-pill-n4{background:var(--ia-n4-bg);color:var(--ia-n4-text)}.ai-suggestion{background:var(--ia-n2-bg);border-left:3px solid var(--ia-n2);border-radius:var(--radius-sm);padding:var(--space-4);margin:var(--space-3) 0}.ai-suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.ai-suggestion-marca{font-size:var(--fs-sm);font-weight:600;color:var(--ia-n2-text)}.ai-suggestion-titulo{font-size:var(--fs-body);color:var(--text-primary);margin:0 0 var(--space-2)}.ai-suggestion-acciones{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.ai-alert{border-radius:var(--radius-sm);padding:var(--space-4);margin:var(--space-3) 0}.ai-alert-media{background:var(--warning-bg);border-left:3px solid var(--warning)}.ai-alert-media .ai-alert-marca{color:var(--warning-text)}.ai-alert-alta{background:var(--danger-bg);border-left:3px solid var(--danger)}.ai-alert-alta .ai-alert-marca{color:var(--danger-text)}.ai-alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.ai-alert-marca{font-size:var(--fs-sm);font-weight:600}.ai-alert-mensaje{color:var(--text-primary);margin:0 0 var(--space-2)}.ai-alert-motivo{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin-top:var(--space-3)}.ai-alert-motivo label{font-size:var(--fs-sm);font-weight:500}.ai-alert-motivo input{min-height:var(--target-min);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:var(--fs-body)}.ai-alert-ayuda{font-size:var(--fs-sm);color:var(--text-secondary)}.ai-autotag{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--ia-n4-bg);color:var(--ia-n4-text);border-radius:var(--radius-xs);padding:2px var(--space-2);font-size:var(--fs-sm)}.ai-autotag-editar{background:none;border:none;color:var(--text-link);text-decoration:underline}.ai-autotag-editar,.ai-rationale summary{font-size:var(--fs-sm);cursor:pointer;min-height:24px}.ai-rationale p,.ai-rationale summary{color:var(--text-secondary)}.ai-rationale p{font-size:var(--fs-sm);margin:var(--space-2) 0 0}.ai-feedback{display:inline-flex;align-items:center;gap:var(--space-1);margin-left:auto}.ai-feedback button{background:none;border:1px solid transparent;border-radius:var(--radius-xs);font-size:var(--fs-body);cursor:pointer;min-width:32px;min-height:32px}.ai-feedback button[aria-pressed=true]{border-color:var(--ia-n2);background:var(--ia-n2-bg)}.ai-feedback-gracias{font-size:var(--fs-xs);color:var(--text-secondary)}.btn-fantasma,.btn-primario{min-height:var(--target-min);padding:0 var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-body);font-weight:600;cursor:pointer;transition:background var(--t-fast) var(--ease-out)}.btn-primario{background:var(--brand-indigo);color:var(--text-inverse);border:none}.btn-primario:hover{background:var(--indigo-700)}.btn-fantasma{background:transparent;color:var(--text-link);border:1px solid var(--border)}.ai-alert-motivo input:focus-visible,:is(.btn-primario,.btn-fantasma,.ai-feedback button,.ai-autotag-editar):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ai-action-block{background:var(--success-bg);border-left:3px solid var(--success);border-radius:var(--radius-sm);padding:var(--space-4);margin:var(--space-3) 0}.ai-action-deshecho{background:var(--ia-n4-bg);border-left-color:var(--ia-n4)}.ai-action-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.ai-action-icono{color:var(--success);flex-shrink:0}.ai-action-marca{font-size:var(--fs-sm);font-weight:600;color:var(--success-text);flex:1 1}.ai-action-mensaje{font-size:var(--fs-body);color:var(--text-primary);margin:0 0 var(--space-2)}.ai-action-footer{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.btn-sm{min-height:32px;padding:0 var(--space-3);font-size:var(--fs-sm)}.tenant-brand{display:flex;align-items:center;gap:var(--space-3)}.tenant-brand-logo{object-fit:contain}.tenant-brand-inicial,.tenant-brand-logo{width:40px;height:40px;border-radius:var(--radius-xs);flex-shrink:0}.tenant-brand-inicial{background:var(--brand-navy);color:var(--text-inverse);font-weight:700;font-size:var(--fs-h3);display:flex;align-items:center;justify-content:center}.tenant-brand-nombre{font-weight:600;font-size:var(--fs-body);color:var(--text-primary)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-sans);font-size:16px;color:var(--text-primary);background:var(--bg)}a{color:var(--text-link)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100dvh}.sidebar{background:var(--brand-navy);color:var(--text-inverse);padding:var(--space-5) var(--space-4)}.sidebar-logo{font-weight:700;font-size:var(--fs-h2);letter-spacing:.06em;margin-bottom:var(--space-2)}.sidebar-lineas{display:grid;grid-gap:3px;gap:3px;margin-bottom:var(--space-8);width:72px}.sidebar-lineas span{height:3px;border-radius:2px}.sidebar-lineas span:first-child{background:var(--brand-cyan);width:100%}.sidebar-lineas span:nth-child(2){background:linear-gradient(90deg,var(--brand-cyan),var(--brand-indigo));width:80%}.sidebar-lineas span:nth-child(3){background:var(--brand-indigo);width:60%}.nav-grupo{margin-bottom:var(--space-5)}.nav-grupo-titulo{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.55);margin-bottom:var(--space-2)}.nav-item{display:flex;align-items:center;min-height:var(--target-min);padding:0 var(--space-3);border-radius:var(--radius-sm);color:rgba(255,255,255,.85);text-decoration:none;font-size:var(--fs-body)}.nav-item:hover{background:rgba(255,255,255,.08)}.nav-item[aria-current=page]{background:rgba(60,46,255,.35);color:#fff;font-weight:600}.contenido{padding:var(--space-8);max-width:960px}.demo-seccion{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);margin-bottom:var(--space-6)}.demo-seccion h2{margin-top:0;font-size:var(--fs-h2)}@media (max-width:900px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.shell,.sidebar{min-width:0;max-width:100%}.sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--space-3);overflow-x:auto;overscroll-behavior-x:contain;padding:var(--space-3) var(--space-4)}.office-contenido{min-width:0;max-width:100%}.sidebar-logo{margin-bottom:0;font-size:var(--fs-body);white-space:nowrap}.sidebar-lineas{display:none}.nav-grupo{display:flex;align-items:center;gap:var(--space-2);margin-bottom:0}.nav-grupo-titulo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.nav-grupo-titulo,.nav-item{white-space:nowrap}.sidebar>*{flex-shrink:0}.sidebar>.nav-grupo:last-child{margin-top:0!important;padding-top:0!important;margin-left:auto;gap:var(--space-2)}.sidebar [data-test=sesion-email],.sidebar [data-test=sesion-rol]{display:none}.sidebar [data-test=sesion-empresa]{margin:0!important;white-space:nowrap}.contenido-principal{padding:var(--space-5) var(--space-4);max-width:none;min-width:0}.seguimiento-rapido-cuerpo{min-width:min(320px,78vw);max-width:82vw}}@media (max-width:480px){.contenido-principal{padding:var(--space-4) var(--space-3)}}.nav-grupo-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:0;background:transparent;border:none;font:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-xs);transition:color var(--t-fast) var(--ease-out)}.nav-grupo-toggle:hover{color:rgba(255,255,255,.85)}.nav-grupo-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.nav-grupo-chevron{display:inline-block;font-size:.65em;flex-shrink:0;transition:transform var(--t-fast) var(--ease-out)}.nav-grupo-toggle[aria-expanded=true] .nav-grupo-chevron{transform:rotate(90deg)}.nav-grupo-items{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--t-base) var(--ease-out)}.nav-grupo-items[data-abierto=true]{grid-template-rows:1fr}.nav-grupo-items-inner{overflow:hidden}@media (max-width:900px){.nav-grupo-items{grid-template-rows:1fr!important}.nav-grupo-items-inner{display:flex;align-items:center;gap:var(--space-2)}}