/*
 * Vaibe theme tokens.
 * Currently included only on the admin Active Users page. Include this file on
 * other pages when they move to the new theme.
 */
:root {
    /* Brand */
    --vaibe-pink: #E63EB6;
    --vaibe-purple: #A52BFF;
    --vaibe-pink-mid: #FF4FCB;
    --vaibe-pink-light: #FF8BD8;
    /* Gradients from the Vaibe design system */
    --vaibe-gradient-primary: linear-gradient(104.63deg, #E63EB6 0%, #FF4FCB 49.73%, #FF8BD8 100.06%);
    --vaibe-gradient-secondary: linear-gradient(105.4deg, #FF8BD8 0%, #A52BFF 101.26%);
    --vaibe-gradient: var(--vaibe-gradient-primary);
    --vaibe-pink-soft: #FDEBF7;
    --vaibe-purple-soft: #F4E8FF;
    --vaibe-pink-hover: #CF2FA0;

    /* Neutrals */
    --vaibe-text: #1B1530;
    --vaibe-text-muted: #6B6680;
    --vaibe-text-subtle: #9A96AB;
    --vaibe-border: #ECEAF2;
    --vaibe-surface: #FFFFFF;
    --vaibe-bg: #F8F7FB;
    --vaibe-row-hover: #FCF5FB;

    /* Status */
    --vaibe-success: #1F9D55;
    --vaibe-success-soft: #E7F6EE;
    --vaibe-warning: #D9822B;
    --vaibe-warning-soft: #FDF1E4;
    --vaibe-danger: #E5484D;
    --vaibe-danger-soft: #FDECEC;
    --vaibe-info: #3E63DD;
    --vaibe-info-soft: #EAF0FF;

    /* Shape */
    --vaibe-radius-sm: 8px;
    --vaibe-radius: 12px;
    --vaibe-radius-lg: 16px;
    --vaibe-shadow: 0 1px 2px rgba(27, 21, 48, 0.04), 0 4px 16px rgba(27, 21, 48, 0.04);
    --vaibe-shadow-lg: -8px 0 32px rgba(27, 21, 48, 0.12);
}

/* Vaibe Global Pagination Styles */
.vu-pagination { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.vu-pagination li { margin: 0; padding: 0; list-style: none; }
.vu-pagination li a, .vu-pagination li span { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px; border-radius: var(--vaibe-radius-sm); border: 1px solid var(--vaibe-border); background: var(--vaibe-surface); color: var(--vaibe-text); font-size: 13px; font-weight: 600; text-decoration: none; line-height: 1; white-space: nowrap; transition: all .15s ease; }
.vu-pagination li a:hover { border-color: var(--vaibe-pink); color: var(--vaibe-pink); background: var(--vaibe-pink-soft); }
.vu-pagination li.is-active span { background: var(--vaibe-gradient) border-box; border-color: transparent; color: #fff; box-shadow: 0 4px 10px rgba(230, 62, 182, .25); }
.vu-pagination li.is-disabled span { color: var(--vaibe-text-subtle); background: var(--vaibe-bg); cursor: not-allowed; }
.vu-pagination li.is-dots span { border-color: transparent; background: transparent; color: var(--vaibe-text-subtle); min-width: 24px; padding: 0 4px; }