/* CSS - public/css/chat-theme.css */

/* Variables */
:root {
    --ac-color-primary: #2c7be5;
    --ac-color-primary-600: #1e64c5;
    --ac-color-bg: #ffffff;
    --ac-color-surface: #ffffff;
    --ac-color-border: #e6e8eb;
    --ac-color-text: #1b1f23;
    --ac-color-muted: #6b7280;
    --ac-shadow-lg: 0 16px 40px rgba(0,0,0,.24);
    --ac-shadow-md: 0 10px 24px rgba(0,0,0,.18);
    --ac-radius: 10px;
}

/* Thème sombre (opt-in sur body.ac-dark) */
body.ac-dark {
    --ac-color-bg: #0f1215;
    --ac-color-surface: #14181c;
    --ac-color-border: #242a31;
    --ac-color-text: #e6edf3;
    --ac-color-muted: #9aa4af;
    --ac-shadow-lg: 0 16px 40px rgba(0,0,0,.6);
    --ac-shadow-md: 0 10px 24px rgba(0,0,0,.5);
}

/* Bouton flottant */
#chat-launcher {
    background: var(--ac-color-primary);
    color: #000;
    border: 0;
    border-radius: 24px;
    height: 48px;
    min-width: 48px;
    padding: 0 14px;
    box-shadow: var(--ac-shadow-md);
}
#chat-launcher:hover { background: var(--ac-color-primary-600); }

/* Modale */
#acm-modal, #admin-chat-modal { /* pour compat */
    /* wrapper si nécessaire */
}

/* Fenêtre modale */
.acm-window {
    background: var(--ac-color-surface) !important;
    border-radius: var(--ac-radius) !important;
    box-shadow: var(--ac-shadow-lg) !important;
    color: var(--ac-color-text);
    border: 1px solid var(--ac-color-border);
}

/* Header de la modale */
.acm-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--ac-color-border);
}
.acm-title {
    font-weight: 600;
    font-size: 14px;
}
.acm-actions {
    margin-left: auto;
    display: inline-flex;
    gap: 6px;
}
.acm-btn {
    border: 1px solid var(--ac-color-border);
    background: transparent;
    color: var(--ac-color-text);
    border-radius: 6px;
    height: 28px;
    width: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.acm-btn:hover { background: rgba(0,0,0,.04); }

/* Contenu */
#acm-body {
    background: var(--ac-color-bg);
}

/* États "agrandi" */
.acm-window.acm-expanded {
    right: 5vw !important;
    bottom: 7.5vh !important;
    width: 90vw !important;
    height: 85vh !important;
    max-width: 1400px;
    max-height: 92vh;
}