:root{--fondo: #f4f6f9;--panel: #ffffff;--panel-2: #f8fafc;--borde: #dfe4ec;--texto: #1b2433;--sutil: #64708a;--marca: #1f4e8c;--marca-suave: #e6eef8;--marca-texto: #ffffff;--peligro: #b42318;--sombra: 0 1px 2px rgb(16 24 40 / 6%), 0 1px 3px rgb(16 24 40 / 8%);--sombra-alta: 0 12px 32px rgb(16 24 40 / 18%);--e-nuevo: #2f6fde;--e-en_curso: #c47f00;--e-esperando: #8a56d6;--e-resuelto: #1f8a4c;--e-descartado: #8a94a6;--p-urgente: #c4231b;--p-alta: #d9730d;--p-media: #2f6fde;--p-baja: #8a94a6;color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45;color:var(--texto)}@media(prefers-color-scheme:dark){:root{--fondo: #0f1420;--panel: #171e2c;--panel-2: #1c2433;--borde: #2a3446;--texto: #e4e9f2;--sutil: #8e9ab0;--marca: #5b8fd6;--marca-suave: #1d2b44;--marca-texto: #0b1220;--peligro: #f0776c;--sombra: 0 1px 2px rgb(0 0 0 / 30%);--sombra-alta: 0 12px 32px rgb(0 0 0 / 50%);color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--fondo)}button,input,select,textarea{font:inherit;color:inherit}code{font-size:.92em;background:var(--panel-2);padding:1px 5px;border-radius:4px}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.sutil{color:var(--sutil)}.centrado{text-align:center}.error{color:var(--peligro);font-size:13px}.btn{border:1px solid var(--borde);background:var(--panel);border-radius:8px;padding:7px 12px;cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--marca)}.btn.primario{background:var(--marca);border-color:var(--marca);color:var(--marca-texto);font-weight:600}.btn.primario:hover{filter:brightness(1.08)}.btn.peligro{color:var(--peligro)}.btn:disabled{opacity:.6;cursor:default}.btn.ancho{width:100%;padding:10px}.btn-icono,.btn-texto{border:0;background:none;cursor:pointer;color:var(--sutil);padding:6px 8px;border-radius:6px}.btn-icono:hover,.btn-texto:hover{background:var(--panel-2);color:var(--texto)}.app{min-height:100vh}.barra{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:var(--panel);border-bottom:1px solid var(--borde);flex-wrap:wrap}.marca{display:flex;align-items:center;gap:10px;font-size:16px}.marca.grande{font-size:20px;justify-content:center;margin-bottom:8px}.marca-logo{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--marca);color:var(--marca-texto);font-weight:700;font-size:13px}.barra-acciones{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.conmutador{display:flex;border:1px solid var(--borde);border-radius:8px;overflow:hidden}.conmutador button{border:0;background:var(--panel);padding:7px 12px;cursor:pointer;color:var(--sutil)}.conmutador button.activo{background:var(--marca-suave);color:var(--marca);font-weight:600}.estados,.filtros{display:flex;gap:8px;flex-wrap:wrap;padding:12px 20px 0}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--borde);background:var(--panel);border-radius:999px;padding:5px 12px;cursor:pointer;color:var(--sutil)}.chip.activo{border-color:var(--marca);color:var(--marca);background:var(--marca-suave);font-weight:600}.cuenta{font-size:12px;background:var(--panel-2);border-radius:999px;padding:0 7px;color:var(--sutil)}.chip.activo .cuenta{background:var(--panel)}.buscar{flex:1 1 280px;min-width:0;border:1px solid var(--borde);background:var(--panel);border-radius:8px;padding:8px 12px}.selector{border:1px solid var(--borde);background:var(--panel);border-radius:8px;padding:7px 8px;color:var(--sutil);max-width:200px}.selector.con-valor{border-color:var(--marca);color:var(--marca)}.aviso-error{margin:12px 20px 0;padding:10px 14px;border-radius:8px;background:color-mix(in srgb,var(--peligro) 12%,var(--panel));color:var(--peligro);display:flex;justify-content:space-between;align-items:center;gap:12px}.estado{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}.estado-nuevo{background:var(--e-nuevo)}.estado-en_curso{background:var(--e-en_curso)}.estado-esperando{background:var(--e-esperando)}.estado-resuelto{background:var(--e-resuelto)}.estado-descartado{background:var(--e-descartado)}select.estado-nuevo,select.estado-en_curso,select.estado-esperando,select.estado-resuelto,select.estado-descartado{background:var(--panel)}.prio{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.prio.prio-urgente{color:var(--p-urgente)}.prio.prio-alta{color:var(--p-alta)}.prio.prio-media{color:var(--p-media)}.prio.prio-baja{color:var(--p-baja)}.contenido{padding:16px 20px 40px}@media(min-width:1000px){.app.con-ficha>.barra,.app.con-ficha>.estados,.app.con-ficha>.filtros,.app.con-ficha>.aviso-error,.app.con-ficha>.contenido{margin-right:460px}}.vacio{text-align:center;padding:60px 20px;color:var(--sutil)}.lista{display:grid;gap:8px;max-width:1100px}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-left:4px solid var(--p-media);border-radius:10px;padding:10px 14px;cursor:pointer;box-shadow:var(--sombra);display:grid;gap:6px;outline:none}.tarjeta.prio-urgente{border-left-color:var(--p-urgente)}.tarjeta.prio-alta{border-left-color:var(--p-alta)}.tarjeta.prio-baja{border-left-color:var(--p-baja)}.tarjeta:hover,.tarjeta:focus-visible{border-color:var(--marca)}.tarjeta.activa{outline:2px solid var(--marca);outline-offset:-1px}.tarjeta-cab{display:flex;align-items:center;gap:10px}.tarjeta-cab .estado{margin-left:auto}.num{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--sutil)}.tarjeta-titulo{margin:0;font-size:15px;font-weight:600}.tarjeta-pie{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--sutil);flex-wrap:wrap}.etiquetas{display:flex;flex-wrap:wrap;gap:5px}.etiqueta{font-size:12px;padding:1px 8px;border-radius:6px;background:var(--marca-suave);color:var(--marca)}.etiqueta.suave{background:var(--panel-2);color:var(--sutil)}.etiqueta.aviso{background:color-mix(in srgb,var(--p-alta) 15%,var(--panel));color:var(--p-alta)}.etiqueta.mono{background:var(--panel-2);color:var(--texto);border:1px solid var(--borde)}.tablero{display:grid;grid-template-columns:repeat(5,minmax(240px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}.columna{background:var(--panel-2);border:1px solid var(--borde);border-radius:12px;padding:8px;min-height:200px;display:flex;flex-direction:column}.columna.encima{border-color:var(--marca);background:var(--marca-suave)}.columna-cab{display:flex;align-items:center;gap:8px;font-weight:600;padding:4px 6px 10px}.columna-cab .cuenta{margin-left:auto}.columna-lista{display:grid;gap:8px;align-content:start}.columna .tarjeta{cursor:grab}.ficha{position:fixed;top:0;right:0;bottom:0;width:min(460px,100%);z-index:10;background:var(--panel);border-left:1px solid var(--borde);box-shadow:var(--sombra-alta);display:flex;flex-direction:column}.ficha-cab{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--borde)}.ficha-acciones{display:flex;gap:6px;align-items:center}.ficha-cuerpo{overflow-y:auto;padding:16px;display:grid;gap:12px;align-content:start}.ficha-titulo{margin:0;font-size:18px}.ficha-cuerpo>.sutil{margin:-6px 0 0;font-size:13px}.rapidos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.descripcion{white-space:pre-wrap;margin:0;background:var(--panel-2);padding:10px 12px;border-radius:8px}.datos{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:0}.dato dt{font-size:12px;color:var(--sutil)}.dato dd{margin:0}.seccion{margin:8px 0 0;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--sutil)}.hilo{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hilo li.comentario{background:var(--panel-2);border-radius:8px;padding:8px 10px}.hilo li.cambio{font-size:12px;color:var(--sutil);padding:0 10px;border-left:2px solid var(--borde)}.hilo li.cambio .hilo-cab strong{font-weight:500}.hilo-cab{display:flex;justify-content:space-between;gap:8px;font-size:12px}.hilo-cab time{color:var(--sutil)}.hilo p{margin:2px 0 0;white-space:pre-wrap}.nuevo-comentario{display:grid;gap:8px;justify-items:end}.nuevo-comentario textarea{width:100%}.campo{display:grid;gap:4px;min-width:0}.campo>span{font-size:12px;font-weight:600;color:var(--sutil)}.campo.ancho{grid-column:1 / -1}.campo input,.campo select,.campo textarea,.nuevo-comentario textarea{border:1px solid var(--borde);background:var(--panel);border-radius:8px;padding:8px 10px;width:100%}.campo input:focus,.campo select:focus,.campo textarea:focus,.buscar:focus,.nuevo-comentario textarea:focus{outline:2px solid color-mix(in srgb,var(--marca) 40%,transparent);border-color:var(--marca)}textarea{resize:vertical}.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.pastillas{display:flex;flex-wrap:wrap;gap:6px}.pastilla{border:1px solid var(--borde);background:var(--panel);border-radius:999px;padding:4px 11px;cursor:pointer;font-size:13px}.pastilla:hover{border-color:var(--marca)}.pastilla.activa{background:var(--marca);border-color:var(--marca);color:var(--marca-texto)}.grupo{border:1px solid var(--borde);border-radius:10px;padding:12px;margin:0;display:grid;gap:12px}.grupo legend{padding:0 6px;font-size:12px;font-weight:700;color:var(--sutil);text-transform:uppercase;letter-spacing:.05em}.velo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0a0f1973;display:grid;place-items:center;padding:16px}.modal{background:var(--panel);border-radius:14px;box-shadow:var(--sombra-alta);width:min(760px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column}.modal-cab{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--borde)}.modal-cab h2{margin:0;font-size:17px}.modal-cuerpo{padding:16px 18px;overflow-y:auto;display:grid;gap:14px}.modal-pie{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--borde);flex-wrap:wrap}.modal-pie .error{margin-right:auto}.pista{font-size:12px;color:var(--sutil);margin-right:auto}.modal-pie .error+.pista{margin-right:0}.pantalla-centro{min-height:100vh;display:grid;place-items:center;padding:16px}.caja-entrada{width:min(380px,100%);background:var(--panel);border:1px solid var(--borde);border-radius:14px;padding:24px;display:grid;gap:14px;box-shadow:var(--sombra)}.caja-entrada p{margin:0}@media(max-width:720px){.barra,.estados,.filtros{padding-left:16px;padding-right:16px}.contenido{padding:12px 16px 32px}.selector{max-width:none;flex:1 1 45%}.rapidos,.datos{grid-template-columns:1fr}.tablero{grid-template-columns:repeat(5,82vw);scroll-snap-type:x mandatory}.columna{scroll-snap-align:start}}.mas{font-size:12px;text-align:center;margin:4px 0}