/* MyIndependent brand overrides — coral primary + logo gradient accents */
:root{
  --bs-primary:#f5533d;
  --bs-primary-rgb:245,83,61;
  --mi-coral:#f5533d;
  --mi-orange:#ff8a00;
  --mi-pink:#ec1c8f;
  --mi-blue:#2f6bff;
  --mi-gradient:linear-gradient(310deg,#ff8a00 0%,#f5330a 40%,#ec1c8f 75%,#2f6bff 120%);
}

/* Buttons / accents */
.btn-primary{background-color:var(--mi-coral);border-color:var(--mi-coral);}
.btn-primary:hover,.btn-primary:focus{background-color:#e4432e;border-color:#e4432e;}
.btn-outline-primary{color:var(--mi-coral);border-color:var(--mi-coral);}
.btn-outline-primary:hover{background-color:var(--mi-coral);border-color:var(--mi-coral);}
.text-primary{color:var(--mi-coral)!important;}
.bg-primary{background-color:var(--mi-coral)!important;}
.border-primary{border-color:var(--mi-coral)!important;}
a{color:var(--mi-coral);}
.page-link{color:var(--mi-coral);}
.page-item.active .page-link{background-color:var(--mi-coral);border-color:var(--mi-coral);}
.form-check-input:checked{background-color:var(--mi-coral)!important;border-color:var(--mi-coral)!important;}
/* Argon replaces the tick with a purple gradient — restore a white check on coral */
.form-check-input:checked[type=checkbox]:not([role=switch]){--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");}
/* Argon draws a knob ::after on every check input — hide it for plain checkboxes so the tick isn't overlapped */
.form-check-input[type=checkbox]:not([role=switch])::after{display:none!important;}
.form-check-input:focus{border-color:var(--mi-coral);box-shadow:0 0 0 .2rem rgba(245,83,61,.25);}

/* Argon gradient utilities → brand gradient */
.bg-gradient-primary,.bg-gradient-dark{background-image:var(--mi-gradient)!important;}
.icon-shape.bg-gradient-primary{background-image:var(--mi-gradient)!important;}

/* Sidebar */
.sidenav .navbar-brand img{max-height:2.4rem;width:auto;}
.sidenav .nav-link.active{color:var(--mi-coral);}
.sidenav .nav-link.active .icon{background-image:var(--mi-gradient)!important;}
/* Active item's glyph must be white on the gradient chip (beats .text-primary) */
.sidenav .nav-link.active .icon i{color:#fff!important;}
/* Keep the sidebar below the modal backdrop so it dims (no "glow") when a modal is open */
.sidenav{z-index:1030!important;}

/* Active pill (profile tabs, renewal filters) → brand gradient */
.nav-pills .nav-link.active{background-image:var(--mi-gradient)!important;color:#fff!important;}

/* Login card */
.mi-auth-bg{background:var(--mi-gradient);}
.mi-brand-strip{height:5px;background:var(--mi-gradient);}

/* Navbar user menu — hide Bootstrap's default caret, align icons with text */
.no-caret.dropdown-toggle::after,.no-caret::after{display:none!important;}
.navbar .bi{vertical-align:-.125em;line-height:1;}

/* Tables a touch denser */
.table > :not(caption) > * > *{padding:.6rem .75rem;}
.expiry-chip{font-size:.72rem;padding:.2rem .5rem;border-radius:.4rem;font-weight:600;}
