/* ==========================================================================
   LSTicket — ce que les classes Tailwind ne savent pas dire : habillage de
   l'éditeur Quill, transitions, impression, règle iOS.
   ========================================================================== */

#sidebar { transition: transform 0.2s ease-in-out; }

/* Barre latérale : défilable si l'écran est petit, mais sans ascenseur visible. */
.sidebar-scroll { scrollbar-width: none; }
.sidebar-scroll::-webkit-scrollbar { display: none; }

/* Éditeur (Quill) : il s'intègre à la carte qui le contient. */
.ql-toolbar.ql-snow { border-radius: 0.5rem 0.5rem 0 0; border-color: #d1d5db; }
.ql-container.ql-snow { border-radius: 0 0 0.5rem 0.5rem; border-color: #d1d5db; font-size: 0.9rem; }
.ql-editor {
    min-height: 160px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
                 "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
}
.ql-editor img { max-width: 100%; height: auto; }
.ql-editor.ql-blank::before { color: #9ca3af; font-style: normal; }

/* Menus <details> : pas de triangle natif. */
details > summary::-webkit-details-marker { display: none; }

dialog::backdrop { background: rgba(0, 0, 0, 0.4); }

@media print {
    #sidebar, [data-composer], .no-print { display: none !important; }
}

/* Sous 16 px, iOS zoome à chaque focus et la mise en page saute. */
@media (max-width: 640px) {
    input, select, textarea, button { font-size: 16px !important; }
}