/* Forced classic scrollbars — macOS overlay ignores weak ::-webkit rules on body */

:root {
    --scrollbar-size: 12px;
    --scrollbar-track: #e0d8cb;
    --scrollbar-thumb: #8a7355;
    --scrollbar-thumb-hover: #6b5a42;
    --scrollbar-thumb-active: #3f3428;
}

html[data-theme="dark"] {
    --scrollbar-track: #1a1714;
    --scrollbar-thumb: #a88955;
    --scrollbar-thumb-hover: #c4a574;
    --scrollbar-thumb-active: #d4b483;
}

/* App chrome uses container scroll, not overlay body scroll */
html,
body {
    height: 100%;
    overflow: hidden;
}

.app-shell {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.shell-main {
    height: 100%;
    min-height: 0;
    overflow: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: auto;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

.sidebar,
.sidebar-nav,
.sidebar-search-live,
.sidebar-bookmarks-list,
.sheet-table-wrap,
.chapter-content,
.chapter-editor-area,
.page-toc-list,
.skill-card-scroll,
pre {
    scrollbar-width: auto;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

/* WebKit / Blink / Electron — solid, always-visible bars */
.shell-main::-webkit-scrollbar,
.sidebar-nav::-webkit-scrollbar,
.sidebar-search-live::-webkit-scrollbar,
.sidebar-bookmarks-list::-webkit-scrollbar,
.sheet-table-wrap::-webkit-scrollbar,
.chapter-editor-area::-webkit-scrollbar,
.chapter-content::-webkit-scrollbar,
.page-toc-list::-webkit-scrollbar,
.skill-card-scroll::-webkit-scrollbar,
pre::-webkit-scrollbar {
    width: var(--scrollbar-size);
    height: var(--scrollbar-size);
    background: var(--scrollbar-track);
}

.shell-main::-webkit-scrollbar-track,
.sidebar-nav::-webkit-scrollbar-track,
.sidebar-search-live::-webkit-scrollbar-track,
.sidebar-bookmarks-list::-webkit-scrollbar-track,
.sheet-table-wrap::-webkit-scrollbar-track,
.chapter-editor-area::-webkit-scrollbar-track,
.chapter-content::-webkit-scrollbar-track,
.page-toc-list::-webkit-scrollbar-track,
.skill-card-scroll::-webkit-scrollbar-track,
pre::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
    border-left: 1px solid rgba(20, 17, 14, 0.06);
}

.shell-main::-webkit-scrollbar-thumb,
.sidebar-nav::-webkit-scrollbar-thumb,
.sidebar-search-live::-webkit-scrollbar-thumb,
.sidebar-bookmarks-list::-webkit-scrollbar-thumb,
.sheet-table-wrap::-webkit-scrollbar-thumb,
.chapter-editor-area::-webkit-scrollbar-thumb,
.chapter-content::-webkit-scrollbar-thumb,
.page-toc-list::-webkit-scrollbar-thumb,
.skill-card-scroll::-webkit-scrollbar-thumb,
pre::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border-radius: 8px;
    border: 2px solid var(--scrollbar-track);
    min-height: 40px;
}

.shell-main::-webkit-scrollbar-thumb:hover,
.sidebar-nav::-webkit-scrollbar-thumb:hover,
.sidebar-search-live::-webkit-scrollbar-thumb:hover,
.sidebar-bookmarks-list::-webkit-scrollbar-thumb:hover,
.sheet-table-wrap::-webkit-scrollbar-thumb:hover,
.chapter-editor-area::-webkit-scrollbar-thumb:hover,
.chapter-content::-webkit-scrollbar-thumb:hover,
.page-toc-list::-webkit-scrollbar-thumb:hover,
.skill-card-scroll::-webkit-scrollbar-thumb:hover,
pre::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover);
}

.shell-main::-webkit-scrollbar-thumb:active,
.sidebar-nav::-webkit-scrollbar-thumb:active,
.sidebar-search-live::-webkit-scrollbar-thumb:active,
.sidebar-bookmarks-list::-webkit-scrollbar-thumb:active,
.sheet-table-wrap::-webkit-scrollbar-thumb:active,
.chapter-editor-area::-webkit-scrollbar-thumb:active,
.chapter-content::-webkit-scrollbar-thumb:active,
.page-toc-list::-webkit-scrollbar-thumb:active,
.skill-card-scroll::-webkit-scrollbar-thumb:active,
pre::-webkit-scrollbar-thumb:active {
    background-color: var(--scrollbar-thumb-active);
}

.shell-main::-webkit-scrollbar-corner,
.sidebar-nav::-webkit-scrollbar-corner,
.sheet-table-wrap::-webkit-scrollbar-corner,
.chapter-editor-area::-webkit-scrollbar-corner,
.page-toc-list::-webkit-scrollbar-corner,
.skill-card-scroll::-webkit-scrollbar-corner,
pre::-webkit-scrollbar-corner {
    background: var(--scrollbar-track);
}

/* Dark sidebar track override */
.sidebar {
    --scrollbar-track: #1a1612;
    --scrollbar-thumb: #a88955;
    --scrollbar-thumb-hover: #c4a574;
    --scrollbar-thumb-active: #d4b483;
}