/* css/custom.css */

/* Full page height layout adjustments to prevent body scrollbar */
html, body {
    height: 100%;
    overflow: hidden; /* Prevent body scrollbar */
}

.container {
    height: 100%; /* Make container take full height */
    display: flex;
    flex-direction: column;
}

/* Custom Scrollbar Styling */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(100, 116, 139, 0.4);
    border-radius: 20px;
    border: 2px solid transparent;
    background-clip: content-box;
}

.dark ::-webkit-scrollbar-thumb {
    background-color: rgba(100, 116, 139, 0.7);
}

/* Active State for List Items */
.result-item.active {
    background-color: rgba(6, 182, 212, 0.1);
    border-color: rgba(6, 182, 212, 0.4);
}

.note-set-item.is-active {
    background-color: rgba(6, 182, 212, 0.1);
    border-color: rgba(6, 182, 212, 0.4);
}

/* Textarea Behavior */
textarea:focus,
textarea:hover {
    resize: vertical;
}