/* ===========================================================
   MaxxPe Admin — global purple theme override
   Loaded after the Velzon core CSS so these rules win.
   Brand: #6C3FE8 -> #9061F9
   =========================================================== */
:root{
    --vz-primary:#6C3FE8;
    --vz-primary-rgb:108,63,232;
    --vz-primary-text-emphasis:#5a30d6;
    --vz-link-color:#6C3FE8;
    --vz-link-color-rgb:108,63,232;
    --vz-link-hover-color:#5a30d6;
    --mx1:#6C3FE8;
    --mx2:#9061F9;
}

/* ---------- Top header ---------- */
#page-topbar{
    background:linear-gradient(90deg,#6C3FE8 0%,#7C3AED 55%,#9061F9 100%) !important;
    box-shadow:0 6px 22px -10px rgba(108,63,232,.65) !important;
}
#page-topbar .navbar-header{ background:transparent !important; }
/* header icons + text white */
#page-topbar .header-item,
#page-topbar .btn-topbar,
#page-topbar .navbar-header .btn,
#page-topbar .topbar-user .text-start,
#page-topbar i{ color:#ffffff !important; }
#page-topbar .btn-topbar:hover{ background:rgba(255,255,255,.14) !important; }
/* wallet balance pill -> frosted white instead of green */
#page-topbar .btn-success{
    background:rgba(255,255,255,.18) !important;
    border-color:rgba(255,255,255,.25) !important;
    color:#fff !important;
    backdrop-filter:blur(4px);
}
/* notification count badges keep pop */
#page-topbar .topbar-badge{ background:#FFB020 !important; color:#3a2600 !important; }

