:root{--m-claro-fondo: #e7ecf4;--m-claro-superficie: #ffffff;--m-claro-texto: #1c2638;--m-claro-texto-suave: #55607a;--m-claro-borde: #dde3ee;--m-claro-borde-campo: #7a849c;--m-claro-primario: #cf1536;--m-claro-sobre-primario: #ffffff;--m-claro-primario-hover: #a50f26;--m-claro-enlace: #193259;--m-claro-enlace-hover: #c9132f;--m-claro-enfoque: #234273;--m-claro-cabecera: #193259;--m-claro-acento: #c9132f;--m-claro-aviso-fondo: #f5f7fb;--m-claro-aviso-texto: #1c2638;--m-claro-error: #b3261e;--m-oscuro-fondo: #0f2040;--m-oscuro-superficie: #162c52;--m-oscuro-texto: #ffffff;--m-oscuro-texto-suave: #c9d4e8;--m-oscuro-borde: #2f4a7a;--m-oscuro-borde-campo: #8da2c8;--m-oscuro-primario: #ff6b82;--m-oscuro-sobre-primario: #0f2040;--m-oscuro-primario-hover: #ff8a9c;--m-oscuro-enlace: #a9c4f5;--m-oscuro-enlace-hover: #ffffff;--m-oscuro-enfoque: #ffffff;--m-oscuro-cabecera: #ffffff;--m-oscuro-acento: #ff8da0;--m-oscuro-aviso-fondo: #1d3a6b;--m-oscuro-aviso-texto: #ffffff;--m-oscuro-error: #ff9aa8;--m-fuente-cuerpo: system-ui, "Segoe UI", sans-serif;--m-fuente-titulo: system-ui, "Segoe UI", sans-serif;--m-radio: 12px}:root{--fondo: var(--m-claro-fondo);--superficie: var(--m-claro-superficie);--texto: var(--m-claro-texto);--texto-suave: var(--m-claro-texto-suave);--borde: var(--m-claro-borde);--borde-campo: var(--m-claro-borde-campo);--primario: var(--m-claro-primario);--sobre-primario: var(--m-claro-sobre-primario);--primario-hover: var(--m-claro-primario-hover);--enlace: var(--m-claro-enlace);--enlace-hover: var(--m-claro-enlace-hover);--enfoque: var(--m-claro-enfoque);--cabecera: var(--m-claro-cabecera);--acento: var(--m-claro-acento);--aviso-fondo: var(--m-claro-aviso-fondo);--aviso-texto: var(--m-claro-aviso-texto);--error: var(--m-claro-error);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-tema=claro]){--fondo: var(--m-oscuro-fondo);--superficie: var(--m-oscuro-superficie);--texto: var(--m-oscuro-texto);--texto-suave: var(--m-oscuro-texto-suave);--borde: var(--m-oscuro-borde);--borde-campo: var(--m-oscuro-borde-campo);--primario: var(--m-oscuro-primario);--sobre-primario: var(--m-oscuro-sobre-primario);--primario-hover: var(--m-oscuro-primario-hover);--enlace: var(--m-oscuro-enlace);--enlace-hover: var(--m-oscuro-enlace-hover);--enfoque: var(--m-oscuro-enfoque);--cabecera: var(--m-oscuro-cabecera);--acento: var(--m-oscuro-acento);--aviso-fondo: var(--m-oscuro-aviso-fondo);--aviso-texto: var(--m-oscuro-aviso-texto);--error: var(--m-oscuro-error);color-scheme:dark}}:root[data-tema=oscuro]{--fondo: var(--m-oscuro-fondo);--superficie: var(--m-oscuro-superficie);--texto: var(--m-oscuro-texto);--texto-suave: var(--m-oscuro-texto-suave);--borde: var(--m-oscuro-borde);--borde-campo: var(--m-oscuro-borde-campo);--primario: var(--m-oscuro-primario);--sobre-primario: var(--m-oscuro-sobre-primario);--primario-hover: var(--m-oscuro-primario-hover);--enlace: var(--m-oscuro-enlace);--enlace-hover: var(--m-oscuro-enlace-hover);--enfoque: var(--m-oscuro-enfoque);--cabecera: var(--m-oscuro-cabecera);--acento: var(--m-oscuro-acento);--aviso-fondo: var(--m-oscuro-aviso-fondo);--aviso-texto: var(--m-oscuro-aviso-texto);--error: var(--m-oscuro-error);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{font-size:100%}body{margin:0;background:var(--fondo);color:var(--texto);font-family:var(--m-fuente-cuerpo);line-height:1.5}h1,h2,h3{font-family:var(--m-fuente-titulo);color:var(--cabecera);line-height:1.25;margin:0 0 .5rem}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.05rem}a{color:var(--enlace)}a:hover{color:var(--enlace-hover)}:focus-visible{outline:3px solid var(--enfoque);outline-offset:2px}main:focus{outline:none}.solo-lector{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.saltar{position:absolute;left:.5rem;top:-4rem;background:var(--superficie);color:var(--texto);padding:.75rem 1rem;z-index:10;border-radius:var(--m-radio)}.saltar:focus{top:.5rem}.barra{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--superficie);border-bottom:3px solid var(--acento)}.marca{display:flex;align-items:center;gap:.75rem}.logo{height:32px;width:auto}.logo-oscuro{display:none}@media(prefers-color-scheme:dark){:root:not([data-tema=claro]) .logo-claro{display:none}:root:not([data-tema=claro]) .logo-oscuro{display:inline}}:root[data-tema=oscuro] .logo-claro{display:none}:root[data-tema=oscuro] .logo-oscuro{display:inline}.nombre-app{font-family:var(--m-fuente-titulo);font-weight:700;color:var(--cabecera)}.empresa{font-weight:400;color:var(--texto-suave)}.nav{display:flex;gap:.25rem}.enlace-nav{display:inline-flex;align-items:center;min-height:44px;padding:0 .9rem;border-radius:var(--m-radio);color:var(--enlace);text-decoration:none;font-weight:600}.enlace-nav:hover{background:var(--aviso-fondo)}.enlace-nav.router-link-exact-active{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:3px;text-decoration-color:var(--acento)}.preferencias{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.usuario{color:var(--texto-suave);font-size:.9rem}.boton,select,input,textarea,.filtro{font:inherit}.boton,.filtro{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:.5rem 1rem;border-radius:var(--m-radio);border:2px solid transparent;cursor:pointer;text-decoration:none;font-weight:600}.boton.primario{background:var(--primario);color:var(--sobre-primario)}.boton.primario:hover:not(:disabled){background:var(--primario-hover);color:var(--sobre-primario)}.boton.secundario{background:var(--superficie);color:var(--enlace);border-color:var(--borde-campo)}.boton.secundario:hover:not(:disabled){background:var(--aviso-fondo);color:var(--enlace-hover)}.boton:disabled{opacity:.55;cursor:not-allowed}select,input,textarea{min-height:44px;padding:.5rem .75rem;background:var(--superficie);color:var(--texto);border:2px solid var(--borde-campo);border-radius:calc(var(--m-radio) * .6);max-width:100%}textarea{width:100%;resize:vertical}.campo{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem;font-weight:600}.campo select,.campo input{font-weight:400}.ayuda{color:var(--texto-suave);font-size:.9rem;margin:.25rem 0 .75rem}.pagina{max-width:64rem;margin:0 auto;padding:1rem}.pagina.angosta{max-width:40rem}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--m-radio);padding:1rem;margin-bottom:1.5rem}.alerta{padding:.75rem 1rem;border-radius:calc(var(--m-radio) * .6);margin:.5rem 0;border:2px solid var(--error);background:var(--superficie);color:var(--error);font-weight:600}.error-arranque{padding:1rem;color:var(--error)}.aviso,.nota{padding:.75rem 1rem;border-radius:calc(var(--m-radio) * .6);background:var(--aviso-fondo);color:var(--aviso-texto);border:1px solid var(--borde-campo);margin:.5rem 0}.filtros{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.filtro{background:var(--superficie);color:var(--texto);border-color:var(--borde-campo)}.filtro[aria-selected=true],.filtro[aria-pressed=true]{background:var(--primario);color:var(--sobre-primario);border-color:var(--primario)}.lista{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.5rem}.fila{display:block;min-height:44px;padding:.75rem 1rem;background:var(--superficie);border:1px solid var(--borde);border-left:6px solid var(--borde-campo);border-radius:var(--m-radio);text-decoration:none;color:var(--texto)}.fila:hover{border-color:var(--enlace)}.fila.sin-leer{border-left-color:var(--primario)}.fila-arriba{display:flex;justify-content:space-between;gap:1rem}.cliente{font-weight:700;overflow-wrap:anywhere}.sin-leer .cliente{color:var(--cabecera)}.hora{color:var(--texto-suave);font-size:.85rem;white-space:nowrap}.ultimo{display:block;color:var(--texto-suave);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tu{font-style:italic}.etiquetas,.meta{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0 0;padding:0}.etiqueta{font-size:.8rem;padding:.1rem .6rem;border-radius:999px;border:1px solid var(--borde-campo);color:var(--texto);background:var(--superficie)}.etiqueta.destacada{background:var(--primario);color:var(--sobre-primario);border-color:var(--primario);font-weight:700}.encabezado-conv{margin-bottom:.75rem}.encabezado-conv h1{margin-top:.75rem;overflow-wrap:anywhere}.acciones{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.mensajes{list-style:none;margin:.5rem 0;padding:.75rem;display:flex;flex-direction:column;gap:.6rem;max-height:55vh;min-height:8rem;overflow-y:auto;background:var(--aviso-fondo);border:1px solid var(--borde);border-radius:var(--m-radio)}.mensaje{max-width:min(36rem,85%);padding:.5rem .8rem;border-radius:var(--m-radio);border:1px solid var(--borde-campo)}.mensaje.entrante{align-self:flex-start;background:var(--superficie);color:var(--texto)}.mensaje.saliente{align-self:flex-end;background:var(--primario);color:var(--sobre-primario);border-color:var(--primario)}.mensaje p{margin:0}.quien{font-size:.8rem;font-weight:700;opacity:.95}.plantilla-usada{font-size:.8rem;font-style:italic}.texto-cliente{white-space:pre-wrap;overflow-wrap:anywhere}.pie{display:flex;gap:.75rem;justify-content:flex-end;font-size:.8rem;margin-top:.2rem!important}.estado-mensaje .palabra{font-weight:700}.vacio{color:var(--texto-suave);align-self:center}.envio{margin-top:1rem}.caja{display:grid;gap:.25rem}.caja .campo{margin:0}.plantilla{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--m-radio);padding:1rem}.vista-previa{background:var(--aviso-fondo);color:var(--aviso-texto);padding:.5rem .75rem;border-radius:calc(var(--m-radio) * .6);margin-bottom:.75rem}.rejilla-export{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.rejilla-export .campo{margin:0}.tabla-envoltura{overflow-x:auto}.tabla{width:100%;border-collapse:collapse;background:var(--superficie)}.tabla th,.tabla td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--borde);vertical-align:top}.tabla thead th{color:var(--cabecera)}@media(max-width:40rem){.mensaje{max-width:95%}.barra{padding:.5rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}