/**
 * App-wide themed scrollbars (dark / light + workshop gold accent).
 * Loaded from client + admin layout style partials.
 */

:root {
    --app-scrollbar-size: 8px;
    --app-scrollbar-thumb: rgba(236, 146, 19, 0.45);
    --app-scrollbar-thumb-hover: rgba(236, 146, 19, 0.65);
    --app-scrollbar-track: rgba(255, 255, 255, 0.06);
}

[data-theme="light"],
html:not(.dark) {
    --app-scrollbar-thumb: rgba(176, 102, 2, 0.42);
    --app-scrollbar-thumb-hover: rgba(176, 102, 2, 0.62);
    --app-scrollbar-track: rgba(0, 0, 0, 0.06);
}

[data-theme="dark"],
html.dark {
    --app-scrollbar-thumb: rgba(238, 173, 43, 0.48);
    --app-scrollbar-thumb-hover: rgba(238, 173, 43, 0.68);
    --app-scrollbar-track: rgba(0, 0, 0, 0.28);
}

/* Owner workshop / add-property — gold blueprint accent */
.add-property-workshop,
.owner-dashboard-theme.owner-dashboard-subpage {
    --app-scrollbar-thumb: rgba(249, 188, 6, 0.45);
    --app-scrollbar-thumb-hover: rgba(249, 188, 6, 0.65);
    --app-scrollbar-track: rgba(255, 255, 255, 0.06);
}

[data-theme="light"] .add-property-workshop,
html:not(.dark) .add-property-workshop,
[data-theme="light"] .owner-dashboard-theme.owner-dashboard-subpage,
html:not(.dark) .owner-dashboard-theme.owner-dashboard-subpage {
    --app-scrollbar-thumb: rgba(180, 83, 9, 0.42);
    --app-scrollbar-thumb-hover: rgba(180, 83, 9, 0.62);
    --app-scrollbar-track: rgba(0, 0, 0, 0.06);
}

/* Firefox */
html,
body,
.client-main,
.admin-content,
.admin-themed-page,
.modal-body,
.modal-dialog-scrollable .modal-body,
.table-responsive,
.table-responsive-enhanced,
.themed-scroll,
.add-property-workshop,
.add-property-workshop .workshop-table,
.add-property-workshop .workshop-blueprint,
.add-property-workshop .workshop-sidebar,
.add-property-workshop .ap-amenities--sidebar,
.owner-dashboard-theme .window-body-modern,
.properties-page .table-container,
.swal2-html-container {
    scrollbar-width: thin;
    scrollbar-color: var(--app-scrollbar-thumb) var(--app-scrollbar-track);
}

/* WebKit — slim track, no arrow buttons */
html::-webkit-scrollbar,
body::-webkit-scrollbar,
.client-main::-webkit-scrollbar,
.admin-content::-webkit-scrollbar,
.admin-themed-page::-webkit-scrollbar,
.modal-body::-webkit-scrollbar,
.modal-dialog-scrollable .modal-body::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar,
.table-responsive-enhanced::-webkit-scrollbar,
.themed-scroll::-webkit-scrollbar,
.add-property-workshop::-webkit-scrollbar,
.add-property-workshop .workshop-table::-webkit-scrollbar,
.add-property-workshop .workshop-blueprint::-webkit-scrollbar,
.add-property-workshop .workshop-sidebar::-webkit-scrollbar,
.add-property-workshop .ap-amenities--sidebar::-webkit-scrollbar,
.owner-dashboard-theme .window-body-modern::-webkit-scrollbar,
.properties-page .table-container::-webkit-scrollbar,
.swal2-html-container::-webkit-scrollbar {
    width: var(--app-scrollbar-size);
    height: var(--app-scrollbar-size);
}

