/* =========================================
   AGENTE - Custom Branding CSS
   ========================================= */

/* Color de acento personalizado */
:root {
 --accent: #4a5bff !important;
 --accent-hover: color-mix(in srgb, #4a5bff 82%, black 18%) !important;
 --accent-subtle: color-mix(in srgb, #4a5bff 16%, transparent) !important;
 --accent-foreground: #ffffff !important;
 --accent-glow: color-mix(in srgb, #4a5bff 30%, transparent) !important;
 --ring: #4a5bff !important;
 --focus: color-mix(in srgb, #4a5bff 22%, transparent) !important;
 --focus-ring: 0 0 0 2px var(--bg), 0 0 0 3px color-mix(in srgb, #4a5bff 80%, transparent) !important;
}

/* 1. Agrandar el logo en el Login */
.login-gate img,
.login-gate .avatar,
.login-gate .login-gate__logo img {
    width: 50% !important;
    height: auto !important;
    min-width: 120px !important; 
}

/* 2. Reemplazar título Login (respaldo visual por si el JS no lo hace) */
.login-gate__title {
    visibility: hidden !important;
    position: relative !important;
}
.login-gate__title::after {
    content: "ST1" !important;
    visibility: visible !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    text-align: center !important;
}

/* 3. Ocultar texto "Control UI" de la barra lateral */
.sidebar-brand__eyebrow {
    display: none !important; 
}

/* 4. Reemplazar título barra lateral */
.sidebar-brand__title {
    visibility: hidden !important;
    position: relative !important;
    overflow: visible !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
}
.sidebar-brand__title::after {
    content: "ST1" !important;
    visibility: visible !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: auto !important;
    white-space: nowrap !important;
}

/* 5. Forzar text-wrapping en chat - evitar overflow horizontal */
.chat-msg, .chat-bubble, .chat-text {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    word-wrap: break-word !important;
}
.chat-text pre {
    white-space: pre-wrap !important;
    word-break: break-word !important;
    max-width: 100% !important;
    overflow-x: auto !important;
}

/* 6. Evitar pull-to-refresh en Android WebView */
body, .chat-msgs, .messages-container, [class*="message"] {
    overscroll-behavior: contain !important;
    overscroll-behavior-y: contain !important;
}