/* assets/css/style.css */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

body { 
    font-family: 'Inter', sans-serif; 
    background-color: #f8fbec; 
    color: #191d14;
}

.font-manrope { font-family: 'Manrope', sans-serif; }

.material-symbols-outlined { 
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; 
}

/* Common transitions */
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }

/* Scrollbar styling */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #82bc41; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #3d6a00; }

/* Utilities */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* Rich Text Preview in Tables */
.prose-preview { font-size: 0.75rem; line-height: 1.1rem; color: #64748b; }
.prose-preview h1, .prose-preview h2, .prose-preview h3 { font-size: 0.8rem; font-weight: 800; color: #1e293b; display: block; margin: 2px 0; }
.prose-preview p { margin-bottom: 2px; }
.prose-preview strong { font-weight: 700; color: #334155; }
.prose-preview ul, .prose-preview ol { padding-left: 12px; margin: 2px 0; }
.prose-preview li { list-style-type: disc; }