:root{--azul: #1d4f91;--azul-osc: #153a6b;--azul-cl: #e8f0fb;--texto: #1f2933;--texto-2: #52606d;--borde: #d9e2ec;--fondo: #f5f7fa;--blanco: #fff;--verde: #1f7a4d;--verde-cl: #e3f4ea;--ambar: #a15c00;--ambar-cl: #fff3dc;--rojo: #b42318;--rojo-cl: #fde8e7;--gris-cl: #eef1f4;--morado: #5b3cc4;--morado-cl: #efeafd;--radio: 8px;--sombra: 0 1px 3px rgba(16, 24, 40, .08);--fuente: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--fondo);color:var(--texto);font:14px/1.5 var(--fuente)}a{color:var(--azul);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.45rem;margin:0 0 .25rem}h2{font-size:1.15rem;margin:0 0 .75rem}h3{font-size:1rem;margin:0 0 .5rem}code,pre{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em}pre{background:var(--gris-cl);padding:.75rem;border-radius:var(--radio);overflow:auto;white-space:pre-wrap}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1rem;padding:0 1rem;height:52px;background:var(--azul-osc);color:#fff}.topbar a{color:#dbe7f7}.marca{font-weight:700;color:#fff!important;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.logo{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#fff;color:var(--azul-osc);font-weight:800}.topbar nav{display:flex;gap:.25rem;flex:1}.topbar nav a{padding:.4rem .7rem;border-radius:6px}.topbar nav a.activo,.topbar nav a:hover{background:#ffffff24;color:#fff;text-decoration:none}.usuario{display:flex;align-items:center;gap:.6rem}.usuario .nombre{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:1.4rem;cursor:pointer}.contenido{max-width:1320px;margin:0 auto;padding:1.25rem 1rem 3rem}@media(max-width:860px){.menu-btn{display:block;margin-left:auto}.topbar nav{display:none;position:absolute;top:52px;left:0;right:0;flex-direction:column;background:var(--azul-osc);padding:.5rem}.topbar nav.abierto{display:flex}.usuario .nombre{display:none}}.fila{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.fila.fin{justify-content:flex-end}.entre{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.crece{flex:1}.mt{margin-top:1rem}.mb{margin-bottom:1rem}.m0{margin:0}.sutil{color:var(--texto-2);font-size:.9em}.enlace-sutil{opacity:.85}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.detalle-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem;align-items:start}@media(max-width:1000px){.detalle-grid{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.grid2,.grid3,.grid4{grid-template-columns:1fr}}.oculto{display:none!important}.texto-pre{white-space:pre-wrap;word-break:break-word}.card{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:1rem}.card+.card{margin-top:1rem}.card h2{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.kpi .valor{font-size:1.8rem;font-weight:700;line-height:1.1}.kpi .etq{color:var(--texto-2);font-size:.85rem}label{display:block;font-weight:600;font-size:.85rem;margin-bottom:.25rem;color:var(--texto-2)}.campo{margin-bottom:.8rem}input,select,textarea{width:100%;font:inherit;color:inherit;padding:.5rem .6rem;border:1px solid var(--borde);border-radius:6px;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid var(--azul-cl);border-color:var(--azul)}textarea{min-height:90px;resize:vertical}input[type=checkbox],input[type=radio]{width:auto}.check{display:flex;align-items:center;gap:.4rem;font-weight:500;color:var(--texto)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font:inherit;font-weight:600;padding:.5rem .95rem;border-radius:6px;border:1px solid var(--azul);background:var(--azul);color:#fff;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--azul-osc);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sec{background:#fff;color:var(--azul)}.btn-sec:hover{background:var(--azul-cl)}.btn-peligro{background:var(--rojo);border-color:var(--rojo)}.btn-peligro:hover{background:#8f1c13}.btn-ok{background:var(--verde);border-color:var(--verde)}.btn-sm{padding:.25rem .6rem;font-size:.85rem}.btn-link{background:none;border:0;color:var(--azul);padding:0;cursor:pointer;font:inherit}.error{color:var(--rojo);font-size:.9rem}.tabla-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--borde);vertical-align:top}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.02em;color:var(--texto-2);background:#fafbfc;white-space:nowrap}tr.click{cursor:pointer}tr.click:hover td{background:#f7faff}td.num,th.num{text-align:right}.paginador{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;margin-top:.75rem}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--gris-cl);color:var(--texto-2);white-space:nowrap}.b-POR_CLASIFICAR{background:var(--morado-cl);color:var(--morado)}.b-ASIGNADO,.b-REABIERTO{background:var(--azul-cl);color:var(--azul)}.b-EN_PROCESO{background:#e0f2fe;color:#075985}.b-EN_ESPERA_USUARIO,.b-EN_ESPERA_PROVEEDOR{background:var(--ambar-cl);color:var(--ambar)}.b-RESUELTO,.b-CERRADO{background:var(--verde-cl);color:var(--verde)}.b-ANULADO{background:var(--gris-cl);color:var(--texto-2);text-decoration:line-through}.sem{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;white-space:nowrap}.sem:before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:#9aa5b1}.sem-EN_TIEMPO:before,.sem-CUMPLIDO:before{background:var(--verde)}.sem-EN_RIESGO:before{background:#e8a200}.sem-VENCIDO:before,.sem-INCUMPLIDO:before{background:var(--rojo)}.sem-PAUSADO:before{background:#7b8794}.pri{font-weight:700;font-size:.8rem}.pri-P1{color:var(--rojo)}.pri-P2{color:var(--ambar)}.pri-P3{color:var(--azul)}.pri-P4{color:var(--texto-2)}.barra{height:8px;background:var(--gris-cl);border-radius:99px;overflow:hidden}.barra>span{display:block;height:100%;background:var(--verde)}.barra.EN_RIESGO>span{background:#e8a200}.barra.VENCIDO>span,.barra.INCUMPLIDO>span{background:var(--rojo)}.barra.PAUSADO>span{background:#9aa5b1}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--borde);margin-bottom:1rem;overflow-x:auto}.tabs a,.tabs button{padding:.55rem .9rem;border:0;background:none;font:inherit;color:var(--texto-2);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tabs .activo{color:var(--azul);border-bottom-color:var(--azul);font-weight:600;text-decoration:none}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--borde);background:#fff;cursor:pointer;font:inherit}.chip.activo{background:var(--azul);color:#fff;border-color:var(--azul)}.conversacion{display:flex;flex-direction:column;gap:.75rem}.msg{border:1px solid var(--borde);border-radius:var(--radio);padding:.6rem .8rem;background:#fff}.msg.INTERNO{background:#fffaf0;border-color:#f3d9a4}.msg.SISTEMA{background:var(--gris-cl);font-size:.9em}.msg .cab{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;color:var(--texto-2);margin-bottom:.3rem;flex-wrap:wrap}.msg .cuerpo{white-space:pre-wrap;word-break:break-word}.html-correo{white-space:normal;max-height:380px;overflow:auto}.md p{margin:.4rem 0}.md h3,.md h4{margin:.9rem 0 .4rem}dl.datos{display:grid;grid-template-columns:130px minmax(0,1fr);gap:.35rem .75rem;margin:0}dl.datos dt{color:var(--texto-2);font-size:.85rem}dl.datos dd{margin:0;word-break:break-word}.barras{display:flex;flex-direction:column;gap:.4rem}.barras .b{display:grid;grid-template-columns:minmax(90px,40%) 1fr 48px;gap:.5rem;align-items:center;font-size:.85rem}.barras .b .et{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barras .b .tr{height:14px;background:var(--gris-cl);border-radius:4px;overflow:hidden}.barras .b .tr span{display:block;height:100%;background:var(--azul);border-radius:4px}.barras .b .v{text-align:right;font-variant-numeric:tabular-nums}.arbol details{border:1px solid var(--borde);border-radius:6px;margin-bottom:.5rem;background:#fff}.arbol summary{padding:.55rem .75rem;cursor:pointer;font-weight:600}.arbol .cat{padding:.25rem .75rem .5rem 1.5rem}.opcion-tip{display:block;width:100%;text-align:left;border:1px solid var(--borde);background:#fff;border-radius:6px;padding:.5rem .75rem;margin:.3rem 0;cursor:pointer;font:inherit}.opcion-tip:hover,.opcion-tip.sel{border-color:var(--azul);background:var(--azul-cl)}.ac{position:relative}.ac-lista{position:absolute;z-index:10;left:0;right:0;background:#fff;border:1px solid var(--borde);border-radius:6px;box-shadow:var(--sombra);max-height:260px;overflow:auto}.ac-lista button{display:block;width:100%;text-align:left;border:0;background:none;padding:.5rem .7rem;cursor:pointer;font:inherit}.ac-lista button:hover{background:var(--azul-cl)}.toasts{position:fixed;right:1rem;bottom:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:100;max-width:min(420px,calc(100vw - 2rem))}.toast{padding:.7rem 1rem;border-radius:var(--radio);box-shadow:0 4px 14px #00000026;background:#fff;border-left:4px solid var(--azul);cursor:pointer}.toast-ok{border-left-color:var(--verde)}.toast-error{border-left-color:var(--rojo)}.aviso{padding:.7rem .9rem;border-radius:var(--radio);background:var(--azul-cl);border:1px solid #c3d6f2}.aviso.ambar{background:var(--ambar-cl);border-color:#f0d49a}.aviso.rojo{background:var(--rojo-cl);border-color:#f5b8b3}.aviso.verde{background:var(--verde-cl);border-color:#a9dcbf}.modal-fondo{position:fixed;inset:0;background:#0f172a73;display:grid;place-items:center;z-index:50;padding:1rem}.modal{background:#fff;border-radius:10px;width:min(560px,100%);max-height:90vh;overflow:auto;padding:1.25rem;box-shadow:0 10px 40px #00000040}.centro{min-height:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(160deg,#153a6b,#1d4f91 55%,#f5f7fa 55%)}.caja{width:min(400px,100%)}.estrellas button{font-size:2rem;background:none;border:0;cursor:pointer;color:#cbd2d9;padding:0 .1rem}.estrellas button.on{color:#f5a300}
