:root{--navy-900: #0d1b2e;--navy-800: #12263f;--navy-700: #1b3556;--navy-600: #274a75;--accent: #f2a900;--accent-600: #d99500;--accent-100: #fff3d1;--bg: #f3f5f8;--surface: #fff;--surface-2: #f8fafc;--border: #dde3ea;--border-strong: #c3ccd7;--text: #17232f;--text-2: #52606d;--text-3: #7b8794;--success: #1c8a5a;--success-bg: #e3f6ec;--info: #1f6fb5;--info-bg: #e3f0fb;--warning: #b86e00;--warning-bg: #fff1d6;--danger: #c0392b;--danger-bg: #fbe6e3;--neutral: #5b6773;--neutral-bg: #e9edf1;--radius: 8px;--shadow: 0 1px 2px rgba(13,27,46,.06), 0 4px 12px rgba(13,27,46,.06);--sidebar-w: 268px;--sidebar-w-collapsed: 64px;--topbar-h: 56px;--font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;line-height:1.25}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}a{color:var(--info);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit}code,.mono{font-family:Consolas,Courier New,monospace;font-size:12.5px}.muted{color:var(--text-2)}.small{font-size:12px}.right{text-align:right}.center{text-align:center}.row{display:flex;gap:12px;align-items:center}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.row.top{align-items:flex-start}.col{display:flex;flex-direction:column;gap:12px}.grow{flex:1;min-width:0}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.gap-s{gap:6px}.gap-l{gap:20px}.mt{margin-top:12px}.mb{margin-bottom:12px}.mt-s{margin-top:6px}.nowrap{white-space:nowrap}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell{display:flex;height:100dvh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--navy-800);color:#d6e0ee;display:flex;flex-direction:column;flex-shrink:0;transition:width .18s ease;z-index:40}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.brand{height:var(--topbar-h);display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.brand .logo{width:34px;height:34px;border-radius:8px;background:var(--accent);color:var(--navy-900);display:grid;place-items:center;font-weight:800;font-size:20px;flex-shrink:0}.brand{text-decoration:none;justify-content:center}.brand .logo{display:none}.sidebar.collapsed .brand .logo{display:grid}.sidebar.mobile-open.collapsed .brand .logo{display:none}.brand .name img{display:block;height:34px;width:auto;max-width:100%}.brand .name{font-weight:700;color:#fff;line-height:1.15}.brand .name small{display:block;font-weight:400;font-size:11px;color:#9fb0c6}.sidebar.collapsed .brand .name,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-chevron,.sidebar.collapsed .nav-badge{display:none}.nav{flex:1;overflow-y:auto;padding:8px 8px 16px}.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.nav-group>button.nav-head{width:100%;display:flex;align-items:center;gap:10px;background:none;border:0;color:inherit;padding:9px 10px;border-radius:6px;cursor:pointer;text-align:left;font-weight:600}.nav-tools{display:flex;gap:6px;padding:0 4px 8px}.nav-tools button{flex:1;background:#ffffff14;border:0;color:#cdd8e6;font-size:11px;padding:5px 6px;border-radius:5px;cursor:pointer}.nav-tools button:hover{background:#ffffff29;color:#fff}.nav-group>button.nav-head:hover{background:#ffffff12}.nav-group.has-active>button.nav-head{color:#fff}.nav-chevron{margin-left:auto;transition:transform .15s;opacity:.7}.nav-group.open .nav-chevron{transform:rotate(90deg)}.nav-items{overflow:hidden;max-height:0;transition:max-height .2s ease}.nav-group.open .nav-items{max-height:900px}.nav-link{display:flex;align-items:center;gap:10px;padding:7px 10px 7px 38px;border-radius:6px;color:#b9c8dc;font-size:13.5px;text-decoration:none;position:relative}.nav-link:hover{background:#ffffff12;color:#fff;text-decoration:none}.nav-link.active{background:#f2a90029;color:#fff;font-weight:600}.nav-link.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--accent);border-radius:2px}.nav-badge{margin-left:auto;background:var(--danger);color:#fff;border-radius:10px;padding:0 6px;font-size:11px;font-weight:700}.sidebar.collapsed .nav-link{padding-left:10px;justify-content:center}.sidebar.collapsed .nav-items{max-height:none}.sidebar.collapsed .nav-group>button.nav-head{justify-content:center}.sidebar.collapsed .nav-group:not(.open) .nav-items{display:none}.sidebar-foot{padding:10px 14px;font-size:11px;color:#8ea1ba;border-top:1px solid rgba(255,255,255,.08)}.sidebar.collapsed .sidebar-foot{display:none}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 16px;flex-shrink:0}.topbar .title-sys{font-weight:700;color:var(--navy-800)}.demo-ribbon{background:var(--accent-100);color:#7a5600;font-size:11.5px;padding:3px 10px;border-radius:12px;font-weight:600;white-space:nowrap}.preview-bar{background:var(--navy-700);color:#fff;padding:6px 16px;font-size:12.5px;display:flex;gap:10px;align-items:center;flex-shrink:0}.content{flex:1;overflow:auto;padding:16px 20px 28px}.bienvenida{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:24px 12px}.bienvenida-logo{width:min(420px,80%);height:auto;margin-bottom:18px}.bienvenida h1{margin:0;font-size:26px;color:var(--navy-800)}.bienvenida p{margin:0}.bienvenida-accesos{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px;max-width:760px}.panel-dock{flex:0 1 auto;max-height:min(64vh,620px);overflow:auto;background:var(--bg, #f3f5f8);border-bottom:2px solid var(--navy-700);padding:14px 20px 6px;box-shadow:inset 0 -8px 10px -10px #00000040}.inf-pantalla{display:flex;flex-direction:column;gap:14px}.inf-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;align-items:start}.inf-col-h{display:flex;gap:10px;align-items:center;padding:12px 14px 8px}.inf-col-h strong{display:block;font-size:15px;color:var(--navy-800)}.inf-col-h small{color:#667;font-size:12px}.inf-col-b{padding:0 6px 8px;display:flex;flex-direction:column}.inf-fila{display:flex;align-items:center;border-radius:8px}.inf-fila:hover{background:#f1f5fa}.inf-fila-main{flex:1;min-width:0;text-align:left;background:transparent;border:0;padding:8px;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;gap:1px}.inf-fila-main strong{font-size:13.5px}.inf-fila-main small{color:#778;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inf-fila .inf-star{position:static;flex:none}.kpis.compact{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.kpis.compact .kpi{padding:8px 12px}.kpis.compact .kpi .v{font-size:20px}.inf-barra{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}.inf-busca{position:relative;flex:1 1 260px;max-width:420px;display:flex;align-items:center}.inf-busca>svg{position:absolute;left:12px;color:#889;pointer-events:none}.inf-busca .input{padding-left:36px;width:100%}.inf-h{display:flex;align-items:center;gap:10px;margin:6px 0 10px;font-size:16px;color:var(--navy-800)}.inf-h small{font-weight:400;color:#667;font-size:13px}.inf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.inf-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:12px;transition:box-shadow .15s,border-color .15s}.inf-card:hover{box-shadow:0 4px 14px #0000001a;border-color:var(--navy-700)}.inf-card-main{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;background:transparent;border:0;padding:14px 44px 14px 14px;cursor:pointer;font:inherit;color:inherit}.inf-txt{display:flex;flex-direction:column;gap:3px;min-width:0}.inf-txt strong{font-size:14.5px}.inf-txt small{color:#667;font-size:12.5px;line-height:1.35}.inf-ico{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.inf-ico.sm{width:28px;height:28px;border-radius:8px}.inf-star{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:8px;border:0;background:transparent;color:#b8c2cf;cursor:pointer;display:grid;place-items:center}.inf-star:hover{background:#f1f4f8;color:#e0a020}.inf-star.on{color:#e0a020}.inf-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.al-hero{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1.4fr) minmax(280px,1.4fr);gap:14px;align-items:stretch}@media (max-width: 1100px){.al-hero{grid-template-columns:1fr}}.al-hero>*{min-width:0}.al-card .card-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px}.al-donut{display:flex;flex-direction:column;gap:8px}.al-donut-g{position:relative}.al-donut-c{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.al-donut-c strong{font-size:34px;line-height:1;color:var(--navy-800)}.al-donut-c span{font-size:12px;color:#667}.al-ok{height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#27ae60;font-weight:700}.al-leyenda{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.al-ley{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer;font-size:13px;min-height:36px}.al-ley i{width:10px;height:10px;border-radius:50%;display:inline-block}.al-ley.on{border-color:var(--navy-700);background:#eef3fa}.al-urg{display:flex;flex-direction:column;gap:8px}.al-urg-i{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #f0c6c1;background:#fdf3f2;border-radius:10px;padding:8px 10px;cursor:pointer}.al-urg-t{flex:1;min-width:0;display:flex;flex-direction:column}.al-urg-t strong{font-size:13.5px}.al-urg-t small{color:#667;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-ico{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff}.al-ico.alta{background:#c0392b}.al-ico.media{background:#e0a020}.al-ico.baja{background:#2e86c1}.al-bar{flex-wrap:wrap;gap:8px}.al-chips{display:flex;gap:6px;flex-wrap:wrap}.al-n{margin-left:4px;font-weight:700}.al-feed{display:flex;flex-direction:column;gap:10px}.al-item{display:flex;gap:12px;align-items:center;border:1px solid var(--border);border-left-width:5px;border-radius:12px;padding:10px 12px;background:#fff}.al-item.alta{border-left-color:#c0392b}.al-item.media{border-left-color:#e0a020}.al-item.baja{border-left-color:#2e86c1}.al-item.cerrada{opacity:.7}.al-cuerpo{flex:1;min-width:0}.al-acc{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.al-vacio{text-align:center;padding:28px;color:#27ae60}@media (max-width: 760px){.al-item{flex-wrap:wrap}.al-acc{width:100%;justify-content:stretch}.al-acc .btn{flex:1;min-height:44px}}.mv{display:flex;flex-direction:column;gap:12px}.mv-t{margin:0;font-size:22px;color:var(--navy-800)}.mv-grande{width:100%;min-height:56px;font-size:17px;justify-content:center}.mv-seg{display:grid;grid-template-columns:1fr 1fr;background:#e8edf3;border-radius:12px;padding:4px;gap:4px}.mv-seg button{border:0;background:transparent;border-radius:9px;min-height:44px;font-weight:600;color:var(--navy-800);font-size:15px}.mv-seg button.on{background:#fff;box-shadow:0 1px 3px #0000002e}.mv-alerta{display:flex;gap:8px;align-items:center;background:#fff3d1;border-radius:10px;padding:10px 12px;font-size:14px}.mv-vacio{text-align:center;color:var(--muted, #667);padding:28px 8px}.mv-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px}.mv-card.atrasada{border-left:4px solid var(--danger, #c0392b)}.mv-card strong{font-size:16px}.mv-acc{display:flex;flex-direction:column;gap:8px;margin-top:10px}.mv-acc .btn{width:100%;justify-content:center;min-height:48px}.dg-card.selectable{display:flex;gap:12px;align-items:flex-start;user-select:none;-webkit-user-select:none;cursor:pointer}.dg-card.selectable .dg-card-body{flex:1;min-width:0}.dg-card-check{flex:none;width:26px;height:26px;border-radius:8px;border:2px solid #9aa8b8;display:grid;place-items:center;font-weight:800;color:#fff;margin-top:2px}.dg-card.sel{border-color:var(--navy-700);background:#eef3fa}.dg-card.sel .dg-card-check{background:var(--navy-700);border-color:var(--navy-700)}.dg-card.off{opacity:.55;cursor:not-allowed}.btn.primary-soft{background:#e8eef6;border-color:var(--navy-700);color:var(--navy-800)}.inline-nuevo{margin-top:14px;padding:12px 14px;border:1px dashed var(--navy-700);border-radius:10px;background:#f6f8fb;display:flex;flex-direction:column;gap:10px}.inline-nuevo-h{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.inline-nuevo .inline-nuevo{background:#fff}.panel-dock.solo{flex:1;max-height:none;border-bottom:0;box-shadow:none;padding-bottom:28px}.panel-toggle{gap:6px}.panel-toggle .panel-sw{width:28px;height:16px;border-radius:999px;background:#b8c2cf;position:relative;transition:background .15s;flex:none}.panel-toggle .panel-sw:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s}.panel-toggle.on{border-color:var(--navy-700)}.panel-toggle.on .panel-sw{background:var(--navy-700)}.panel-toggle.on .panel-sw:after{transform:translate(12px)}.breadcrumbs{font-size:12.5px;color:var(--text-3);margin-bottom:4px;display:flex;gap:6px;flex-wrap:wrap}.breadcrumbs a{color:var(--text-2)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.page-header .sub{color:var(--text-2);margin-top:2px;font-size:13px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.icon-btn{background:none;border:1px solid transparent;border-radius:6px;padding:6px;cursor:pointer;color:var(--text-2);display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--neutral-bg);color:var(--text)}.user-switch{display:flex;align-items:center;gap:8px}.user-switch select{max-width:270px}.mobile-tabbar{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);padding:7px 14px;border-radius:6px;cursor:pointer;font-weight:600;white-space:nowrap;line-height:1.2}.btn:hover:not(:disabled){background:var(--surface-2);border-color:#9aa8b8}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--navy-700);border-color:var(--navy-700);color:#fff}.btn.primary:hover:not(:disabled){background:var(--navy-600)}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--navy-900)}.btn.accent:hover:not(:disabled){background:var(--accent-600)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover:not(:disabled){background:var(--neutral-bg)}.btn.sm{padding:4px 9px;font-size:12.5px}.btn.lg{padding:13px 20px;font-size:16px;border-radius:10px}.btn.block{width:100%}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field>label,.label{font-size:12.5px;font-weight:600;color:var(--text-2)}.field .hint{font-size:11.5px;color:var(--text-3)}.field .err{font-size:12px;color:var(--danger)}.req:after{content:" *";color:var(--danger)}.input,.select,.textarea{width:100%;border:1px solid var(--border-strong);border-radius:6px;padding:7px 10px;background:#fff;color:var(--text);font:inherit;min-height:34px}.input:focus,.select:focus,.textarea:focus{outline:2px solid rgba(39,74,117,.28);border-color:var(--navy-600)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-2);color:var(--text-2)}.textarea{min-height:70px;resize:vertical}.check{display:inline-flex;gap:8px;align-items:center;cursor:pointer}.check input{width:16px;height:16px}.switch{position:relative;width:38px;height:22px;display:inline-block;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;background:#b8c2ce;border-radius:22px;transition:.15s;cursor:pointer}.switch span:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.15s}.switch input:checked+span{background:var(--success)}.switch input:checked+span:before{transform:translate(16px)}.switch input:disabled+span{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-h{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px}.card-b{padding:16px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.badge.success{background:var(--success-bg);color:var(--success)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.warning{background:var(--warning-bg);color:var(--warning)}.badge.danger{background:var(--danger-bg);color:var(--danger)}.badge.neutral{background:var(--neutral-bg);color:var(--neutral)}.badge.demo{background:var(--accent-100);color:#7a5600}.badge.dark{background:var(--navy-700);color:#fff}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;cursor:pointer;text-align:left;font:inherit;color:inherit;box-shadow:var(--shadow)}.kpi:hover{border-color:var(--navy-600)}.kpi .v{font-size:26px;font-weight:700;color:var(--navy-800);line-height:1.1}.kpi .l{font-size:12.5px;color:var(--text-2);margin-top:2px}.kpi.danger .v{color:var(--danger)}.kpi.warning .v{color:var(--warning)}.kpi.success .v{color:var(--success)}.callout{border-left:4px solid var(--info);background:var(--info-bg);padding:10px 14px;border-radius:4px;font-size:13px}.callout.warning{border-color:var(--accent);background:var(--warning-bg)}.callout.danger{border-color:var(--danger);background:var(--danger-bg)}.callout.success{border-color:var(--success);background:var(--success-bg)}.empty{padding:36px 16px;text-align:center;color:var(--text-3)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);overflow-x:auto;margin-bottom:14px}.tab{background:none;border:0;padding:9px 14px;cursor:pointer;font-weight:600;color:var(--text-2);border-bottom:3px solid transparent;white-space:nowrap}.tab:hover{color:var(--text)}.tab.active{color:var(--navy-700);border-color:var(--accent)}.dl{display:grid;grid-template-columns:170px 1fr;gap:6px 14px;font-size:13.5px}.dl dt{color:var(--text-2)}.dl dd{margin:0;word-break:break-word}hr.sep{border:0;border-top:1px solid var(--border);margin:14px 0}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--border-strong);background:#fff;border-radius:14px;padding:3px 10px;font-size:12.5px;cursor:pointer}.chip.on{background:var(--navy-700);color:#fff;border-color:var(--navy-700)}.dg{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-height:300px;overflow:hidden}.dg-toolbar{padding:10px 12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--border);background:var(--surface-2);flex-shrink:0}.dg-toolbar .input,.dg-toolbar .select{width:auto;min-width:140px}.dg-search{position:relative}.dg-search svg{position:absolute;left:8px;top:9px;color:var(--text-3)}.dg-search .input{padding-left:28px;min-width:220px}.dg-scroll{flex:1;min-height:0;overflow:auto;position:relative}.dg table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.dg th{position:sticky;top:0;z-index:2;background:#eef2f6;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.02em;color:var(--text-2);padding:9px 12px;border-bottom:1px solid var(--border-strong);white-space:nowrap;-webkit-user-select:none;user-select:none}.dg th.sortable{cursor:pointer}.dg th.sortable:hover{color:var(--text);background:#e4eaf1}.dg td{padding:8px 12px;border-bottom:1px solid #edf0f4;vertical-align:middle;max-width:420px}.dg tbody tr:hover td{background:#f6f9fc}.dg tbody tr.clickable{cursor:pointer}.dg tbody tr.sel td{background:#e8f1fb}.dg td.nowrap,.dg th{white-space:nowrap}.dg-sticky-first th:first-child,.dg-sticky-first td:first-child{position:sticky;left:0;z-index:1;background:inherit}.dg th:first-child{z-index:3}.dg-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 12px;border-top:1px solid var(--border);background:var(--surface-2);flex-shrink:0;font-size:13px}.dg-pager{display:flex;align-items:center;gap:6px}.dg-state{padding:40px 16px;text-align:center;color:var(--text-3)}.dg-cards{padding:10px;display:flex;flex-direction:column;gap:10px}.dg-card{border:1px solid var(--border);border-radius:10px;padding:12px;background:#fff;cursor:pointer}.col-menu{position:absolute;right:12px;top:44px;z-index:30;background:#fff;border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow);padding:10px;width:250px;max-height:340px;overflow:auto}.spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--navy-600);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1b2e80;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal{background:#fff;border-radius:12px;box-shadow:0 12px 40px #0000004d;width:min(720px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column}.modal.lg{width:min(1040px,100%)}.modal.sm{width:min(460px,100%)}.modal.xl{width:min(1280px,100%)}.modal-h{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-b{padding:18px;overflow:auto;flex:1}.modal-f{padding:12px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:200;max-width:min(420px,calc(100vw - 32px))}.toast{background:var(--navy-800);color:#fff;padding:10px 14px;border-radius:8px;box-shadow:var(--shadow);display:flex;gap:10px;align-items:flex-start;border-left:4px solid var(--info)}.toast.success{border-color:var(--success)}.toast.error{border-color:var(--danger);background:#5a1f19}.toast.warning{border-color:var(--accent)}.sig{border:2px dashed var(--border-strong);border-radius:8px;background:#fff;touch-action:none;display:block;width:100%;height:150px;cursor:crosshair}.photos{display:flex;gap:8px;flex-wrap:wrap}.photo{position:relative;width:96px;height:72px;border-radius:6px;overflow:hidden;border:1px solid var(--border);background:#000}.photo img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}.photo button{position:absolute;top:2px;right:2px;background:#0009;color:#fff;border:0;border-radius:50%;width:20px;height:20px;cursor:pointer;line-height:1}.qr-box{display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border:1px solid var(--border);border-radius:8px;background:#fff}.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:var(--border-strong)}.tl-item{position:relative;padding:0 0 14px 6px}.tl-item:before{content:"";position:absolute;left:-19px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--navy-600);border:2px solid #fff;box-shadow:0 0 0 1px var(--navy-600)}.tl-item.warn:before{background:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tl-item.bad:before{background:var(--danger);box-shadow:0 0 0 1px var(--danger)}.tl-item.ok:before{background:var(--success);box-shadow:0 0 0 1px var(--success)}.tl-date{font-size:12px;color:var(--text-3)}.ck-item{border:1px solid var(--border);border-radius:10px;padding:12px;background:#fff}.ck-item.bad{border-color:var(--danger);background:#fff8f7}.ck-q{display:flex;gap:10px;font-weight:600;margin-bottom:8px}.ck-n{background:var(--neutral-bg);border-radius:12px;min-width:26px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;padding:0 6px}.bmna{display:flex;gap:8px}.bmna button{flex:1;padding:10px 6px;border:2px solid var(--border-strong);border-radius:8px;background:#fff;font-weight:700;cursor:pointer;font-size:14px}.bmna button.on.B,.bmna button.on.SI{background:var(--success);border-color:var(--success);color:#fff}.bmna button.on.M,.bmna button.on.NO{background:var(--danger);border-color:var(--danger);color:#fff}.bmna button.on.NA{background:var(--neutral);border-color:var(--neutral);color:#fff}.progress{height:8px;background:var(--neutral-bg);border-radius:4px;overflow:hidden}.progress>div{height:100%;background:var(--accent);transition:width .2s}.week-grid{border-collapse:collapse;width:100%;font-size:12.5px}.week-grid th,.week-grid td{border:1px solid var(--border-strong);padding:4px 6px;text-align:center}.week-grid td.t{text-align:left}.cell-B{background:var(--success-bg);color:var(--success);font-weight:700}.cell-M{background:var(--danger-bg);color:var(--danger);font-weight:700}.cell-NA{background:var(--neutral-bg);color:var(--neutral)}.qr-big-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.home-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;border:1px solid var(--border);border-radius:14px;background:#fff;font-weight:700;color:var(--navy-800);cursor:pointer;text-align:center;box-shadow:var(--shadow);text-decoration:none;font-size:15px}.home-tile:hover{background:var(--accent-100);text-decoration:none}.stat-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--neutral-bg)}.matrix-table{border-collapse:collapse;font-size:13px}.matrix-table th,.matrix-table td{border:1px solid var(--border);padding:6px 8px}.matrix-table th{background:var(--surface-2);position:sticky;top:0}@media (max-width: 1099px){.grid4,.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 699px){body{font-size:15px}.sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-100%);width:min(86vw,320px)!important;transition:transform .2s;box-shadow:4px 0 24px #00000059}.sidebar.mobile-open{transform:none}.sidebar.collapsed .brand .name,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-chevron{display:initial}.sidebar.collapsed .nav-link{padding-left:38px;justify-content:flex-start}.sidebar.collapsed .nav-group>button.nav-head{justify-content:flex-start}.sidebar.collapsed .nav-group:not(.open) .nav-items{display:block}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:35}.content{padding:12px 12px 88px}.grid2,.grid3,.grid4{grid-template-columns:1fr}.topbar .title-sys,.topbar .user-switch .small,.demo-ribbon{display:none}.user-switch select{max-width:52vw}.btn{padding:10px 14px}.btn.sm{padding:7px 10px}.input,.select{min-height:42px;font-size:16px}.dl{grid-template-columns:1fr;gap:0}.dl dt{margin-top:8px;font-size:12px}.mobile-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--border-strong);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.mobile-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;color:var(--text-2);font-size:11px;text-decoration:none;font-weight:600}.mobile-tabbar a.active{color:var(--navy-700)}.modal-back{padding:0;align-items:flex-end}.modal,.modal.lg,.modal.sm,.modal.xl{width:100%;max-height:94dvh;border-radius:16px 16px 0 0}.dg-toolbar .input,.dg-toolbar .select,.dg-search .input{min-width:0;width:100%}.dg-search{flex:1 1 100%}}@media print{.sidebar,.topbar,.preview-bar,.mobile-tabbar,.page-actions,.no-print,.toasts{display:none!important}.shell,.main{display:block;height:auto}.content{overflow:visible;padding:0}body{background:#fff}}.sim-panel{position:fixed;top:0;right:0;bottom:0;width:460px;background:var(--surface);border-left:1px solid var(--border-strong);box-shadow:-6px 0 24px #0d1b2e2e;z-index:60;display:flex;flex-direction:column;overflow-y:auto}.sim-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--navy-800);color:#fff;position:sticky;top:0;z-index:2}.sim-head .icon-btn{color:#fff}.sim-ctrl{padding:10px 14px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--border)}.sim-escenario{padding:14px;background:#e6eaf0;display:flex;flex-direction:column;align-items:center}.sim-marco{background:#101820;border-radius:34px;padding:12px;position:relative;box-shadow:0 8px 24px #00000059}.sim-marco:before{content:"";position:absolute;top:5px;left:50%;width:56px;height:5px;margin-left:-28px;background:#2b3745;border-radius:3px}.sim-pantalla{transform-origin:top left;background:#fff;border-radius:4px;overflow:hidden}.sim-pantalla iframe{border:0;display:block;background:#fff}.sim-detalle{padding:12px 14px 24px;display:flex;flex-direction:column;gap:8px}@media (min-width: 1100px){.shell.con-sim .main{margin-right:460px}}@media (max-width: 1099px){.sim-panel{width:min(460px,100vw)}}.dg.fit table{width:100%;min-width:0}.dg.fit th,.dg.fit td,.dg.fit td.nowrap{white-space:normal;max-width:none;overflow-wrap:break-word;word-break:normal}.dg.fit td .check,.dg.fit td .switch{white-space:nowrap}.dg.fit td .mono,.dg.fit td .badge,.dg.fit td .btn{white-space:nowrap;overflow-wrap:normal}.dg.fit th{overflow-wrap:normal}.perm-head{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:flex-end;margin-bottom:12px}.perm-head .devs{display:flex;gap:18px;flex-wrap:wrap;align-items:center;padding-bottom:6px}.perm-scroll{overflow:auto;max-height:calc(100dvh - 420px);min-height:240px;border:1px solid var(--border);border-radius:10px;background:#fff}.perm-table{border-collapse:separate;border-spacing:0;width:100%;min-width:860px}.perm-table th{position:sticky;top:0;z-index:2;background:#f3f6fa;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:#4a5b72;padding:10px 8px;text-align:center;border-bottom:1px solid var(--border)}.perm-table th:first-child,.perm-table td:first-child{text-align:left;padding-left:16px;min-width:240px}.perm-table td{padding:10px 8px;text-align:center;border-bottom:1px solid #edf0f4}.perm-table tr:last-child td{border-bottom:0}.perm-table .cat{font-size:12px;color:#7a8798}.perm-check{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:24px;height:24px;border:2px solid #b8c2ce;border-radius:6px;background:#fff;cursor:pointer;display:inline-grid;place-content:center;margin:0;transition:.12s}.perm-check:after{content:"";width:6px;height:12px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);margin-top:-2px;transition:.12s}.perm-check:checked{background:#1c8a5a;border-color:#1c8a5a}.perm-check:checked:after{transform:rotate(45deg) scale(1)}.perm-check:disabled{opacity:.55;cursor:not-allowed}.perm-check:focus-visible{outline:3px solid #9ad3b9;outline-offset:2px}.perm-note{font-size:12.5px;color:#6b7889;margin-top:10px}.dev-icons{display:inline-flex;gap:6px}.dev-icons .on{color:#1c8a5a}.dev-icons .off{color:#c4ccd6}.rol-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.rol-card{border:1px solid var(--border);border-radius:10px;background:#fff;padding:14px;display:flex;flex-direction:column;gap:8px}.shell.tablet .sidebar{position:fixed;left:0;top:0;bottom:0;z-index:45}.shell.tablet .sidebar.tablet-open{width:var(--sidebar-w);box-shadow:6px 0 24px #0000004d}.shell.tablet .main{margin-left:var(--sidebar-w-collapsed)}.shell.tablet .scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:40}.shell.tablet .content{padding:14px 16px 24px}.shell.tablet .demo-ribbon{display:none}.sim-page{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:20px;align-items:start}.sim-modos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sim-modo{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border:2px solid var(--border-strong);border-radius:10px;background:#fff;cursor:pointer;font-weight:700;color:var(--text-2);font-size:12.5px}.sim-modo small{font-weight:400;color:var(--text-3);font-size:11px}.sim-modo.on{border-color:var(--navy-600);background:var(--info-bg);color:var(--navy-800)}.sim-mod{border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.sim-escenario2{display:flex;flex-direction:column;align-items:center;padding:18px 8px 8px;background:#e6eaf0;border-radius:var(--radius);min-height:400px}.sim-device{position:relative;background:#0d141c;box-shadow:0 12px 34px #0006,inset 0 0 0 2px #2a3644}.sim-device.phone{border-radius:46px}.sim-device.tablet{border-radius:30px}.sim-notch{position:absolute;top:9px;left:50%;width:92px;height:20px;margin-left:-46px;background:#0d141c;border-radius:12px;z-index:3}.sim-cam{position:absolute;top:6px;left:50%;width:7px;height:7px;margin-left:-3px;background:#2a3644;border-radius:50%;z-index:3}.sim-screen{transform-origin:top left;background:#fff;overflow:hidden;border-radius:6px}.sim-status{background:var(--navy-800);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:12px}.sim-status-r{display:inline-flex;align-items:center;gap:6px}.sim-pill{display:inline-flex;align-items:center;gap:3px;background:#ffffff2e;border-radius:10px;padding:1px 7px;font-weight:700;font-size:10.5px}.sim-screen iframe{border:0;display:block;background:#fff}@media (max-width: 1099px){.sim-page{grid-template-columns:1fr}}.sim-detalles>summary{cursor:pointer;list-style:none}.sim-detalles>summary::-webkit-details-marker{display:none}.sim-detalles[open]>summary{border-bottom:1px solid var(--border)}@media (max-width: 1099px){.sim-page>.col{order:2}.sim-page>.sim-escenario2{order:1}}.sim-escenario2{position:sticky;top:8px;align-self:start;max-height:calc(100dvh - 90px)}@media (max-width: 1099px){.sim-escenario2{position:static;max-height:none}}.vis-pasos{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;font-size:13px;color:var(--text-2)}.vis-pasos span{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--border);padding:4px 12px 4px 6px;border-radius:16px}.vis-pasos b{background:var(--navy-700);color:#fff;border-radius:50%;width:20px;height:20px;display:inline-grid;place-items:center;font-size:12px}.vis-roles{display:flex;gap:8px;flex-wrap:wrap}.vis-rol{display:flex;flex-direction:column;gap:2px;text-align:left;padding:8px 12px;border:2px solid var(--border-strong);border-radius:10px;background:#fff;cursor:pointer;min-width:150px;color:var(--text)}.vis-rol .small{color:var(--text-3)}.vis-rol:hover{border-color:var(--navy-600)}.vis-rol.on{border-color:var(--navy-600);background:var(--info-bg)}.vis-rol.general{border-style:dashed}.vis-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start;margin-bottom:12px}.vis-previa{position:sticky;top:8px}.vis-disp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vis-disp-card{border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;background:var(--surface-2)}.vis-disp-card.off{background:var(--neutral-bg);opacity:.8}.vis-num{font-size:26px;font-weight:700;color:var(--navy-800);line-height:1.1}.vis-num span{font-size:12.5px;font-weight:400;color:var(--text-2)}.vis-ayuda{display:flex;gap:8px;background:var(--info-bg);border-radius:8px;padding:8px 12px;font-size:13px}.vis-ayuda svg{flex-shrink:0;margin-top:2px;color:var(--info)}.vis-tabla{border:1px solid var(--border);border-radius:10px;overflow:auto;max-height:calc(100dvh - 330px);min-height:320px;background:#fff}.vis-fila{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,92px);align-items:center;gap:4px;padding:8px 12px;border-bottom:1px solid #edf0f4}.vis-fila .c{display:flex;align-items:center;justify-content:center;gap:6px}.vis-cab{position:sticky;top:0;z-index:2;background:#eef2f6;font-size:12px;text-transform:uppercase;letter-spacing:.02em;color:var(--text-2);font-weight:700}.vis-mod{background:var(--surface-2);position:sticky;top:36px;z-index:1;border-top:1px solid var(--border-strong)}.vis-fila.sin-permiso{opacity:.55;background:repeating-linear-gradient(135deg,#fff,#fff 8px,#f7f8fa 8px,#f7f8fa 16px)}.vis-tri{width:18px;height:18px;accent-color:var(--navy-600);cursor:pointer}.vis-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);vertical-align:middle}.vis-tabs{display:flex;gap:6px}.vis-adv{display:flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;font-weight:700;color:var(--navy-700);padding:0;text-align:left}@media (max-width: 1099px){.vis-layout{grid-template-columns:1fr}.vis-previa{position:static}}@media (max-width: 699px){.vis-disp{grid-template-columns:1fr}.vis-fila{grid-template-columns:minmax(0,1fr) repeat(3,60px);padding:8px 6px}.vis-cab span{display:none}.vis-rol{min-width:0;flex:1 1 45%}}.perm-dato{padding-bottom:6px}.perm-table .vis-th{min-width:190px}.vis-se-ve{display:inline-flex;gap:12px;align-items:center;justify-content:center}.vis-dev{display:inline-flex;align-items:center;gap:4px;color:#4a5b72}.vis-sw.algo .switch span{background:var(--accent)}.vis-subfila td{background:#fafbfd;text-align:left;padding:8px 8px 8px 48px}.vis-subfila td:last-child{text-align:center;padding-left:8px}.vis-subfila.sin-permiso{opacity:.55}.nav-flat{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:6px;color:inherit;font-weight:600;text-decoration:none;position:relative}.nav-flat:hover{background:#ffffff12;color:#fff;text-decoration:none}.nav-flat.active{background:#f2a90029;color:#fff}.nav-flat.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--accent);border-radius:2px}.sidebar.collapsed .nav-flat{justify-content:center}.ck-item{transition:box-shadow .25s,background .25s;scroll-margin-top:80px}.ck-item.foco{box-shadow:0 0 0 3px var(--accent);background:var(--accent-100)}.sim-ventana{min-height:100dvh;background:#e6eaf0;display:flex;flex-direction:column}.sim-ventana-barra{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:8px 12px;background:var(--navy-800)}.sim-ventana-barra .select{width:auto;max-width:300px;min-height:32px;padding:3px 8px}@media (min-width: 700px){.sidebar.collapsed .nav-items{display:none!important}}