/* Dark / light scrollbars — hub + modals */

html[data-theme="dark"] {
    scrollbar-color: rgba(139, 92, 246, 0.38) rgba(14, 16, 32, 0.85);
}

html[data-theme="light"] {
    scrollbar-color: rgba(139, 92, 246, 0.45) rgba(240, 238, 248, 0.9);
}

html[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

html[data-theme="dark"] ::-webkit-scrollbar-track {
    background: rgba(14, 16, 32, 0.85);
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: rgba(139, 92, 246, 0.38);
    border-radius: 4px;
    border: 2px solid rgba(14, 16, 32, 0.85);
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: rgba(167, 139, 250, 0.52);
}

html[data-theme="light"] ::-webkit-scrollbar-track {
    background: rgba(240, 238, 248, 0.9);
}

html[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: rgba(139, 92, 246, 0.4);
    border-radius: 4px;
    border: 2px solid rgba(240, 238, 248, 0.9);
}

.doc-modal {
    overflow: hidden;
}

.doc-modal-body {
    scrollbar-width: thin;
    scrollbar-color: rgba(139, 92, 246, 0.42) rgba(12, 14, 28, 0.95);
}

html[data-theme="dark"] .doc-modal-body {
    scrollbar-color: rgba(139, 92, 246, 0.42) rgba(12, 14, 28, 0.95);
}

html[data-theme="dark"] .doc-modal-body::-webkit-scrollbar {
    width: 6px;
}

html[data-theme="dark"] .doc-modal-body::-webkit-scrollbar-track {
    background: rgba(12, 14, 28, 0.95);
    border-radius: 3px;
}

html[data-theme="dark"] .doc-modal-body::-webkit-scrollbar-thumb {
    background: rgba(139, 92, 246, 0.42);
    border-radius: 3px;
}

html[data-theme="light"] .doc-modal-body {
    scrollbar-color: rgba(139, 92, 246, 0.45) rgba(248, 246, 252, 0.95);
}

.legal-lang[hidden] { display: none !important; }