html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button,
.client-main::-webkit-scrollbar-button,
.admin-content::-webkit-scrollbar-button,
.admin-themed-page::-webkit-scrollbar-button,
.modal-body::-webkit-scrollbar-button,
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-button,
.table-responsive::-webkit-scrollbar-button,
.table-responsive-enhanced::-webkit-scrollbar-button,
.themed-scroll::-webkit-scrollbar-button,
.add-property-workshop::-webkit-scrollbar-button,
.add-property-workshop .workshop-table::-webkit-scrollbar-button,
.add-property-workshop .workshop-blueprint::-webkit-scrollbar-button,
.add-property-workshop .workshop-sidebar::-webkit-scrollbar-button,
.add-property-workshop .ap-amenities--sidebar::-webkit-scrollbar-button,
.owner-dashboard-theme .window-body-modern::-webkit-scrollbar-button,
.properties-page .table-container::-webkit-scrollbar-button,
.swal2-html-container::-webkit-scrollbar-button,
html::-webkit-scrollbar-button:single-button,
body::-webkit-scrollbar-button:single-button,
.client-main::-webkit-scrollbar-button:single-button,
.admin-content::-webkit-scrollbar-button:single-button {
    display: none;
    width: 0;
    height: 0;
}

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
.client-main::-webkit-scrollbar-corner,
.admin-content::-webkit-scrollbar-corner,
.modal-body::-webkit-scrollbar-corner,
.table-responsive::-webkit-scrollbar-corner,
.themed-scroll::-webkit-scrollbar-corner,
.add-property-workshop::-webkit-scrollbar-corner {
    background: transparent;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
.client-main::-webkit-scrollbar-track,
.admin-content::-webkit-scrollbar-track,
.admin-themed-page::-webkit-scrollbar-track,
.modal-body::-webkit-scrollbar-track,
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track,
.table-responsive-enhanced::-webkit-scrollbar-track,
.themed-scroll::-webkit-scrollbar-track,
.add-property-workshop::-webkit-scrollbar-track,
.add-property-workshop .workshop-table::-webkit-scrollbar-track,
.add-property-workshop .workshop-blueprint::-webkit-scrollbar-track,
.add-property-workshop .workshop-sidebar::-webkit-scrollbar-track,
.add-property-workshop .ap-amenities--sidebar::-webkit-scrollbar-track,
.owner-dashboard-theme .window-body-modern::-webkit-scrollbar-track,
.properties-page .table-container::-webkit-scrollbar-track,
.swal2-html-container::-webkit-scrollbar-track {
    background: var(--app-scrollbar-track);
    border-radius: 999px;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.client-main::-webkit-scrollbar-thumb,
.admin-content::-webkit-scrollbar-thumb,
.admin-themed-page::-webkit-scrollbar-thumb,
.modal-body::-webkit-scrollbar-thumb,
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb,
.table-responsive-enhanced::-webkit-scrollbar-thumb,
.themed-scroll::-webkit-scrollbar-thumb,
.add-property-workshop::-webkit-scrollbar-thumb,
.add-property-workshop .workshop-table::-webkit-scrollbar-thumb,
.add-property-workshop .workshop-blueprint::-webkit-scrollbar-thumb,
.add-property-workshop .workshop-sidebar::-webkit-scrollbar-thumb,
.add-property-workshop .ap-amenities--sidebar::-webkit-scrollbar-thumb,
.owner-dashboard-theme .window-body-modern::-webkit-scrollbar-thumb,
.properties-page .table-container::-webkit-scrollbar-thumb,
.swal2-html-container::-webkit-scrollbar-thumb {
    background: var(--app-scrollbar-thumb);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
.client-main::-webkit-scrollbar-thumb:hover,
.admin-content::-webkit-scrollbar-thumb:hover,
.admin-themed-page::-webkit-scrollbar-thumb:hover,
.modal-body::-webkit-scrollbar-thumb:hover,
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb:hover,
.table-responsive::-webkit-scrollbar-thumb:hover,
.table-responsive-enhanced::-webkit-scrollbar-thumb:hover,
.themed-scroll::-webkit-scrollbar-thumb:hover,
.add-property-workshop::-webkit-scrollbar-thumb:hover,
.add-property-workshop .workshop-table::-webkit-scrollbar-thumb:hover,
.add-property-workshop .workshop-blueprint::-webkit-scrollbar-thumb:hover,
.add-property-workshop .workshop-sidebar::-webkit-scrollbar-thumb:hover,
.add-property-workshop .ap-amenities--sidebar::-webkit-scrollbar-thumb:hover,
.owner-dashboard-theme .window-body-modern::-webkit-scrollbar-thumb:hover,
.properties-page .table-container::-webkit-scrollbar-thumb:hover,
.swal2-html-container::-webkit-scrollbar-thumb:hover {
    background: var(--app-scrollbar-thumb-hover);
    background-clip: padding-box;
}