/* chat-config — styles page (migration DA, ne pas dupliquer la coque) */

.template-card { width: 140px; height: 90px; border-radius: 10px; border: 2px solid transparent; cursor: pointer; transition: all 0.2s; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; }
        .template-card:hover { border-color: rgba(255, 107, 53, 0.5); }
        .template-card.selected { border-color: #ff6b35; box-shadow: 0 0 0 2px rgba(255, 107, 53, 0.3); }
        .tag { display: inline-flex; align-items: center; gap: 4px; background: rgba(255, 107, 53, 0.2); border: 1px solid #ff6b35; color: white; padding: 4px 10px; border-radius: 6px; font-size: 0.875rem; margin: 2px; }
        .tag button { background: none; border: none; color: #f97316; cursor: pointer; padding: 0 2px; }

        .collapsible-content { overflow: hidden; }
        .collapsible-content.collapsed { max-height: 0; opacity: 0; }
        .collapsible-content:not(.collapsed) { max-height: 2000px; opacity: 1; }

        .tab-pane { display: block; }
        .tab-pane.hidden { display: none; }
        .btn-danger { background: rgba(220, 38, 38, 0.8); color: white; padding: 10px 18px; border-radius: 8px; border: none; font-weight: 600; cursor: pointer; }
        .config-block { border: 1px solid rgba(255,255,255,0.12); border-radius: 12px; padding: 1.25rem 1.5rem; background: rgba(255,255,255,0.04); margin-bottom: 1.5rem; }
        .config-block .section-title { margin-top: 0; }
        .config-block .section-title:not(:first-child) { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.08); }
        .preview-chat { height: 280px; min-height: 280px; border-radius: 8px; overflow: hidden; display: block; width: 100%; border: none; background: #0f0f0f; }
        .chat-mode-switch { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin-bottom: 0.75rem; }
        .chat-mode-hint { width: 100%; font-size: 0.8rem; color: rgba(255,255,255,0.5); margin: 0.25rem 0 0; }
        .chat-mode-theme-only.hidden,
        .chat-bubble-only.hidden { display: none !important; }