/* ============================================================
   admin-polish.css — modern indigo + smoother loaders for the
   admin & console portals. Loaded LAST so it re-tints the older
   crimson admin theme without touching layout or semantics.
   ============================================================ */
:root{
  --brand:#6b57ff !important; --red:#6b57ff !important;
  --brand-2:#8b7bff; --brand-ink:#4c3fd6; --brand-soft:#efecff;
  --brand-grad:linear-gradient(135deg,#8b7bff,#6b57ff 55%,#5a46f0);
  --danger:#e11d48;
}

/* smoother base */
.card,.panel,.kpi,.login-card{transition:box-shadow .2s,transform .2s;border-radius:16px !important}
.card:hover,.kpi:hover{box-shadow:0 14px 32px rgba(26,22,66,.12)}

/* primary accents → indigo */
.nav-item.on{background:var(--brand-grad) !important;color:#fff !important;box-shadow:0 8px 18px rgba(107,87,255,.28)}
.side-logo,.kpi .val,.up{color:inherit}
.bar-fill,.spark-fill,.pill-blue{background:var(--brand-grad) !important}
.dot{background:var(--brand) !important}
.seg .on,.subtabs .on{background:var(--brand-grad) !important;color:#fff !important}

/* buttons */
.btn{transition:transform .15s,box-shadow .2s,filter .2s;border-radius:11px !important}
.btn:active{transform:scale(.97)}
.btn.primary,.btn-primary,button.primary{background:var(--brand-grad) !important;color:#fff !important;border:none !important;box-shadow:0 8px 18px rgba(107,87,255,.28)}
.btn.primary:hover,.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.05)}
.btn.loading{position:relative;color:transparent !important;pointer-events:none}
.btn.loading::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2.3px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:aprot .6s linear infinite}

/* inputs focus ring */
input:focus,select:focus,textarea:focus{outline:none !important;border-color:var(--brand) !important;box-shadow:0 0 0 3px var(--brand-soft) !important}

/* branded loader for admin */
.loader-ring{width:44px;height:44px;border-radius:50%;background:conic-gradient(from 0deg,var(--brand),var(--brand-2) 140deg,transparent 300deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 0);animation:aprot .8s linear infinite;margin:40px auto}
.load-block{display:flex;flex-direction:column;align-items:center;gap:12px;padding:50px 20px;color:#8a8fa8;font-weight:600}
@keyframes aprot{to{transform:rotate(360deg)}}

/* skeleton shimmer */
.skel{background:linear-gradient(100deg,#eceef8 30%,#fbfbff 50%,#eceef8 70%);background-size:220% 100%;animation:apsh 1.15s ease-in-out infinite;border-radius:14px}
@keyframes apsh{from{background-position:220% 0}to{background-position:-220% 0}}

/* login page accent */
.login-shell .btn,.login-card .btn{background:var(--brand-grad) !important;color:#fff !important}