/* components/common.css */

/*
 * Custom, non-obtrusive scrollbar for all panels and specific content areas.
 * This ensures a consistent look and feel for all scrollable elements.
 */
.panel::-webkit-scrollbar,
#summary::-webkit-scrollbar {
    width: 8px;
}

.panel::-webkit-scrollbar-track,
#summary::-webkit-scrollbar-track {
    background: transparent;
}

.panel::-webkit-scrollbar-thumb,
#summary::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    border: 2px solid transparent;
    background-clip: content-box;
    transition: background-color 0.2s ease;
}

.panel::-webkit-scrollbar-thumb:hover,
#summary::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.panel::-webkit-scrollbar-corner,
#summary::-webkit-scrollbar-corner {
    background: transparent;
}