:root{--color-bg:#f7f8fa;--color-surface:#fff;--color-surface-suave:#f1f3f7;--color-text:#202938;--color-muted:#5d6779;--color-primary:#1d4ed8;--color-primary-hover:#173fae;--color-primary-soft:#96a9d6;--color-border:#d8dee8;--color-success:#14805e;--color-warning:#8a5c0f;--color-danger:#b3313e;--color-danger-suave:#fdf2f3;--radio:12px;--radio-chico:8px;--sombra-tarjeta:0 1px 2px #2029380f, 0 8px 24px #20293814;--sombra-composer:0 -1px 2px #2029380a, 0 -8px 24px #2029380f;--fuente:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--fuente-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--transicion:.14s ease}@media (prefers-reduced-motion:reduce){:root{--transicion:0s}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html,body,#raiz{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--fuente);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.marca{align-items:baseline;gap:10px;display:flex}.marca__onest{letter-spacing:.04em;font-size:20px;font-weight:700}.marca__producto{color:var(--color-muted);letter-spacing:.34em;text-transform:uppercase;font-size:11px;font-weight:600}.boton{border-radius:var(--radio-chico);min-height:40px;font:inherit;cursor:pointer;transition:background var(--transicion), border-color var(--transicion);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.boton:disabled{cursor:not-allowed;opacity:.55}.boton--primario{background:var(--color-primary);color:#fff}.boton--primario:hover:not(:disabled){background:var(--color-primary-hover)}.boton--secundario{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.boton--secundario:hover:not(:disabled){border-color:var(--color-primary-soft)}.boton--texto{min-height:32px;color:var(--color-primary);background:0 0;padding:0 8px}.boton--peligro{background:var(--color-surface);border-color:var(--color-border);color:var(--color-danger)}.campo{flex-direction:column;gap:6px;display:flex}.campo__etiqueta{font-size:13px;font-weight:600}.campo__control{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radio-chico);min-height:42px;color:var(--color-text);font:inherit;padding:0 12px}.campo__control:focus{border-color:var(--color-primary)}.aviso{border:1px solid var(--color-border);border-radius:var(--radio-chico);gap:8px;padding:10px 12px;font-size:14px;display:flex}.aviso--error{background:var(--color-danger-suave);border-color:var(--color-danger);color:var(--color-danger)}.aviso--atencion{border-color:var(--color-warning);color:var(--color-warning);background:#fdf8ee}.login{place-items:center;min-height:100%;padding:24px;display:grid}.login__tarjeta{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radio);width:100%;max-width:396px;box-shadow:var(--sombra-tarjeta);padding:32px}.login__encabezado{text-align:center;margin-bottom:24px}.login__marca{flex-wrap:wrap;justify-content:center}.login__subtitulo{color:var(--color-muted);margin:12px 0 0;font-size:14px}.login__formulario{flex-direction:column;gap:16px;display:flex}.login__pie{color:var(--color-muted);text-align:center;margin:24px 0 0;font-size:12px}.app{flex-direction:column;min-height:100%;display:flex}.encabezado{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:14px 24px;display:flex}.encabezado__titulo{margin:4px 0 0;font-size:15px;font-weight:600}.encabezado__usuario{align-items:center;gap:16px;display:flex}.encabezado__nombre{font-weight:600;display:block}.encabezado__perfil{color:var(--color-muted);letter-spacing:.06em;font-size:12px;display:block}.conversacion{flex-direction:column;flex:1;gap:16px;width:100%;max-width:820px;margin:0 auto;padding:24px 20px 32px;display:flex}.mensaje{gap:12px;display:flex}.mensaje__avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.mensaje__cuerpo{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radio);box-shadow:var(--sombra-tarjeta);flex:1;padding:14px 16px}.mensaje__cuerpo>:first-child{margin-top:0}.mensaje__cuerpo>:last-child{margin-bottom:0}.composer{background:linear-gradient(to bottom, transparent, var(--color-bg) 40%);padding:12px 20px 20px;position:sticky;bottom:0}.composer__tarjeta{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radio);max-width:820px;box-shadow:var(--sombra-composer);margin:0 auto;padding:14px}.composer__zona{border:1.5px dashed var(--color-border);border-radius:var(--radio-chico);transition:border-color var(--transicion);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.composer__zona--activa{border-color:var(--color-primary);background:var(--color-surface-suave)}.composer__instruccion{color:var(--color-muted);align-items:center;gap:10px;font-size:14px;display:flex}.composer__acciones{align-items:center;gap:10px;display:flex}.composer__resumen{color:var(--color-muted);margin:10px 2px 0;font-size:13px}.composer__entrada{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.lista{border:1px solid var(--color-border);border-radius:var(--radio-chico);max-height:220px;margin:12px 0 0;padding:0;list-style:none;overflow-y:auto}.lista__fila{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.lista__fila:last-child{border-bottom:none}.lista__nombre{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.lista__tamano{color:var(--color-muted);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.progreso__barra{background:var(--color-surface-suave);border:1px solid var(--color-border);border-radius:999px;height:8px;margin:12px 0 8px;overflow:hidden}.progreso__relleno{background:var(--color-primary);height:100%;transition:width var(--transicion)}.progreso__texto{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:14px}.resultado__conteos{flex-wrap:wrap;gap:20px;margin:12px 0 16px;padding:0;list-style:none;display:flex}.resultado__conteo{min-width:110px}.resultado__cifra{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;display:block}.resultado__etiqueta{color:var(--color-muted);font-size:13px}.tabla{border-collapse:collapse;width:100%;font-size:14px}.tabla th,.tabla td{border-bottom:1px solid var(--color-border);text-align:left;padding:7px 10px}.tabla th{color:var(--color-muted);letter-spacing:.05em;text-transform:uppercase;font-size:12px}.tabla td:last-child,.tabla th:last-child{text-align:right;font-variant-numeric:tabular-nums}.tabla--rechazados td:last-child,.tabla--rechazados th:last-child{text-align:left}.tabla__desplazable{max-height:320px;overflow:auto}.etiqueta-estatus{border:1px solid var(--color-warning);color:var(--color-warning);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.acciones{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.nota-privacidad{color:var(--color-muted);margin:0;font-size:12px}@media (width<=620px){.encabezado,.conversacion,.composer{padding-inline:14px}.composer__zona{flex-direction:column;align-items:stretch}.composer__acciones .boton{flex:1}}