/* Custom CSS for Markdown Notes App */

.cursor-pointer {
    cursor: pointer;
}

.hover-bg-light:hover {
    background-color: #f8f9fa;
}

.file-item:hover {
    background-color: #e9ecef;
}

.drag-over {
    background-color: #e9ecef !important;
    outline: 2px dashed #0d6efd;
}

#editor-container {
    border-top: 1px solid #dee2e6;
}

.CodeMirror {
    height: 100% !important;
}

#main-pane {
    display: flex;
    flex-direction: column;
}

#view-pane, #edit-pane, #image-pane {
    flex-grow: 1;
}

/* Ensure tap targets are large enough on mobile */
@media (max-width: 767.98px) {
    .py-2 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }
}