/* Fix gap under pinned notes separator bar */

/* Remove margin/padding after the separator */
.pinned-notes-separator,
.notes-separator,
.separator-line,
hr {
    margin-bottom: 0.5rem !important; /* Minimal bottom margin */
    margin-top: 0.5rem !important; /* Match top margin */
}

/* Specific targeting for pinned notes sections */
.pinned-notes-section .separator,
.pinned-notes-container .separator,
.highlights-tab .separator,
#pinnedNotesSection .separator {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
}

/* Remove any padding from containers after separator */
.pinned-notes-list,
.notes-list,
.pinned-items-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Target any div that comes after a separator */
.separator + div,
.pinned-notes-separator + div,
hr + div {
    margin-top: 0 !important;
    padding-top: 0.5rem !important; /* Small padding instead of large margin */
}

/* Ensure consistent spacing around horizontal rules */
.highlights-tab hr,
.pinned-notes hr,
.notes-section hr {
    margin: 0.5rem 0 !important; /* Equal spacing top and bottom */
    padding: 0 !important;
}

/* Fix any flex container gaps */
.pinned-notes-container {
    gap: 0.5rem !important; /* Reduce gap in flex containers */
}

/* Override any large margins on note items */
.pinned-note-item:first-child,
.note-item:first-child {
    margin-top: 0 !important;
}

/* Ensure the section after separator doesn't have extra spacing */
.pinned-notes-bottom,
.notes-bottom-section,
.pinned-items {
    margin-top: 0 !important;
    padding-top: 0.5rem !important;
}