/* ─── Global custom scrollbar — ACC magenta brand ──────────────────────────
 * Loaded on every layout (admin, portal, public site) so the whole app
 * shares the same scrollbar look.
 */

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #d93b8a rgba(15, 23, 42, 0.04);
}

/* WebKit / Blink (Chrome, Safari, Edge) */
*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.03);
    border-radius: 999px;
}

*::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #d93b8a, #a3195b);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
    transition: background 0.2s;
}

*::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #c1266f, #831545);
    background-clip: padding-box;
    border: 2px solid transparent;
}

*::-webkit-scrollbar-thumb:active {
    background: #831545;
    background-clip: padding-box;
    border: 2px solid transparent;
}

*::-webkit-scrollbar-corner {
    background: transparent;
}

/* Opt-out utility for horizontal-only bars where we want an invisible scrollbar
 * (e.g. sidebar in header nav overflow-x). Add class="scrollbar-none" to hide. */
.scrollbar-none {
    scrollbar-width: none;
}
.scrollbar-none::-webkit-scrollbar {
    display: none;
}