@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body { font-family: 'Inter', sans-serif; overflow: hidden; }
.triton-scrollbar::-webkit-scrollbar { width: 4px; height: 4px; }
.triton-scrollbar::-webkit-scrollbar-track { background: transparent; }
.triton-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.triton-scrollbar::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
.hidden-view { display: none !important; }
.loading-overlay { background: rgba(255, 255, 255, 0.95); z-index: 100; }
.modal-overlay { background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(4px); }
.glass-panel { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); }

.dark .triton-scrollbar::-webkit-scrollbar-thumb { background: #475569; }
.dark .glass-panel { background: rgba(30, 41, 59, 0.85) !important; border-bottom-color: rgba(51, 65, 85, 0.5) !important; }
.dark .loading-overlay { background: rgba(15, 23, 42, 0.95) !important; }

/* Estilização do Quill.js (Modo Claro e Escuro) - Cantos mais quadrados */
.ql-toolbar.ql-snow { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; border-color: #e2e8f0; font-family: 'Inter', sans-serif; }
.ql-container.ql-snow { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-color: #e2e8f0; min-height: 120px; font-family: 'Inter', sans-serif; font-size: 0.875rem; }
.ql-editor { outline: none; }

.dark .ql-toolbar.ql-snow { border-color: #334155; background-color: #1e293b; }
.dark .ql-container.ql-snow { border-color: #334155; color: #f8fafc; }
.dark .ql-editor.ql-blank::before { color: #64748b; font-style: normal; }
.dark .ql-snow .ql-stroke { stroke: #cbd5e1; }
.dark .ql-snow .ql-fill { fill: #cbd5e1; }
.dark .ql-snow .ql-picker { color: #cbd5e1; }
.dark .ql-snow .ql-picker-options { background-color: #1e293b; border-color: #334155; }
.dark .ql-snow .ql-tooltip { background-color: #1e293b; border-color: #334155; color: #f8fafc; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5); }
.dark .ql-snow .ql-tooltip input[type=text] { background-color: #0f172a; border-color: #334155; color: #f8fafc; }