/* ---------- Horizontal nav menu ---------- */
.topnav{ box-shadow:0 2px 10px -6px rgba(24,20,50,.25); }
.topnav .navbar-nav .nav-link{ font-weight:500; }
.topnav .navbar-nav .nav-link:hover,
.topnav .navbar-nav .nav-link:focus,
.topnav .navbar-nav .nav-item.active > .nav-link,
.topnav .navbar-nav .nav-link.active{ color:#6C3FE8 !important; }
.topnav .navbar-nav .nav-link i{ color:#6C3FE8 !important; }
.topnav .dropdown-menu .dropdown-item:hover,
.topnav .dropdown-menu .dropdown-item.active,
.topnav .dropdown-menu .dropdown-item:active{
    background:rgba(108,63,232,.10) !important;
    color:#6C3FE8 !important;
}

/* ---------- Buttons ---------- */
.btn-primary,.btn-success{
    --vz-btn-bg:#6C3FE8; --vz-btn-border-color:#6C3FE8;
    --vz-btn-hover-bg:#5a30d6; --vz-btn-hover-border-color:#5a30d6;
    --vz-btn-active-bg:#5023c9; --vz-btn-active-border-color:#5023c9;
    --vz-btn-disabled-bg:#6C3FE8; --vz-btn-disabled-border-color:#6C3FE8;
    background-image:linear-gradient(135deg,#6C3FE8 0%,#9061F9 100%);
    border:none !important;
    box-shadow:0 8px 18px -10px rgba(108,63,232,.7);
}
.btn-primary:hover,.btn-success:hover{ filter:brightness(.96); color:#fff; }
.btn-soft-primary,.btn-soft-success{ --vz-btn-color:#6C3FE8; --vz-btn-bg:rgba(108,63,232,.12); --vz-btn-border-color:transparent; --vz-btn-hover-bg:#6C3FE8; --vz-btn-hover-color:#fff; color:#6C3FE8; }
.btn-outline-primary{ --vz-btn-color:#6C3FE8; --vz-btn-border-color:#6C3FE8; --vz-btn-hover-bg:#6C3FE8; --vz-btn-hover-border-color:#6C3FE8; }

/* ---------- Links / text / badges ---------- */
a{ color:#6C3FE8; }
a:hover{ color:#5a30d6; }
.text-primary{ color:#6C3FE8 !important; }
.link-primary{ color:#6C3FE8 !important; }
.badge.bg-primary,.badge.bg-success{ background-color:#6C3FE8 !important; }
.bg-primary{ background-color:#6C3FE8 !important; }
.bg-primary-subtle{ background-color:rgba(108,63,232,.12) !important; }
.text-bg-primary{ background-color:#6C3FE8 !important; }

/* ---------- Forms ---------- */
.form-control:focus,.form-select:focus,.choices__inner:focus,.form-check-input:focus{
    border-color:#9061F9 !important;
    box-shadow:0 0 0 .15rem rgba(108,63,232,.20) !important;
}
.form-check-input:checked{ background-color:#6C3FE8 !important; border-color:#6C3FE8 !important; }
.form-switch .form-check-input:checked{ background-color:#6C3FE8 !important; }

/* ---------- Tables ---------- */
.table thead th,.table > thead{ background:rgba(108,63,232,.07); color:#3a2b63; }
.table > :not(caption) > * > *{ vertical-align:middle; }
.table-hover > tbody > tr:hover > *{ background:rgba(108,63,232,.05); }

/* ---------- Pagination / nav-pills / tabs ---------- */
.page-item.active .page-link{ background-color:#6C3FE8 !important; border-color:#6C3FE8 !important; }
.page-link{ color:#6C3FE8; }
.nav-pills .nav-link.active,.nav-pills .show > .nav-link{ background-color:#6C3FE8 !important; }
.nav-tabs-custom .nav-item .nav-link.active{ color:#6C3FE8 !important; }
.nav-tabs-custom .nav-item .nav-link::after{ background:linear-gradient(135deg,#6C3FE8,#9061F9) !important; }

/* ---------- Cards / misc ---------- */
.card{ border-radius:14px; }
.card-title{ color:#1A1A2E; }
.spinner-border,.spinner-grow{ color:#6C3FE8; }
#preloader{ background:#fff; }
.text-success{ color:#12b886 !important; } /* keep genuine success green readable */

/* dark mode: soften header a touch */
[data-bs-theme="dark"] #page-topbar{
    background:linear-gradient(90deg,#5a30d6 0%,#6C3FE8 55%,#7C3AED 100%) !important;
}

/* ---------- Coloured card headers -> purple (fixes red/orange headers on list pages) ---------- */
.card > .card-header[style*="background"],
.card > .card-header.bg-danger,
.card > .card-header.bg-warning,
.card > .card-header.bg-info,
.card > .card-header.bg-primary,
.card > .card-header.bg-success{
    background:linear-gradient(90deg,#6C3FE8 0%,#7C3AED 55%,#9061F9 100%) !important;
    color:#fff !important;
    border-radius:14px 14px 0 0 !important;
    border:none !important;
}
.card > .card-header[style*="background"] *,
.card > .card-header.bg-danger *,
.card > .card-header.bg-warning *,
.card > .card-header.bg-info *,
.card > .card-header.bg-primary *,
.card > .card-header.bg-success *{ color:#fff !important; }
/* the "Create New" style buttons that were teal/info */
.btn-info{
    --vz-btn-bg:#6C3FE8; --vz-btn-border-color:#6C3FE8;
    --vz-btn-hover-bg:#5a30d6; --vz-btn-hover-border-color:#5a30d6;
    background-image:linear-gradient(135deg,#6C3FE8 0%,#9061F9 100%);
    border:none !important; color:#fff !important;
}
/* header brand: make MaxxPe wordmark readable on purple header */
#page-topbar .navbar-brand-box,#page-topbar .logo{ filter:none; }
#page-topbar .logo-txt,#page-topbar .navbar-brand-box span{ color:#fff !important; }

/* ---------- FORCE all list-page card headers to purple ---------- */
.page-content .card > .card-header{
    background:linear-gradient(90deg,#6C3FE8 0%,#7C3AED 55%,#9061F9 100%) !important;
    color:#fff !important;
    border:none !important;
    border-radius:14px 14px 0 0 !important;
}
.page-content .card > .card-header h1,
.page-content .card > .card-header h2,
.page-content .card > .card-header h3,
.page-content .card > .card-header h4,
.page-content .card > .card-header h5,
.page-content .card > .card-header .card-title,
.page-content .card > .card-header span,
.page-content .card > .card-header label,
.page-content .card > .card-header p{ color:#fff !important; }
/* keep the dashboard provider panel header clean/white */
.page-content .mx-panel > .card-header{
    background:#fff !important;
    border-bottom:1px solid #F0EDFA !important;
}
.page-content .mx-panel > .card-header *{ color:#1A1A2E !important; }
/* profile / topbar user avatar visibility on purple header */
#page-topbar .topbar-user{ background:rgba(255,255,255,.10); border-radius:30px; }
#page-topbar .topbar-user img{ border:2px solid rgba(255,255,255,.6); }

/* white pill behind the header logo — compact, hugs the logo */
#page-topbar .navbar-brand-box{
    background:#fff !important;
    border-radius:10px;
    padding:4px 12px !important;
    margin:9px 0 !important;
    width:fit-content !important;
    height:auto !important;
    display:inline-flex !important;
    align-items:center;
    box-shadow:0 4px 12px -6px rgba(0,0,0,.25);
}
#page-topbar .navbar-brand-box .logo img{ height:30px !important; width:auto !important; }