/*
 * Shortext — compatibilité des pages historiques
 *
 * Accorde la boîte de réception (livewire/chat/chatroom) et le kanban des
 * tickets aux couleurs du thème, sans toucher à leur code. Ces pages seront
 * refaites : ce fichier disparaîtra avec elles (->legacyCompat(false)).
 */

/* Les utilitaires Tailwind du projet (bg-gray-800…) suivent les gris du thème. */
:root {
    --color-gray-50: var(--gray-50);
    --color-gray-100: var(--gray-100);
    --color-gray-200: var(--gray-200);
    --color-gray-300: var(--gray-300);
    --color-gray-400: var(--gray-400);
    --color-gray-500: var(--gray-500);
    --color-gray-600: var(--gray-600);
    --color-gray-700: var(--gray-700);
    --color-gray-800: var(--gray-800);
    --color-gray-900: var(--gray-900);
    --color-gray-950: var(--gray-950);
}

/* ------------------------------------------------------------------ */
/* Boîte de réception                                                  */
/* ------------------------------------------------------------------ */

.chatroom-panel,
.dark .chatroom-panel {
    background-color: var(--st-surface);
}

.bg-chat-room,
.dark .bg-chat-room {
    background-color: var(--st-canvas);
}

.bg-chat-room::before {
    opacity: 0.35;
}

.dark .bg-chat-room::before {
    opacity: 0.06;
}

/* Messages envoyés : teinte lime au lieu du vert WhatsApp. */
.bg-sender {
    background-color: var(--primary-100);
    color: var(--st-text);
}

.dark .bg-sender {
    background-color: color-mix(in oklab, var(--primary-500) 22%, var(--st-surface));
    color: var(--st-text);
}

/* Messages reçus et barre de saisie. */
.bg-chat-room .bg-white {
    background-color: var(--st-surface);
}

.dark .bg-chat-room .dark\:bg-gray-800 {
    background-color: var(--st-surface-2);
}

.bg-chat-room .rounded-xl,
.bg-chat-room .rounded-lg {
    border-radius: 1rem;
}

.bg-chat-room .shadow-lg {
    box-shadow: 0 0 0 1px var(--st-line), var(--st-shadow);
}

.chatroom-input-bar .border-gray-300,
.dark .chatroom-input-bar .dark\:border-gray-700 {
    border-color: var(--st-line-strong);
}

.blue-links a,
.dark .blue-links a {
    color: var(--st-accent-text);
}

.dark .bubble-footer {
    color: var(--st-muted);
}

.sticky-date {
    border-radius: 999px;
    background-color: var(--st-surface-2);
    color: var(--st-muted);
}

/* Bandeau de mode IA / agent sous la conversation. */
.ai-mode {
    background-color: color-mix(in oklab, #5b8def 30%, transparent);
}

.agent-mode {
    background-color: color-mix(in oklab, #f2b33d 30%, transparent);
}

.shiny-dot {
    background-color: var(--primary-500);
}

/* ------------------------------------------------------------------ */
/* Kanban des tickets                                                  */
/* ------------------------------------------------------------------ */

.bg-kanban::before,
.dark .bg-kanban::before {
    opacity: 0.05;
}