/* ============================================================
   VIE FAUCET - THEME: Modern Purple (dark base)
   Accent #8B5CF6  |  Sidebar #22123F  |  Topbar #2A174D
   ============================================================ */

/* ---------- links & text ---------- */
a{color:#8B5CF6}
a:hover{color:#7C3AED}
.text-primary{color:#8B5CF6!important}
.text-info{color:#c4b5fd!important}
.bg-primary{background-color:#8B5CF6!important}
.bg-soft-primary{background-color:rgba(139,92,246,.15)!important}
.bg-gradient{background:linear-gradient(135deg,#8B5CF6,#ec4899)!important}

/* ---------- buttons ---------- */
.btn-primary{color:#fff;background-color:#8B5CF6;border-color:#8B5CF6}
.btn-primary:hover{color:#fff;background-color:#7C3AED;border-color:#6D28D9}
.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#7C3AED;border-color:#6D28D9;box-shadow:0 0 0 .2rem rgba(139,92,246,.35)}
.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#8B5CF6;border-color:#8B5CF6}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active{color:#fff;background-color:#6D28D9;border-color:#5B21B6}
.btn-outline-primary{color:#8B5CF6;border-color:#8B5CF6}
.btn-outline-primary:hover{color:#fff;background-color:#8B5CF6;border-color:#8B5CF6}
.btn-outline-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#8B5CF6;border-color:#8B5CF6}
.btn-soft-primary{color:#a78bfa!important;background-color:rgba(139,92,246,.15)!important}
.btn-soft-primary:hover{background-color:rgba(139,92,246,.3)!important}
.btn-soft-danger{background-color:rgba(244,106,110,.15)!important}

/* ---------- badges & labels ---------- */
.badge-primary{background-color:#8B5CF6}
.badge-soft-primary{color:#a78bfa;background-color:rgba(139,92,246,.15)}

/* ---------- navs, dropdowns, pagination ---------- */
.nav-pills .nav-link.active{background-color:#8B5CF6}
.nav-tabs .nav-link.active{color:#8B5CF6}
.nav-tabs{border-color:#8B5CF6}
.dropdown-item.active,.dropdown-item:active{background-color:#8B5CF6}
.pagination>.active>a,.pagination>.active>span{background-color:#8B5CF6;border-color:#8B5CF6}
.page-item.active .page-link{background-color:#8B5CF6;border-color:#8B5CF6}
.page-link{color:#8B5CF6}
.page-link:hover{color:#7C3AED}

/* ---------- forms ---------- */
.form-control:focus{border-color:#A78BFA;box-shadow:0 0 0 .18rem rgba(139,92,246,.22)}
.custom-control-input:checked~.custom-control-label::before{background-color:#8B5CF6;border-color:#8B5CF6}
.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#8B5CF6}
.input-group-text{background-color:rgba(139,92,246,.12);color:#a78bfa;border-color:#334155}

/* ---------- progress, spinner, waves ---------- */
.progress-bar{background-color:#8B5CF6}
.spinner-border.text-primary,.spinner-grow.text-primary{color:#8B5CF6!important}
.waves-effect .waves-ripple{background:rgba(139,92,246,.4)}

/* ---------- sidebar (vertical menu) ---------- */
.vertical-menu{background:#22123F!important;box-shadow:1px 0 12px rgba(0,0,0,.25)!important}
.navbar-brand-box{background:#22123F!important}
#sidebar-menu ul li a{color:#B4A0E3!important}
#sidebar-menu ul li a:hover{color:#ffffff!important}
#sidebar-menu ul li.mm-active .active{color:#A78BFA!important}
#sidebar-menu ul li.mm-active .active i{color:#A78BFA!important}
#sidebar-menu .mm-active>a{color:#A78BFA!important}
#sidebar-menu .has-arrow:after{color:#B4A0E3}

/* ---------- topbar & footer ---------- */
#page-topbar{background:#2A174D!important}
#page-topbar .header-item{color:#ddd6fe!important}
#page-topbar .btn.header-item{color:#ddd6fe!important}
.app-search .form-control{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#e2e8f0}
.footer{background:#241340!important;color:#B4A0E3!important}

/* ---------- cards & misc accents ---------- */
.card{border:1px solid rgba(139,92,246,.14)}
.card-outline.card-primary{border-top:3px solid #8B5CF6}
.page-title-box .page-title{color:#e2e8f0}
.header-item .noti-icon .badge{background-color:#8B5CF6}
.antibotlinks{background-color:#ffffff!important}
