/* ================================================================
   css_base_scrollbars.css
   Westonaria Connect — split from style.css (lines 2817–2887)
   ================================================================ */

/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* SCROLLBARS */
/* //////////////////////////////////////////////////////////////////////////////////////////////// */

.admin-content::-webkit-scrollbar,
.pending-list::-webkit-scrollbar,
.admin-list::-webkit-scrollbar {
    width: 8px;
}

.admin-content::-webkit-scrollbar-track,
.pending-list::-webkit-scrollbar-track,
.admin-list::-webkit-scrollbar-track {
    background: var(--obsidian);
    border-radius: var(--radius-sm);
}

.admin-content::-webkit-scrollbar-thumb,
.pending-list::-webkit-scrollbar-thumb,
.admin-list::-webkit-scrollbar-thumb {
    background: var(--gradient-ocean);
    border-radius: var(--radius-sm);
}

.admin-content::-webkit-scrollbar-thumb:hover,
.pending-list::-webkit-scrollbar-thumb:hover,
.admin-list::-webkit-scrollbar-thumb:hover {
    background: var(--gradient-sunset);
}

::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: var(--obsidian); }
::-webkit-scrollbar-thumb { background: var(--gradient-ocean); border-radius: var(--radius-xl); border: 3px solid var(--obsidian); }
::-webkit-scrollbar-thumb:hover { background: var(--gradient-sunset); }

/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* LOADING & EMPTY STATES */
/* //////////////////////////////////////////////////////////////////////////////////////////////// */

.admin-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    gap: var(--space-xl);
}

.admin-loading i {
    font-size: 3rem;
    background: var(--gradient-ocean);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.no-data {
    text-align: center;
    padding: 60px var(--space-xl);
    color: var(--silver);
}

.no-data i { font-size: 4rem; margin-bottom: var(--space-xl); opacity: 0.5; }
.no-data p { font-size: 1.1rem; margin: 0; }