/* ===== Leadership Assessment v8 Styles (Solid, No Radius) ===== */
:root {
  --brand-primary: #0d6efd;
  --brand-accent: #6f42c1;
  --card-radius: 0;
  --soft-shadow: 0 10px 24px rgba(0,0,0,.08);
}
ul, li {
  font-size: .875rem !important;
}

/* Solid hero (no gradient) */
.laba-hero {
  background: var(--brand-primary);
  color: #fff;
}
/* Cards / panels */
.laba-card { box-shadow: var(--soft-shadow); background:#fff;}

/* Sticky sidebar */
.laba-sticky { position: sticky; top: 1rem; }

/* Section title larger */
.laba-section-title { font-size: 1.175rem; line-height:1.2; }

/* Question vs Answers styling (solid) */
.laba-question {
  border-left: 4px solid var(--brand-accent);
  background: #f8f9fa;
}
.laba-answers .laba-option { transition: .15s ease-in-out; }
.laba-answers .laba-option.active {
  border-color: var(--brand-primary);
  background: #eef2ff;
  box-shadow: inset 0 0 0 .125rem rgba(13,110,253,.25);
}

/* Buttons: use site theme .solid-btn, normalize spacing */
.solid-btn { display:inline-flex; align-items:center; gap:.5rem; border:1px solid #fff !important }
.solid-btn .fa-solid { margin-right:.35rem; }

/* Progress bars (square) */
.laba-progress { height: 8px; }
.progress, .progress .progress-bar { border-radius:0; }
.progress-brand .progress-bar { background: var(--brand-primary); }

/* Badges (solid squares) */
.laba-badges { display:flex; gap:.5rem; flex-wrap:wrap; }
.laba-badge {
  width: 40px; height: 40px; display: inline-flex; align-items:center; justify-content:center;
  background: #e8363a; color: #fff; border:1px solid #e8363a;
}
.laba-badge.earned {
  background: #198754;
  color: #fff;
  border-color: #198754;
}
/* Competency badges with solid backgrounds (flat, no radius) */
.lapro-badge-competency {
  background: var(--brand-accent, #2563eb);
  color: #2a2a2a;
  border: 0;
  border-radius: 0;
  padding: .35rem .5rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .01em;
}
.laba-badge-competency {
  background: var(--brand-accent, #2563eb);
  color: #fff;               /* also fixes contrast */
  border: 0;
  border-radius: 0;
  padding: .35rem .5rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .01em;
  position: static !important;   /* prevents theme corner-pinning */
  display: inline-flex;          /* makes it behave like a chip */
  align-items: center;
}