body {
    font-family: 'Inter', sans-serif;
}
.fira-code {
    font-family: 'Fira Code', monospace;
}
/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #1e293b; }
::-webkit-scrollbar-thumb { background: #475569; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #64748b; }

/* Styles for rendered markdown in chat */
#chat-messages .assistant-content ul,
#chat-messages .assistant-content ol {
    list-style-position: inside;
    padding-left: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
#chat-messages .assistant-content ul { list-style-type: disc; }
#chat-messages .assistant-content ol { list-style-type: decimal; }
#chat-messages .assistant-content li { margin-bottom: 0.25rem; }
#chat-messages .assistant-content a { color: #38bdf8; text-decoration: underline; }
#chat-messages .assistant-content a:hover { color: #7dd3fc; }
#chat-messages .assistant-content p { margin-bottom: 0.5rem; }
#chat-messages .assistant-content p:last-child { margin-bottom: 0; }
#chat-messages .assistant-content code {
    background-color: #1e293b;
    padding: 0.1rem 0.3rem;
    border-radius: 4px;
    font-family: 'Fira Code', monospace;
}
#chat-messages .assistant-content pre {
    background-color: #0f172a;
    padding: 0.75rem;
    border-radius: 6px;
    overflow-x: auto;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/* Solution Explorer tweaks */
aside nav .selected {
    background-color: #334155;
    color: #ffffff;
    border-left: 4px solid #0ea5e9;
}
aside nav {
    user-select: none;
}
aside nav div {
    cursor: pointer;
}

/* Toggle diffs animation */
.toggle-diffs svg {
    transition: transform 0.2s ease-in-out;
}

/* Revert button states */
.revert-button.reverted {
    color: #10b981 !important;
}
.revert-button.reverted:hover {
    color: #059669 !important;
}