:root{--bg: #f4f6fa;--panel: #ffffff;--borde: #e2e7ef;--texto: #14213d;--muted: #64708a;--primario: #243E77;--primario-2: #1a2e5a;--marca-azul: #243E77;--marca-azul-oscuro: #1a2e5a;--marca-dorado: #F5B507;--marca-dorado-claro: #FDD27D;--marca-plata: #CAD5DD;--alerta: #dc2626;--alerta-bg: #fef2f2;--warn: #b45309;--warn-bg: #fffbeb;--ok: #047857;--ok-bg: #ecfdf5;--sombra: 0 1px 2px rgba(15, 27, 45, .06), 0 1px 3px rgba(15, 27, 45, .05);--radio: 10px;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;color:var(--texto);background:var(--bg);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit;border:1px solid var(--borde);border-radius:8px;padding:7px 10px;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--primario) 30%,transparent);border-color:var(--primario)}code{background:#eef2f8;padding:1px 6px;border-radius:5px;font-size:12px}h2,h3,h4{margin:0}.muted{color:var(--muted)}.small{font-size:12px}.centro{padding:48px;text-align:center}.error{background:var(--alerta-bg);color:var(--alerta);border:1px solid #fecaca;padding:10px 14px;border-radius:8px;margin:10px 0}.ok{background:var(--ok-bg);color:var(--ok);border:1px solid #a7f3d0;padding:8px 14px;border-radius:8px;margin:10px 0}.aviso{background:var(--warn-bg);color:var(--warn);border:1px solid #fde68a;padding:8px 14px;border-radius:8px}.btn{border:1px solid var(--borde);background:#fff;border-radius:8px;padding:7px 14px;color:var(--texto)}.btn:hover{border-color:#c5cedd}.btn.primario{background:var(--primario);border-color:var(--primario);color:#fff;font-weight:600}.btn.primario:hover{background:var(--primario-2)}.btn:disabled{opacity:.6;cursor:default}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:#eef2f8}.btn.mini{padding:3px 10px;font-size:12px}.btn.enlace{color:var(--primario);padding-left:0}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,var(--marca-azul-oscuro),var(--marca-azul));padding:16px}.login-card{border-top:5px solid var(--marca-dorado)}.login-logo{width:220px;max-width:100%;height:auto;justify-self:center;margin:-8px 0 4px}.login-card h1{text-align:center}.login-card>p.muted{text-align:center}.login-card{background:#fff;padding:36px 32px;border-radius:16px;width:min(380px,100%);display:grid;gap:14px;box-shadow:0 20px 50px #0000004d}.login-card h1{font-size:20px;margin:0}.login-card p{margin:-10px 0 6px}.login-card label{display:grid;gap:6px;font-weight:600;font-size:13px}.logo{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#fff;padding:3px;flex:none}.logo img{width:100%;height:100%;object-fit:contain;display:block}.logo.grande{width:48px;height:48px;font-size:28px}.topbar{display:flex;align-items:center;gap:24px;padding:10px 24px;background:var(--marca-azul);color:#fff;position:sticky;top:0;z-index:10;flex-wrap:wrap;border-bottom:3px solid var(--marca-dorado)}.marca{display:flex;gap:10px;align-items:center}.marca small,.usuario small{display:block;color:var(--marca-plata);font-size:11px}.topbar nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}.nav{background:transparent;border:0;color:#dbe3ee;padding:8px 14px;border-radius:8px}.nav:hover{background:#ffffff14}.nav.activo{background:#ffffff24;color:#fff;font-weight:600;box-shadow:inset 0 -2px 0 var(--marca-dorado)}.usuario{display:flex;gap:12px;align-items:center;text-align:right}.usuario .btn.ghost{color:#c7d2e5}.usuario .btn.ghost:hover{background:#ffffff14}main{padding:18px 24px 40px}.barra{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.filtros,.acciones{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.buscar-do{width:150px}.toggle{display:inline-flex;gap:6px;align-items:center;font-size:13px}.buscador{position:relative}.buscador input{width:240px;padding-right:26px}.buscador .limpiar{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--muted);font-size:16px}.sugerencias{position:absolute;z-index:20;top:calc(100% + 4px);left:0;min-width:320px;background:#fff;border:1px solid var(--borde);border-radius:8px;box-shadow:0 8px 24px #0f1b2d1f;list-style:none;margin:0;padding:4px}.sugerencias li{display:flex;justify-content:space-between;gap:12px;padding:7px 10px;border-radius:6px;cursor:pointer}.sugerencias li:hover{background:#eef2f8}.sugerencias small{color:var(--muted);white-space:nowrap}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:14px}.kpis>div{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);padding:12px 16px;box-shadow:var(--sombra);display:flex;gap:10px;align-items:baseline}.kpis b{font-size:24px}.kpis span{color:var(--muted)}.franja-prioridad{background:var(--alerta-bg);border:1px solid #fecaca;border-radius:var(--radio);padding:12px 14px;margin-bottom:14px}.franja-prioridad h2{font-size:15px;color:var(--alerta);margin-bottom:10px;display:flex;gap:8px;align-items:center}.franja{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.franja .tarjeta{flex:0 0 250px}.contador{background:#0f1b2d14;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:600}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:12px;overflow-x:auto;padding-bottom:8px;align-items:start}.columna{background:#e9edf4;border-radius:var(--radio);display:flex;flex-direction:column;max-height:calc(100vh - 290px);min-height:200px}.columna header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-top:4px solid var(--fase);border-radius:var(--radio) var(--radio) 0 0}.columna h3{font-size:14px}.columna-cuerpo{overflow-y:auto;padding:0 8px 8px;display:grid;gap:8px;align-content:start}.vacio{text-align:center;padding:20px 0}.tarjeta{text-align:left;background:var(--panel);border:1px solid var(--borde);border-left:4px solid var(--fase, #94a3b8);border-radius:8px;padding:10px 12px;box-shadow:var(--sombra);display:grid;gap:6px;width:100%;color:inherit}.tarjeta:hover{border-color:#b8c3d6;border-left-color:var(--fase);box-shadow:0 4px 12px #0f1b2d14}.tarjeta.prioritaria{background:snow}.tarjeta-cab{display:flex;justify-content:space-between;align-items:center}.do{font-family:Consolas,Cascadia Mono,monospace;font-size:13px}.cliente{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fase-mini{font-size:11px;color:var(--muted)}.fechas{display:flex;gap:12px;font-size:12px;color:var(--muted)}.fechas b{color:var(--texto);font-weight:600}.chips{display:flex;gap:4px;flex-wrap:wrap}.chip{font-size:11px;border-radius:999px;padding:1px 8px;background:#eef2f8;color:var(--muted);font-weight:600;margin-left:4px}.chips .chip{margin-left:0}.chip.alerta,.chip.m-CAMBIO_DETECTADO{background:#fff1d6;color:var(--warn)}.chip.m-ATRASADO,.chip.m-POSPUESTA_VENCIDA{background:#fee2e2;color:var(--alerta)}.chip.m-FASE_PRIORITARIA{background:#ffedd5;color:#c2410c}.chip.suave{font-weight:500}.progreso{height:5px;background:#e6eaf1;border-radius:99px;overflow:hidden}.progreso div{height:100%;background:var(--fase, var(--primario))}.tarjeta-pie{display:flex;gap:10px;font-size:12px;justify-content:space-between}.mini-tareas{margin:0;padding-left:16px;font-size:12px;color:#3b4a63}.drawer-fondo{position:fixed;inset:0;background:#0f1b2d59;z-index:30;display:flex;justify-content:flex-end}.drawer{width:min(640px,100%);height:100%;background:var(--panel);display:flex;flex-direction:column;box-shadow:-8px 0 30px #00000026}.drawer-cab{display:flex;justify-content:space-between;padding:18px 22px 8px}.drawer-cab h2{font-family:Consolas,monospace;font-size:20px}.drawer-cab p{margin:4px 0 0}.drawer-fase{display:flex;gap:12px;align-items:center;padding:0 22px 10px;flex-wrap:wrap}.fase-badge{background:color-mix(in srgb,var(--fase) 14%,#fff);color:color-mix(in srgb,var(--fase) 75%,#000);border:1px solid color-mix(in srgb,var(--fase) 40%,#fff);padding:3px 12px;border-radius:999px;font-weight:700;font-size:13px}.motivos{margin:0 22px 10px;padding:8px 12px 8px 28px;background:var(--alerta-bg);border-radius:8px;color:var(--alerta);font-size:13px}.motivos .m-CAMBIO_DETECTADO{color:var(--warn)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--borde);padding:0 22px;margin-bottom:12px}.admin .tabs{padding:0}.tabs button{border:0;background:none;padding:10px 14px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.activo{color:var(--primario);border-bottom-color:var(--primario);font-weight:600}.drawer-cuerpo{padding:0 22px 30px;overflow-y:auto;display:grid;gap:16px;align-content:start}.drawer-cuerpo h4{font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:6px;display:flex;align-items:center;gap:6px}.t-alerta{color:var(--alerta)!important}.tareas{list-style:none;margin:0;padding:0;display:grid;gap:6px}.tarea{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border:1px solid var(--borde);border-radius:8px;padding:9px 12px}.tarea .check{display:flex;gap:10px;align-items:flex-start;flex:1;cursor:pointer}.tarea .check input{width:17px;height:17px;margin-top:2px;accent-color:var(--ok)}.tarea-nombre{font-weight:600}.tarea-desc,.tarea-estado{display:block;font-size:12px;color:var(--muted);margin-top:2px}.tarea.e-AUTO,.tarea.e-COMPLETADA,.tarea.e-INFERIDA{background:#f6fbf8;border-color:#d1f0e0}.tarea.e-AUTO .tarea-estado,.tarea.e-COMPLETADA .tarea-estado,.tarea.e-INFERIDA .tarea-estado{color:var(--ok)}.tarea.e-POSPUESTA{background:var(--warn-bg);border-color:#fde68a}.tarea.e-POSPUESTA .tarea-estado{color:var(--warn)}.tarea.e-POSPUESTA_VENCIDA{background:var(--alerta-bg);border-color:#fecaca}.tarea.e-POSPUESTA_VENCIDA .tarea-estado{color:var(--alerta)}.tarea.e-NO_APLICA{opacity:.6}.fase-flujo.s-FUTURA{opacity:.75}.punto{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.datos{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 20px;margin:0}.datos dt{font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.03em}.datos dd{margin:2px 0 0;word-break:break-word}.bitacora{list-style:none;padding:0;margin:0;display:grid;gap:8px}.bitacora li{border-left:3px solid var(--borde);padding:4px 12px}.bitacora li.pospuesta{border-left-color:#f59e0b}.justificacion{background:var(--warn-bg);padding:4px 8px;border-radius:6px;margin-top:4px;font-size:13px}.modal-fondo{position:fixed;inset:0;background:#0f1b2d73;display:grid;place-items:center;z-index:40;padding:16px}.modal{background:#fff;border-radius:12px;padding:22px;width:min(440px,100%);display:grid;gap:12px}.modal label,.formulario label{display:grid;gap:5px;font-size:13px;font-weight:600}.modal-acciones{display:flex;justify-content:flex-end;gap:8px}.resumen h2{margin-bottom:4px}.tabla-scroll{overflow-x:auto;background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);margin:12px 0}table{border-collapse:collapse;width:100%}th,td{padding:9px 12px;border-bottom:1px solid var(--borde);text-align:left;vertical-align:top}th{font-size:12px;color:var(--muted);font-weight:600;background:#f8fafc;white-space:nowrap}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tfoot td{font-weight:700;background:#f8fafc}tr.inactivo{opacity:.5}.panel{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);padding:14px 16px;margin:12px 0;box-shadow:var(--sombra)}.fila-titulo{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:10px 0}.fase-admin{border-left:5px solid var(--fase)}.fase-admin.inactivo{opacity:.6}.fase-admin-cab{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.fase-admin-cab .nombre{font-weight:700;width:220px}input.orden{width:58px}input[type=color]{padding:2px;width:38px;height:34px}.tareas-admin{margin-bottom:8px;display:block;overflow-x:auto}.tareas-admin td:nth-child(2){min-width:260px;width:40%}.tareas-admin td:nth-child(3){min-width:200px}.tareas-admin td input:not([type]){width:100%}.tareas-admin .desc{margin-top:4px;font-size:12px}.regla{display:flex;gap:6px;flex-wrap:wrap}textarea.json{width:100%;font-family:Consolas,monospace;font-size:12px}.columnas-fuente{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}@media(max-width:720px){main{padding:12px 16px 32px}.topbar{padding:10px 16px;gap:10px}.buscador input,.buscar-do{width:100%}.filtros>*{flex:1 1 100%}.kpis{grid-template-columns:1fr 1fr;gap:8px}.kpis>div{flex-direction:column;gap:0;padding:10px 12px}.kpis b{font-size:20px}.kanban{grid-auto-columns:85%}.columna{max-height:none}}.estados{display:flex;gap:4px;flex-wrap:wrap}.est{font-size:10.5px;font-weight:700;letter-spacing:.02em;border-radius:4px;padding:1px 6px;border:1px solid var(--borde);color:#3b4a63;background:#f8fafc;text-transform:uppercase}.est-ABIERTA{color:#1d4ed8;border-color:#bfdbfe;background:#eff6ff}.info-FACTURADO,.info-COMPLETA,.info-OK_CERRAR{color:var(--ok);border-color:#a7f3d0;background:var(--ok-bg)}.info-PENDIENTE_CONTROL{color:var(--warn);border-color:#fde68a;background:var(--warn-bg)}.info-DO_RECLAMACION,.info-ANULADO{color:var(--alerta);border-color:#fecaca;background:var(--alerta-bg)}.cab-der{display:flex;gap:4px;align-items:center}.et{font-size:11px;font-weight:700;border-radius:999px;padding:1px 8px;white-space:nowrap}.et-completo{background:var(--ok-bg);color:var(--ok);border:1px solid #a7f3d0}.et-pospuesto{background:var(--warn-bg);color:var(--warn);border:1px solid #fde68a}.et-pendiente{background:#eef2f8;color:#3b4a63}.tarjeta.completa{background:#f7fcf9}.tarjeta.completa .progreso div{background:var(--ok)}.contadores{display:flex;gap:4px}.contador.ok-c{background:var(--ok-bg);color:var(--ok)}.kpis .kpi-ok b{color:var(--ok)}.observaciones{border-top:1px solid var(--borde);padding-top:14px}.obs-form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin-bottom:10px}.obs-form textarea{resize:vertical;min-height:44px}.obs-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}.obs-lista li{background:#f8fafc;border:1px solid var(--borde);border-radius:8px;padding:8px 12px}.obs-cab{display:flex;justify-content:space-between;gap:8px;font-size:13px}.obs-texto{white-space:pre-wrap;word-break:break-word;margin-top:3px}.chip.tipo{background:#e0e7ff;color:#3730a3}.chip.heredada{background:#f1f5f9;color:#475569;font-weight:600}.et-finalizado{background:#0f766e;color:#fff}.lista-cambios{margin:4px 0 0;padding-left:18px}.titulo-columna{background:none;border:0;padding:0;color:inherit;text-align:left}.titulo-columna:hover h3{text-decoration:underline}.vista-fase{background:#e9edf4;border-radius:var(--radio);border-top:4px solid var(--fase);padding:12px 14px 16px}.vista-fase header{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.vista-fase h2{font-size:16px}.vista-fase header .btn{margin-left:auto}.grid-fase{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;align-items:start}.resumen-filtros{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.segmentado{display:inline-flex;border:1px solid var(--borde);border-radius:8px;overflow:hidden;background:#fff}.segmentado button{border:0;background:none;padding:7px 14px;color:var(--muted)}.segmentado button.activo{background:var(--primario);color:#fff;font-weight:600}.et-retenido{background:var(--alerta-bg);color:var(--alerta);border:1px solid #fecaca}.kpis .kpi-alerta b{color:var(--alerta)}.btn.primario:focus-visible{outline:2px solid var(--marca-dorado);outline-offset:2px}