/* =============================================
   REAL ESTATE BOT — Slate Blue Theme
   ============================================= */

/* Override CSS variables for estate */
.estate-page {
    --mint: #f0f4f8;
    --header1: #2563eb;
    --header2: #1d4ed8;
    --user: #2563eb;
}

/* Background gradient */
.estate-page::before {
    background: linear-gradient(180deg, #f0f4f8 0%, #dbeafe 100%) !important;
}

/* Body background */
.estate-page {
    background: #f0f4f8 !important;
}

/* Header bar — slate blue gradient */
.estate-page .topbar-inner {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #1e40af 100%) !important;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(37, 99, 235, 0.18);
}

/* Brand subtitle dot */
.estate-page .dot {
    background: #60a5fa;
}

/* Bot avatar — blue */
.estate-page .bot-avatar {
    background: #2563eb !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.22);
}

.estate-page .bot-avatar svg {
    fill: #dbeafe;
}

/* User bubble — blue */
.estate-page .bubble.user {
    background: #2563eb !important;
    color: #fff !important;
}

/* Bot bubble */
.estate-page .bubble.bot {
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.06) !important;
    box-shadow: 0 1px 3px rgba(37, 99, 235, 0.05) !important;
}

/* Template card buttons — blue tint */
.estate-page .tpl-btn {
    border-color: rgba(37, 99, 235, 0.12) !important;
    color: #2563eb !important;
}

.estate-page .tpl-btn:hover {
    background: #eff6ff !important;
    border-color: rgba(37, 99, 235, 0.25) !important;
    box-shadow: 0 3px 10px rgba(37, 99, 235, 0.10) !important;
}

.estate-page .tpl-btn:active {
    background: #dbeafe !important;
}

.estate-page .tpl-btn.clicked {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
    border-color: rgba(37, 99, 235, 0.28) !important;
}

.estate-page .tpl-btn .tpl-icon svg {
    fill: #2563eb !important;
}

/* Disabled buttons */
.estate-page .template-buttons.disabled .tpl-btn .tpl-icon svg {
    fill: #9ca3af !important;
}

/* Checkbox options — blue tint */
.estate-page .checkbox-option {
    color: #2563eb !important;
    border-color: rgba(37, 99, 235, 0.12) !important;
}

.estate-page .checkbox-option:hover {
    background: #eff6ff !important;
    border-color: rgba(37, 99, 235, 0.25) !important;
    box-shadow: 0 3px 10px rgba(37, 99, 235, 0.10) !important;
}

.estate-page .checkbox-option.checked {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
    border-color: rgba(37, 99, 235, 0.30) !important;
}

.estate-page .checkbox-option.checked .cb-toggle {
    background: #2563eb !important;
    border-color: #2563eb !important;
}

.estate-page .cb-submit-btn {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.22) !important;
}

.estate-page .cb-submit-btn:hover {
    box-shadow: 0 6px 18px rgba(37, 99, 235, 0.32) !important;
}

/* Composer — blue focus ring */
.estate-page .composer {
    background: #dbeafe !important;
}

.estate-page .composer-card:focus-within {
    border-color: rgba(37, 99, 235, 0.30) !important;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.08), 0 16px 34px rgba(0, 0, 0, .08) !important;
}

/* Send button — blue */
.estate-page .send-icon-btn {
    background: #2563eb !important;
    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.18) !important;
}

.estate-page .send-icon-btn:hover {
    background: #1d4ed8 !important;
}

/* Typing indicator dots */
.estate-page .typing-dot {
    background: #60a5fa;
}

/* Composer note text */
.estate-page .composer-note {
    color: #3b82f6;
    opacity: 0.6;
}