@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap');

/* Custom scrollbar for dashboard */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #050b14;
}
::-webkit-scrollbar-thumb {
    background: #1e2d40;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #d4af37;
}

/* Custom styles for compass */
.compass-image {
    transition: transform 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* Du Tinh Table Highlighting */
.du-tinh-cell {
    transition: all 0.3s ease;
}
.du-tinh-cell.active {
    border: 1px solid #d4af37 !important;
    background-color: rgba(212, 175, 55, 0.1);
    font-weight: bold;
    transform: scale(1.05);
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3);
    z-index: 10;
    position: relative;
}

.text-good { color: #10b981; }
.text-bad { color: #ef4444; }

/* Markdown Styles */
.markdown-body h1, .markdown-body h2, .markdown-body h3 {
    color: #d4af37;
    font-family: 'Playfair Display', serif;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    font-weight: bold;
}
.markdown-body h1 { font-size: 1.25rem; border-bottom: 1px solid rgba(212, 175, 55, 0.3); padding-bottom: 0.3em; }
.markdown-body h2 { font-size: 1.1rem; }
.markdown-body h3 { font-size: 1rem; }
.markdown-body p { margin-bottom: 1em; }
.markdown-body ul, .markdown-body ol { margin-bottom: 1em; padding-left: 1.5em; }
.markdown-body li { margin-bottom: 0.5em; }
.markdown-body strong { color: #fff; }
.markdown-body em { color: #94a3b8; font-style: italic; }
.markdown-body blockquote {
    border-left: 3px solid #d4af37;
    padding-left: 1em;
    color: #94a3b8;
    background: rgba(212, 175, 55, 0.05);
    padding: 0.5em 1em;
    border-radius: 0 4px 4px 0;
}