@font-face {
    font-family: OpenSans-Bold;
    src: url(/_static/Uploads/OpenSans-Bold.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: OpenSans-Bold;
    src: url(/_static/Uploads/OpenSans-Light.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: MuseoSlab-500;
    src: url(/_static/Uploads/MuseoSlab-500.otf) format("opentype");
    font-display: auto;
}
@font-face {
    font-family: MuseoSlab-100;
    src: url(/_static/Uploads/MuseoSlab-100.otf) format("opentype");
    font-display: auto;
}
@font-face {
    font-family: OpenSans-Regular;
    src: url(/_static/Uploads/OpenSans-Regular.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: Default-Regular;
    src: url(/_static/Uploads/Raleway-Regular.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: Default-Bold;
    src: url(/_static/Uploads/Raleway-Bold.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: Default-Light;
    src: url(/_static/Uploads/Raleway-Light.ttf) format("truetype");
    font-display: auto;
}

.solvint {
  --primary-color-1200: #a01b30;
  --primary-color-1200-rgb: 160,27,48;
  --primary-color-1000: #eb7418;
  --primary-color-1000-rgb: 235,116,24;
  --primary-color-800: #e43226;
  --primary-color-800-rgb: 228,50,38;
  --primary-color-100: #5b0a4d;
  --primary-color-100-rgb: 91,10,77;
  --secondary-color-1000: #08213F;
  --secondary-color-1000-rgb: 8,33,63;
  --secondary-color-800: #354B66;
  --secondary-color-800-rgb: 53,75,102;
  --secondary-color-600: #728398;
  --secondary-color-600-rgb: 114,131,152;
  --secondary-color-400: #9FADBD;
  --secondary-color-400-rgb: 159,173,189;
  --secondary-color-200: #D3D9E1;
  --secondary-color-200-rgb: 211,217,225;
  --secondary-color-100: #ECF0F4;
  --secondary-color-100-rgb: 236,240,244;
  --secondary-color-50: #F7F9FA;
  --secondary-color-50-rgb: 247,249,250;
  --neutral-color-1000: #000000;
  --neutral-color-1000-rgb: 0,0,0;
  --neutral-color-800: #2C2C2C;
  --neutral-color-800-rgb: 44,44,44;
  --neutral-color-600: #808080;
  --neutral-color-600-rgb: 128,128,128;
  --neutral-color-400: #BCBCBB;
  --neutral-color-400-rgb: 188,188,187;
  --neutral-color-200: #E0E0E0;
  --neutral-color-200-rgb: 224,224,224;
  --neutral-color-100: #E9E9EB;
  --neutral-color-100-rgb: 233,233,235;
  --neutral-color-50: #FAFAF9;
  --neutral-color-50-rgb: 250,250,249;
  --neutral-color-0: #FFFFFF;
  --neutral-color-0-rgb: 255,255,255;
  --positive-color: #32C77C;
  --positive-color-rgb: 50,199,124;
  --warning-color: #FEC84C;
  --warning-color-rgb: 254,200,76;
  --negative-color: #FF3131;
  --negative-color-rgb: 255,49,49;
  --button-padding: 0.5rem 2rem;
  --button-padding-rgb: ;
  --button-radius: 0.2rem;
  --button-radius-rgb: ;
  --input-radius: 0.2rem;
  --input-radius-rgb: ;
  --input-line-height: 3rem;
  --input-line-height-rgb: ;
  --font-content: Aeonik;
  --font-content-rgb: ;
  --font-heading: Gilroy;
  --font-heading-rgb: ;
  --font-link: Aeonik;
  --font-link-rgb: ;
  --font-size: 1rem;
  --font-size-rgb: ;
  --bg-color: #FFFFFF;
  --bg-color-rgb: 255,255,255;
  --primary--color-DarkBlue: #223b4f;
  --primary--color-DarkBlue-rgb: 34,59,79;
  --primary--color-Grey: #fafafa;
  --primary--color-Grey-rgb: 250,250,250;
  --neutral--color-Transparant: transparent;
  --neutral--color-Transparant-rgb: ;
  --main-color: #f2f2f2;
  --main-color-rgb: 242,242,242;
  --primary--color-White: #FFFFFF;
  --primary--color-White-rgb: 255,255,255;
  --neutral--color-transparent: transparent;
  --neutral--color-transparent-rgb: ;
}
.Isam .h1, .Isam h1, Isam .h1, Isam h1 {
  font-family: Default-Bold;
  text-transform: none;
  font-size: 45px;
  line-height: 1.2;
}
.Isam .h2, .Isam h2, Isam .h2, Isam h2 {
  font-family: Default-Bold;
  text-transform: none;
  font-size: 30px;
  line-height: 1.2;
}
.Isam .h3, .Isam h3, Isam .h3, Isam h3 {
  font-family: Default-Bold;
  text-transform: none;
  font-size: 24px;
  line-height: 1.1;
}
.Isam .h4, .Isam h4, Isam .h4, Isam h4 {
  font-family: Default-Bold;
  text-transform: none;
  font-size: 20px;
  line-height: 1.1;
}
.solvint .Button .button__Primary {
  background-color: var(--primary-color-100);
  color: var(--primary--color-White);
  border-width: 0px;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  border-radius: 5px;
  font-family: Default-Bold;
  text-transform: uppercase;
}
.solvint .Button .button__Primary:hover {
  background-color: var(--primary-color-1000);
}
.solvint .Button .button__Secondary {
  background-color: var(--primary-color-1200);
  color: var(--primary--color-White);
  border-width: 0px;
  border-radius: 5px;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  font-family: Default-Bold;
  text-transform: uppercase;
}
.solvint .Button .button__Secondary:hover {
  background-color: var(--primary-color-1000);
  font-family: Default-Bold;
  text-transform: uppercase;
}
.solvint .Button .button__Tertiary {
  background-color: var(--secondary-color-400);
  color: var(--neutral-color-50);
  border-width: 0px;
  border-radius: 5px;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  font-family: Default-Bold;
  text-transform: uppercase;
}
.solvint .Button .button__Tertiary:hover {
  background-color: var(--neutral-color-400);
}
.solvint .Button .button__Text {
  background-color: var(--neutral--color-Transparant);
  color: var(--neutral-color-1000);
  font-family: Default-Bold;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  border-width: 0px;
}
.solvint .Button .button__Text:hover {
  background-color: var(--neutral--color-Transparant);
  color: var(--primary-color-1200);
  font-family: Default-Regular;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 12px;
  border-width: 0px;
}
.solvint .Button .button__Text:active {
  background-color: var(--neutral--color-Transparant);
  color: var(--primary-color-1200);
  border-width: 0px;
  font-family: Default-Regular;
  font-size: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 20px;
  padding-left: 20px;
}
.solvint .Button .button__Ghost {
  background-color: var(--neutral--color-Transparant);
  border-color: var(--primary-color-100);
  color: var(--primary-color-100);
  border-width: 1px;
  border-radius: 5px;
  font-family: Default-Regular;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  text-transform: none;
}
.solvint .Button .button__Ghost:hover {
  background-color: var(--neutral-color-100);
  border-width: 1px;
  border-radius: 5px;
}
.solvint .Button .button__Form__Next {
  background-color: var(--primary-color-100);
  color: var(--bg-color);
  border-width: 0px;
  border-radius: 5px;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  font-family: Default-Bold;
  text-transform: uppercase;
}
.solvint .Button .button__Form__Next:hover {
  background-color: var(--primary-color-1200);
}
.solvint .Button .button__Form__Prev {
  background-color: var(--primary-color-1000);
  color: var(--bg-color);
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  border-width: 0px;
  border-radius: 5px;
  font-family: Default-Bold;
  font-size: 16px;
  text-transform: uppercase;
}
.solvint .Button .button__Form__Prev:hover {
  background-color: var(--primary--color-DarkBlue);
}
.solvint .Button .button__Subnav {
  background-color: var(--secondary-color-400);
  color: var(--primary--color-White);
  font-family: Default-Bold;
  text-transform: uppercase;
  font-size: 14px;
  border-width: 0;
  border-radius: 0 0 5px 5px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.solvint .Button .button__Subnav:hover {
  background-color: var(--primary-color-800);
}
.solvint .Button .button__Subnav:active {
  background-color: var(--primary-color-800);
}
.solvint .Button .button__SubnavSelect {
  background-color: var(--primary-color-1200);
  color: var(--primary--color-White);
  padding-top: 10px;
  padding-right: 25px;
  padding-bottom: 10px;
  padding-left: 25px;
  border-width: 0px;
  border-radius: 0 0 5px 5px;
  font-size: 14px;
  font-family: Default-Bold;
  text-transform: uppercase;
}
.solvint .Button .button__SubnavSelect:hover {
  background-color: var(--primary-color-1000);
  color: var(--primary--color-White);
  font-family: Default-Bold;
}
.solvint .Button .button__SubnavSelect:active {
  background-color: var(--primary-color-1200);
}
.solvint .Button .button__Text_small {
  background-color: var(--neutral--color-Transparant);
  font-family: Default-Regular;
  font-size: 14px;
  border-width: 0;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
}
.solvint .Button .button__Text_small:hover {
  background-color: var(--neutral-color-100);
  border-radius: 8px;
  font-family: Default-Regular;
  font-size: 14px;
}
.solvint .Button .button__Wireframe {
  background-color: var(--neutral--color-Transparant);
  border-color: var(--primary--color-DarkBlue);
  color: var(--primary--color-DarkBlue);
  font-size: 16px;
  font-family: Default-Bold;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 30px;
  border-width: 2px;
  border-radius: 5px;
  text-transform: uppercase;
}
.solvint .Button .button__Wireframe:hover {
  background-color: var(--secondary-color-50);
}
@charset "UTF-8";
.solvint .groupreport {
  /* ============================================================
  SOLVINT × BIA Group — 360° Group Development Report
  Stylesheet v7 — prefix .solv-360g
  Fonts: Raleway (Google Fonts)
  Charts: CSS-only bars (no SVG); radar = embedded base64 PNG
  ============================================================ */
  /* Font loading — two mechanisms:
     1. The <link> tags in the HTML <head> (primary — always works)
     2. The @import below (fallback — ONLY works when this file is loaded
        standalone via <link rel="stylesheet">; ignored when the CSS is
        pasted into an existing stylesheet or injected into a <style> block
        after other rules)
     If Raleway still doesn't render: check the browser console / network
     tab for blocked requests to fonts.googleapis.com (CSP restriction). */
  @import url("https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700&display=swap");
  /* ── COVER BANNER ─────────────────────────────────────────── */
  /* ── SECTION HEADERS ──────────────────────────────────────── */
  /* ── STAT TILES ───────────────────────────────────────────── */
  /* ── KEY FINDINGS ─────────────────────────────────────────── */
  /* ── NOTE BOX ─────────────────────────────────────────────── */
  /* ── CSS BAR CHARTS (vertical, grouped) ───────────────────── */
  /* plot area — scale 1.4 (baseline) to 4.0 (top) on 240px */
  /* (3.0−1.4)/2.6 × 240 */
  /* 3.4 */
  /* 3.1 */
  /* Two cohort panels side by side */
  /* ── CSS H-BARS (attainment, gaps, maturity) ──────────────── */
  /* ── TABLES ───────────────────────────────────────────────── */
  /* ── RADAR IMG ────────────────────────────────────────────── */
  /* ── PRIORITY CARDS ───────────────────────────────────────── */
  /* ── RECOMMENDATION ───────────────────────────────────────── */
  /* ── PRINT ────────────────────────────────────────────────── */
  /* ── SHARED MATURITY LADDER (dumbbell) ────────────────────── */
}
.solvint .groupreport .solv-360g {
  --navy: #132745;
  --navys: #1E3D68;
  --gold: #E0AD1A;
  --teal: #0E7490;
  --steel: #5B7A9F;
  --green: #2D6A4F;
  --red: #B23A48;
  --op: #22C55E;
  --bg: #F8F9FB;
  --lgrey: #E2E8F0;
  --black: #1F2937;
  --soft: #4B5563;
  --mute: #6B7280;
  --r4b: #d6ede1;
  --r4t: #0d4a27;
  --r3b: #e8f5e0;
  --r3t: #2a5e14;
  --r2b: #fef3d8;
  --r2t: #7a4e00;
  --r1b: #fce4d6;
  --r1t: #8b1a00;
  font-family: "Raleway", "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: var(--black);
  background: #ffffff;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 24px 64px;
}
.solvint .groupreport .solv-360g * {
  box-sizing: border-box;
}
.solvint .groupreport .solv-360g .cover {
  background: linear-gradient(135deg, #132745 0%, #1E3D68 100%);
  border-right: 6px solid var(--gold);
  color: #fff;
  padding: 48px 40px 40px;
  margin: 0 -24px 40px;
}
.solvint .groupreport .solv-360g .cover .eyebrow {
  color: var(--gold);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.solvint .groupreport .solv-360g .cover .client {
  color: #9FADBD;
  font-size: 26px;
  font-weight: 700;
  margin: 0 0 2px;
}
.solvint .groupreport .solv-360g .cover h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 26px;
  color: #fff;
}
.solvint .groupreport .solv-360g .cover .meta {
  display: flex;
  flex-wrap: wrap;
  gap: 28px 56px;
  border-top: 1px solid rgba(224, 173, 26, 0.55);
  padding-top: 22px;
}
.solvint .groupreport .solv-360g .cover .meta div span {
  display: block;
  color: #9FADBD;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.solvint .groupreport .solv-360g .cover .meta div strong {
  font-size: 15px;
  font-weight: 700;
}
.solvint .groupreport .solv-360g .cover .confid {
  margin-top: 26px;
  font-size: 12.5px;
  font-style: italic;
  color: #9FADBD;
}
.solvint .groupreport .solv-360g .sec {
  display: flex;
  align-items: center;
  gap: 14px;
  background: linear-gradient(90deg, #132745, #1E3D68);
  border-left: 5px solid var(--gold);
  padding: 11px 18px;
  margin: 48px 0 22px;
}
.solvint .groupreport .solv-360g .sec .num {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--gold);
  color: var(--navy);
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.solvint .groupreport .solv-360g .sec h2 {
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.3px;
}
.solvint .groupreport .solv-360g h3.gl {
  color: var(--gold);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-top: 2px solid var(--gold);
  padding-top: 10px;
  margin: 34px 0 14px;
}
.solvint .groupreport .solv-360g p {
  margin: 0 0 14px;
}
.solvint .groupreport .solv-360g .small {
  font-size: 13px;
  color: var(--soft);
}
.solvint .groupreport .solv-360g .stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
  margin: 0 0 26px;
}
.solvint .groupreport .solv-360g .stat {
  border: 1px solid var(--lgrey);
  padding: 14px 16px 12px;
  background: linear-gradient(180deg, var(--tile-a, #fff), var(--tile-b, #fff));
}
.solvint .groupreport .solv-360g .stat .lbl {
  font-size: 10.5px;
  font-weight: 700;
  color: var(--mute);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.solvint .groupreport .solv-360g .stat .val {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
}
.solvint .groupreport .solv-360g .stat .sub {
  font-size: 12px;
  color: var(--soft);
  margin-top: 5px;
}
.solvint .groupreport .solv-360g .stat.good {
  --tile-a:#EAF5EA;
  --tile-b:#F5FDF5;
}
.solvint .groupreport .solv-360g .stat.good .val {
  color: var(--r3t);
}
.solvint .groupreport .solv-360g .stat.bad {
  --tile-a:#FEF0F0;
  --tile-b:#FFF8F8;
}
.solvint .groupreport .solv-360g .stat.bad .val {
  color: var(--r1t);
}
.solvint .groupreport .solv-360g .stat.info {
  --tile-a:#E8F4FB;
  --tile-b:#F4FAFD;
}
.solvint .groupreport .solv-360g .stat.info .val {
  color: var(--teal);
}
.solvint .groupreport .solv-360g .stat.warn {
  --tile-a:#FEF9EE;
  --tile-b:#FFFCF5;
}
.solvint .groupreport .solv-360g .stat.warn .val {
  color: var(--r2t);
}
.solvint .groupreport .solv-360g ul.findings {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
}
.solvint .groupreport .solv-360g ul.findings li {
  position: relative;
  padding: 0 0 12px 26px;
  font-size: 14px;
}
.solvint .groupreport .solv-360g ul.findings li::before {
  content: "▸";
  position: absolute;
  left: 2px;
  top: 0;
  color: var(--gold);
  font-weight: 700;
}
.solvint .groupreport .solv-360g .note {
  background: #EFF6FF;
  border: 1px solid #BFDBFE;
  border-top: 3px solid #3B82F6;
  padding: 14px 18px;
  font-size: 13.5px;
  color: #374151;
  margin: 0 0 24px;
}
.solvint .groupreport .solv-360g .chart {
  background: var(--bg);
  border: 1px solid var(--lgrey);
  padding: 24px 20px 14px;
  margin: 0 0 10px;
}
.solvint .groupreport .solv-360g .chart .title {
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  color: var(--navy);
  margin-bottom: 26px;
}
.solvint .groupreport .solv-360g .plot {
  position: relative;
  height: 240px;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  border-bottom: 1px solid #D5DBE3;
}
.solvint .groupreport .solv-360g .plot .refline {
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  border-top: 2px dashed var(--op);
  opacity: 0.8;
  z-index: 1;
}
.solvint .groupreport .solv-360g .plot .refline.op {
  bottom: 147.7px;
}
.solvint .groupreport .solv-360g .plot .refline.tgt-s {
  bottom: 184.6px;
  border-top-style: dotted;
  border-top-color: #C99A0A;
}
.solvint .groupreport .solv-360g .plot .refline.tgt-t {
  bottom: 156.9px;
  border-top-style: dotted;
  border-top-color: var(--teal);
}
.solvint .groupreport .solv-360g .plot .refline .rl-lbl {
  position: absolute;
  right: 4px;
  top: -18px;
  font-size: 10.5px;
  font-weight: 600;
  background: var(--bg);
  padding: 0 4px;
}
.solvint .groupreport .solv-360g .plot .refline.op .rl-lbl {
  color: #16803C;
}
.solvint .groupreport .solv-360g .plot .refline.tgt-s .rl-lbl {
  color: #C99A0A;
}
.solvint .groupreport .solv-360g .plot .refline.tgt-t .rl-lbl {
  color: var(--teal);
}
.solvint .groupreport .solv-360g .grp {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  height: 100%;
  z-index: 2;
}
.solvint .groupreport .solv-360g .bar {
  width: 34px;
  position: relative;
  align-self: flex-end;
  border-radius: 2px 2px 0 0;
}
.solvint .groupreport .solv-360g .bar .v {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11.5px;
  font-weight: 700;
  white-space: nowrap;
}
.solvint .groupreport .solv-360g .bar.pd {
  background: var(--green);
}
.solvint .groupreport .solv-360g .bar.pd .v {
  color: var(--green);
}
.solvint .groupreport .solv-360g .bar.mgr {
  background: var(--red);
  opacity: 0.85;
}
.solvint .groupreport .solv-360g .bar.mgr .v {
  color: var(--red);
}
.solvint .groupreport .solv-360g .bar.oth {
  background: var(--steel);
  opacity: 0.9;
}
.solvint .groupreport .solv-360g .bar.oth .v {
  color: var(--steel);
}
.solvint .groupreport .solv-360g .bar.self {
  background: #2E9CCA;
}
.solvint .groupreport .solv-360g .bar.self .v {
  color: #2E9CCA;
}
.solvint .groupreport .solv-360g .xlabels {
  display: flex;
  justify-content: space-around;
  margin-top: 8px;
}
.solvint .groupreport .solv-360g .xlabels span {
  font-size: 12px;
  font-weight: 600;
  color: var(--navy);
  text-align: center;
  flex: 1;
}
.solvint .groupreport .solv-360g .legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 22px;
  border: 1px solid var(--lgrey);
  background: #fff;
  padding: 8px 14px;
  margin: 14px auto 4px;
  font-size: 12px;
  width: fit-content;
}
.solvint .groupreport .solv-360g .legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.solvint .groupreport .solv-360g .legend i {
  width: 14px;
  height: 11px;
  display: inline-block;
  border-radius: 2px;
}
.solvint .groupreport .solv-360g .legend .l-pd i {
  background: var(--green);
}
.solvint .groupreport .solv-360g .legend .l-mgr i {
  background: var(--red);
  opacity: 0.85;
}
.solvint .groupreport .solv-360g .legend .l-oth i {
  background: var(--steel);
  opacity: 0.9;
  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.35) 0 3px, transparent 3px 7px);
}
.solvint .groupreport .solv-360g .legend .l-op i {
  background: none;
  border-top: 2px dashed var(--op);
  height: 0;
  margin-top: 5px;
}
.solvint .groupreport .solv-360g .legend .l-tgt i {
  background: none;
  border-top: 2px dotted #999;
  height: 0;
  margin-top: 5px;
}
.solvint .groupreport .solv-360g .chart .footnote {
  text-align: center;
  font-size: 11.5px;
  font-style: italic;
  color: #999;
  margin-top: 10px;
}
.solvint .groupreport .solv-360g .panels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 780px) {
  .solvint .groupreport .solv-360g .panels {
    grid-template-columns: 1fr;
  }
}
.solvint .groupreport .solv-360g .panels .bar {
  width: 20px;
}
.solvint .groupreport .solv-360g .panels .xlabels span {
  font-size: 10.5px;
  line-height: 1.25;
}
.solvint .groupreport .solv-360g .hchart {
  background: var(--bg);
  border: 1px solid var(--lgrey);
  padding: 20px 96px 16px 22px;
  margin: 0 0 10px;
}
.solvint .groupreport .solv-360g .hchart .title {
  margin-bottom: 16px;
}
.solvint .groupreport .solv-360g .hrow {
  display: grid;
  grid-template-columns: 130px 1fr;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.solvint .groupreport .solv-360g .hrow .hlbl {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--navy);
}
.solvint .groupreport .solv-360g .htrack {
  position: relative;
}
.solvint .groupreport .solv-360g .hbar {
  height: 16px;
  border-radius: 2px;
  position: relative;
  margin-bottom: 3px;
}
.solvint .groupreport .solv-360g .hbar:last-child {
  margin-bottom: 0;
}
.solvint .groupreport .solv-360g .hbar .hv {
  position: absolute;
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
  font-size: 11.5px;
  font-weight: 700;
  white-space: nowrap;
}
.solvint .groupreport .solv-360g .hbar.pd {
  background: var(--green);
}
.solvint .groupreport .solv-360g .hbar.pd .hv {
  color: var(--green);
}
.solvint .groupreport .solv-360g .hbar.oth {
  background: var(--steel);
  opacity: 0.8;
  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.35) 0 3px, transparent 3px 7px);
}
.solvint .groupreport .solv-360g .hbar.oth .hv {
  color: var(--mute);
}
.solvint .groupreport .solv-360g .hbar.gap {
  background: var(--red);
  opacity: 0.85;
}
.solvint .groupreport .solv-360g .hbar.gap .hv {
  color: var(--red);
}
.solvint .groupreport .solv-360g .hbar.m-lo {
  background: #84CC16;
}
.solvint .groupreport .solv-360g .hbar.m-lo .hv {
  color: #5A8F0B;
}
.solvint .groupreport .solv-360g .hbar.m-mid {
  background: #EAB308;
}
.solvint .groupreport .solv-360g .hbar.m-mid .hv {
  color: #A07E06;
}
.solvint .groupreport .solv-360g .hbar.m-hi {
  background: #F97316;
}
.solvint .groupreport .solv-360g .hbar.m-hi .hv {
  color: #C2590F;
}
.solvint .groupreport .solv-360g table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  margin: 0 0 10px;
}
.solvint .groupreport .solv-360g th {
  background: var(--navy);
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
  padding: 8px 9px;
  text-align: center;
  border: 1px solid #2A3F60;
}
.solvint .groupreport .solv-360g th:first-child {
  text-align: left;
}
.solvint .groupreport .solv-360g td {
  padding: 7px 9px;
  border: 1px solid var(--lgrey);
  text-align: center;
  background: #fff;
}
.solvint .groupreport .solv-360g td:first-child {
  text-align: left;
  font-weight: 600;
  color: var(--navy);
}
.solvint .groupreport .solv-360g tr:nth-child(even) td {
  background: var(--bg);
}
.solvint .groupreport .solv-360g tr.avg td {
  background: var(--navy);
  color: #fff;
  font-weight: 700;
}
.solvint .groupreport .solv-360g td.s4 {
  color: var(--r4t);
  font-weight: 700;
}
.solvint .groupreport .solv-360g td.s3 {
  color: var(--r3t);
  font-weight: 700;
}
.solvint .groupreport .solv-360g td.s2 {
  color: var(--r2t);
  font-weight: 700;
}
.solvint .groupreport .solv-360g td.s1 {
  color: var(--r1t);
  font-weight: 700;
}
.solvint .groupreport .solv-360g td.dpos {
  color: var(--red);
  font-weight: 700;
}
.solvint .groupreport .solv-360g td.dneg {
  color: var(--green);
  font-weight: 700;
}
.solvint .groupreport .solv-360g td .grp-s {
  color: var(--navys);
  font-weight: 700;
}
.solvint .groupreport .solv-360g td .grp-t {
  color: var(--teal);
  font-weight: 700;
}
.solvint .groupreport .solv-360g td.sig-over {
  color: var(--r1t);
  font-weight: 600;
}
.solvint .groupreport .solv-360g td.sig-under {
  color: var(--green);
  font-weight: 600;
}
.solvint .groupreport .solv-360g .radar-wrap {
  text-align: center;
  margin: 0 0 18px;
}
.solvint .groupreport .solv-360g .radar-wrap img {
  max-width: 560px;
  width: 100%;
  height: auto;
  border: 1px solid var(--lgrey);
}
.solvint .groupreport .solv-360g .pcard {
  border: 1px solid var(--lgrey);
  margin: 0 0 16px;
}
.solvint .groupreport .solv-360g .pcard .phead {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 11px 16px;
}
.solvint .groupreport .solv-360g .pcard .ptag {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  flex: 0 0 auto;
  min-width: 110px;
}
.solvint .groupreport .solv-360g .pcard .pname {
  font-size: 16px;
  font-weight: 700;
  color: var(--navy);
}
.solvint .groupreport .solv-360g .pcard .pbody {
  padding: 12px 16px 14px;
  font-size: 13.5px;
  background: #fff;
}
.solvint .groupreport .solv-360g .pcard .pbody p {
  margin: 0 0 10px;
}
.solvint .groupreport .solv-360g .pcard .pbody p:last-child {
  margin: 0;
}
.solvint .groupreport .solv-360g .pcard.p1 {
  border-top: 3px solid var(--r1t);
}
.solvint .groupreport .solv-360g .pcard.p1 .phead {
  background: var(--r1b);
}
.solvint .groupreport .solv-360g .pcard.p1 .ptag {
  color: var(--r1t);
}
.solvint .groupreport .solv-360g .pcard.p2 {
  border-top: 3px solid var(--r2t);
}
.solvint .groupreport .solv-360g .pcard.p2 .phead {
  background: var(--r2b);
}
.solvint .groupreport .solv-360g .pcard.p2 .ptag {
  color: var(--r2t);
}
.solvint .groupreport .solv-360g .pcard.p3 {
  border-top: 3px solid var(--r3t);
}
.solvint .groupreport .solv-360g .pcard.p3 .phead {
  background: var(--r3b);
}
.solvint .groupreport .solv-360g .pcard.p3 .ptag {
  color: var(--r3t);
}
.solvint .groupreport .solv-360g .rec-sub {
  background: #F0F4F8;
  border-left: 4px solid var(--gold);
  padding: 9px 14px;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--navy);
  margin: 26px 0 12px;
}
.solvint .groupreport .solv-360g .disclaimer {
  border-top: 1px solid var(--lgrey);
  margin-top: 34px;
  padding-top: 16px;
  font-size: 12.5px;
  color: var(--mute);
}
@media print {
  .solvint .groupreport .solv-360g {
    max-width: none;
    padding: 0;
  }
  .solvint .groupreport .solv-360g .sec, .solvint .groupreport .solv-360g .pcard, .solvint .groupreport .solv-360g .chart,
.solvint .groupreport .solv-360g .hchart, .solvint .groupreport .solv-360g table {
    break-inside: avoid;
  }
  .solvint .groupreport .solv-360g .cover {
    margin: 0 0 24px;
  }
}
.solvint .groupreport .solv-360g .ladder {
  background: var(--bg);
  border: 1px solid var(--lgrey);
  padding: 16px 70px 14px 22px;
  margin: 0 0 12px;
}
.solvint .groupreport .solv-360g .lad-head {
  position: relative;
  height: 22px;
  margin-left: 142px;
  margin-bottom: 6px;
}
.solvint .groupreport .solv-360g .lad-rung {
  position: absolute;
  transform: translateX(-50%);
  top: 0;
}
.solvint .groupreport .solv-360g .lad-rung b {
  font-size: 11px;
  font-weight: 600;
  color: var(--mute);
  white-space: nowrap;
}
.solvint .groupreport .solv-360g .lad-row {
  display: grid;
  grid-template-columns: 130px 1fr;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}
.solvint .groupreport .solv-360g .lad-row.lad-avg .lad-lbl {
  font-weight: 700;
}
.solvint .groupreport .solv-360g .lad-lbl {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--navy);
}
.solvint .groupreport .solv-360g .lad-track {
  position: relative;
  height: 18px;
  background: linear-gradient(90deg, transparent calc(2.9% - 1px), #D5DBE3 2.9%, transparent calc(2.9% + 1px)), linear-gradient(90deg, transparent calc(31.9% - 1px), #D5DBE3 31.9%, transparent calc(31.9% + 1px)), linear-gradient(90deg, transparent calc(60.9% - 1px), #D5DBE3 60.9%, transparent calc(60.9% + 1px)), linear-gradient(90deg, transparent calc(89.9% - 1px), #D5DBE3 89.9%, transparent calc(89.9% + 1px));
}
.solvint .groupreport .solv-360g .lad-conn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 3px;
  background: #CBD5E1;
  border-radius: 2px;
}
.solvint .groupreport .solv-360g .lad-dot {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
}
.solvint .groupreport .solv-360g .lad-dot.t {
  background: #2E9CCA;
}
.solvint .groupreport .solv-360g .lad-dot.s {
  background: var(--navys);
}
.solvint .groupreport .solv-360g .lad-dot i {
  position: absolute;
  top: 17px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10.5px;
  font-weight: 700;
  font-style: normal;
  white-space: nowrap;
}
.solvint .groupreport .solv-360g .lad-dot.t i {
  color: var(--teal);
}
.solvint .groupreport .solv-360g .lad-dot.s i {
  color: var(--navys);
}
.solvint .groupreport .solv-360g .lad-row.lad-avg .lad-dot {
  width: 18px;
  height: 18px;
}
.solvint .top-bar {
  background: linear-gradient(to right, #5b0a4d, #5b0a4d);
  padding: 0.25rem;
  color: #ffffff;
  font-size: var(--font-size);
}
.solvint .top-bar .top-bar-inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-self: center;
  color: #ffffff;
  /* Responsive layout - when the screen is <576px wide */
}
@media (max-width: 575.98px) {
  .solvint .top-bar .top-bar-inner {
    flex-direction: column;
  }
}
.solvint .top-bar .top-bar-inner .navbar .nav-item {
  padding: 0px 2px !important;
}
.solvint .top-bar .top-bar-inner .navbar .nav-item .nav-link {
  padding: 0px !important;
}
.solvint .top-bar .top-bar-inner span {
  font-size: 13px;
  color: #ffffff;
  font-family: Default-Regular;
}
.solvint .top-bar .top-bar-inner .language-container {
  position: relative;
}
.solvint .top-bar .top-bar-inner .language-container .language-select-label {
  position: absolute;
  pointer-events: none;
}
.solvint .top-bar .top-bar-inner .language-container .language-select-label svg path {
  fill: #ffffff;
}
.solvint .top-bar .top-bar-inner .language-container .language-select {
  padding: 2px 4px 2px 24px;
  border: none;
  appearance: none;
  background-color: transparent;
  color: #ffffff;
  line-height: 26px !important;
}
.solvint .top-bar .top-bar-inner .language-container .language-select option {
  color: #000;
  font-size: 11px;
}
.solvint .top-bar .language-select option[value=pl],
.solvint .top-bar .language-select option[value=es],
.solvint .top-bar .language-select option[value=pt],
.solvint .top-bar .language-select option[value=zh],
.solvint .top-bar .language-select option[value=nl] {
  display: none;
}
.solvint .top-bar .links ul {
  margin-bottom: 0 !important;
  list-style-type: none !important;
  /* Responsive layout - when the screen is <576px wide */
}
@media (max-width: 575.98px) {
  .solvint .top-bar .links ul {
    padding-left: 0px;
  }
}
.solvint .top-bar .links ul li {
  list-style-type: none !important;
  display: inline;
  padding: 0 0.5em;
}
.solvint .top-bar .links ul li a {
  text-transform: none !important;
  font-weight: 500 !important;
  font-family: var(--font-content) !important;
  color: var(--white-color) !important;
  font-size: 13px !important;
}
.solvint .top-bar .links ul li a:hover {
  text-decoration: underline !important;
}
.solvint .top-bar .user-info-section {
  font-size: 14px !important;
  color: #ffffff;
}
.solvint .top-bar .user-info-section img {
  height: 15px;
}
.solvint .top-bar .user-info-section li {
  list-style-type: none;
}
.solvint .top-bar .user-info-section a {
  text-transform: none !important;
  font-weight: 500 !important;
  font-family: var(--font-content) !important;
  margin-left: 10px;
  font-size: 13px !important;
  /* Responsive layout - when the screen is <576px wide */
}
@media (max-width: 575.98px) {
  .solvint .top-bar .user-info-section a {
    margin: auto;
    text-align: center;
    display: block;
  }
}
.solvint .top-bar .user-info-section a:hover {
  color: #6CA7ED !important;
  text-decoration: underline !important;
}
@charset "UTF-8";
.solvint .navbar {
  padding: 0 !important;
}
.solvint .navbar .nav-item {
  padding: 0 1rem;
}
.solvint .navbar .navbar-nav .nav-link {
  color: var(--black-color) !important;
  cursor: pointer;
}
.solvint .navbar .navbar-nav .nav-link:hover {
  color: #6CA7ED !important;
}
.solvint .navbar .nav-link.active,
.solvint .navbar .nav-link.active-parent,
.solvint .navbar .show > .nav-link {
  font-family: Default-Bold;
  border-bottom: 1px solid var(--base-color);
}
.solvint .navbar .navbar-collapse {
  justify-content: center;
}
.solvint .navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg viewBox=’0 0 32 32′ xmlns=’http://www.w3.org/2000/svg’%3E%3Cpath stroke=’rgba(0, 0, 0, 0.5)’ stroke-width=’2′ stroke-linecap=’round’ stroke-miterlimit=’10’ d=’M4 8h24M4 16h24M4 24h24’/%3E%3C/svg%3E");
  width: 2.5em;
  height: 2em;
}
.solvint .navbar .navbar-toggler i {
  color: var(--black-color);
  font-size: 2rem;
}
.solvint .navbar .navbar-toggler:focus {
  box-shadow: 0 0 0 0rem !important;
}
.solvint .floating-content {
  top: 72px;
}
.solvint .middle-bar {
  border-bottom: 1px solid #e0e0e0;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.1);
}
.solvint .middle-bar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.solvint .middle-bar-inner .links {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.solvint .middle-bar-inner .links .nav-item {
  font-family: Default-Regular !important;
  font-size: 16px;
  padding: 20px 20px 20px 0px;
}
.solvint .middle-bar-inner .logo img {
  width: 80%;
  height: 80%;
  display: flex;
  padding: 20px 0 20px 0;
  /* Responsive layout - when the screen is <576px wide */
}
.solvint .SolvintMaster .hide-default-link a {
  text-decoration: none;
  color: inherit;
}
@charset "UTF-8";
.solvint .steps {
  /* ============================================================
    Brand palette:
    #5b0a4d  deep purple   (primary / current / passed)
    #a01b30  dark red      (form accent / selected)
    #e43226  vibrant red   (hover / active)
    #eb7418  orange        (reserved accent)
    #223b4f  dark navy     (neutral text / outlines)
  ============================================================ */
  /* ---- 1. Theme variable overrides (drives most accents) ---- */
  /* Forceer dat de connector van het EERSTE item rendert
     (SurveyJS verbergt 'm standaard met :first-child) */
  /* ---- 2. Progress buttons (top stepper) ---- */
  /* Connector line — default (incomplete, gray) */
  /* Default circle (clickable, not yet visited) */
  /* PASSED step — completed, filled red with checkmark */
  /* Filled progress trail — line going OUT of a passed step */
  /* CURRENT step — bigger, filled, with halo */
  /* Current's outgoing connector stays gray (next step still incomplete) */
  /* LOCKED steps (nonclickable) */
  /* Hover on clickable, non-current, non-passed steps */
  /* ---- 3. Radio buttons — only the CHECKED one is red ---- */
  /* ---- 4. Checkboxes ---- */
  /* ---- 5. Hover (alleen subtiel op het rondje, geen rij-achtergrond) ---- */
  /* ---- 6. Focus rings — only for keyboard nav ---- */
  /* ---- 7. Boolean / switch toggle ---- */
  /* ---- 8. Primary action buttons (Next, Submit) ---- */
  /* ---- 9. Rating scale ---- */
}
.solvint .steps .sd-page .sd-question:first-of-type,
.solvint .steps .sd-question--first {
  scroll-margin-top: 250px;
  /* hoogte van stepper + eventuele header */
}
.solvint .steps .sd-progress-buttons__list > li:first-child .sd-progress-buttons__connector {
  display: block !important;
}
.solvint .steps .sd-root-modern,
.solvint .steps .sd-body,
.solvint .steps .sv-root,
.solvint .steps :root {
  --sjs-primary-backcolor: #a01b30;
  --sjs-primary-backcolor-light: rgba(160, 27, 48, 0.10);
  --sjs-primary-backcolor-dark: #e43226;
  --sjs-primary-forecolor: #ffffff;
  --sjs-primary-forecolor-light: rgba(255, 255, 255, 0.25);
  --sjs-border-default: #e2e8f0;
  --sjs-border-light: #f1f5f9;
  --sjs-special-red: #e43226;
  --sjs-special-red-light: rgba(228, 50, 38, 0.10);
}
.solvint .steps .sd-progress-buttons {
  padding: 8px 0 7px;
  background: transparent;
  font-family: var(--font-sans, -apple-system, "Segoe UI", system-ui, sans-serif);
}
.solvint .steps .sd-progress-buttons__container {
  max-width: 100%;
  margin: 0 auto;
}
.solvint .steps .sd-progress-buttons__list-container {
  width: 100%;
}
.solvint .steps .sd-progress-buttons__list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  counter-reset: step-counter;
}
.solvint .steps .sd-progress-buttons__list > li {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding: 0 4px;
  counter-increment: step-counter;
}
.solvint .steps .sd-progress-buttons__page-title {
  font-size: 13px;
  font-weight: 500;
  color: #94a3b8;
  text-align: center;
  line-height: 1.35;
  height: 38px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 14px;
  padding: 0 4px;
  letter-spacing: 0.01em;
  transition: color 0.2s ease;
}
.solvint .steps .sd-progress-buttons__page-description {
  display: none;
}
.solvint .steps .sd-progress-buttons__connector {
  position: absolute;
  top: 76px;
  left: 50%;
  width: 100%;
  height: 2px;
  background: #cbd5e1 !important;
  border-radius: 2px;
  z-index: 0;
}
.solvint .steps .sd-progress-buttons__list > li:last-child .sd-progress-buttons__connector {
  display: none;
}
.solvint .steps .sd-progress-buttons__button {
  position: relative;
  z-index: 1;
  width: 36px;
  height: 36px;
  margin: 6px 0;
  border-radius: 50%;
  background: #ffffff;
  border: 1.5px solid #223b4f;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.solvint .steps .sd-progress-buttons__button-background,
.solvint .steps .sd-progress-buttons__button-content,
.solvint .steps .sd-progress-buttons__button span {
  display: none;
}
.solvint .steps .sd-progress-buttons__button::before {
  content: counter(step-counter);
  font-size: 14px;
  font-weight: 500;
  color: #223b4f;
  font-variant-numeric: tabular-nums;
}
.solvint .steps .sd-progress-buttons__list-element--passed .sd-progress-buttons__page-title {
  color: #a01b30;
  /* was #5b0a4d */
  font-weight: 500;
}
.solvint .steps .sd-progress-buttons__list-element--passed .sd-progress-buttons__button {
  background: #a01b30;
  /* was #5b0a4d */
  border: 2px solid #a01b30;
  /* was #5b0a4d */
}
.solvint .steps .sd-progress-buttons__list-element--passed .sd-progress-buttons__button::before {
  content: "✓";
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
}
.solvint .steps .sd-progress-buttons__list-element--passed .sd-progress-buttons__connector {
  background: #a01b30 !important;
  /* was #5b0a4d */
}
.solvint .steps .sd-progress-buttons__list-element--current .sd-progress-buttons__page-title {
  color: #5b0a4d;
  font-weight: 600;
  font-size: 14px;
}
.solvint .steps .sd-progress-buttons__list-element--current .sd-progress-buttons__button {
  width: 48px;
  height: 48px;
  margin: 0;
  background: #5b0a4d;
  border: 2px solid #5b0a4d;
  box-shadow: 0 0 0 4px rgba(91, 10, 77, 0.1);
}
.solvint .steps .sd-progress-buttons__list-element--current .sd-progress-buttons__button::before {
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
}
.solvint .steps .sd-progress-buttons__list-element--current .sd-progress-buttons__connector {
  background: #cbd5e1 !important;
}
.solvint .steps .sd-progress-buttons__list-element--nonclickable {
  cursor: default;
}
.solvint .steps .sd-progress-buttons__list-element--nonclickable .sd-progress-buttons__page-title {
  color: #9ca3af;
  font-weight: 400;
}
.solvint .steps .sd-progress-buttons__list-element--nonclickable .sd-progress-buttons__button {
  width: 32px;
  height: 32px;
  margin: 8px 0;
  background: #f8fafc;
  border: 1.25px solid #d1d5db;
}
.solvint .steps .sd-progress-buttons__list-element--nonclickable .sd-progress-buttons__button::before {
  color: #9ca3af;
  font-weight: 400;
  font-size: 13px;
}
.solvint .steps .sd-progress-buttons__list > li:not(.sd-progress-buttons__list-element--current):not(.sd-progress-buttons__list-element--nonclickable):not(.sd-progress-buttons__list-element--passed):hover .sd-progress-buttons__button {
  border-color: #a01b30;
  background: #fdf4f5;
}
.solvint .steps .sd-progress-buttons__list > li:not(.sd-progress-buttons__list-element--current):not(.sd-progress-buttons__list-element--nonclickable):not(.sd-progress-buttons__list-element--passed):hover .sd-progress-buttons__button::before,
.solvint .steps .sd-progress-buttons__list > li:not(.sd-progress-buttons__list-element--current):not(.sd-progress-buttons__list-element--nonclickable):not(.sd-progress-buttons__list-element--passed):hover .sd-progress-buttons__page-title {
  color: #a01b30;
}
.solvint .steps .sd-progress-buttons__image-button-left,
.solvint .steps .sd-progress-buttons__image-button-right {
  display: none;
}
.solvint .steps .sd-radio__control:checked + .sd-radio__decorator,
.solvint .steps .sd-item__control:checked + .sd-radio__decorator {
  border-color: #a01b30 !important;
}
.solvint .steps .sd-radio__control:checked + .sd-radio__decorator::after,
.solvint .steps .sd-item__control:checked + .sd-radio__decorator::after {
  background-color: #a01b30 !important;
}
.solvint .steps .sd-checkbox__control:checked + .sd-checkbox__decorator,
.solvint .steps .sd-item__control:checked + .sd-checkbox__decorator {
  background-color: #a01b30 !important;
  border-color: #a01b30 !important;
}
.solvint .steps .sd-selectbase__label:hover .sd-radio__decorator,
.solvint .steps .sd-selectbase__label:hover .sd-checkbox__decorator {
  border-color: #a01b30 !important;
}
.solvint .steps .sd-radio__control:focus-visible + .sd-radio__decorator,
.solvint .steps .sd-checkbox__control:focus-visible + .sd-checkbox__decorator,
.solvint .steps .sd-item__control:focus-visible + .sd-radio__decorator,
.solvint .steps .sd-item__control:focus-visible + .sd-checkbox__decorator,
.solvint .steps .sd-input:focus-visible,
.solvint .steps .sd-dropdown:focus-visible {
  outline: 2px solid #a01b30 !important;
  outline-offset: 2px !important;
}
.solvint .steps .sd-boolean--checked .sd-boolean__thumb,
.solvint .steps .sd-boolean__switch:has(input:checked) {
  background-color: #a01b30 !important;
}
.solvint .steps .sd-btn--action,
.solvint .steps .sd-navigation__complete-btn,
.solvint .steps .sd-navigation__next-btn {
  background-color: #a01b30 !important;
  border-color: #a01b30 !important;
  color: #ffffff !important;
}
.solvint .steps .sd-btn--action:hover,
.solvint .steps .sd-navigation__complete-btn:hover,
.solvint .steps .sd-navigation__next-btn:hover {
  background-color: #e43226 !important;
  border-color: #e43226 !important;
}
.solvint .steps .sd-rating__item--selected,
.solvint .steps .sd-rating__item-text--selected {
  background-color: #a01b30 !important;
  color: #ffffff !important;
  border-color: #a01b30 !important;
}
@charset "UTF-8";
.solvint .tabs {
  /* Grid tabs — selected tab in brand red */
  /* Hover on non-selected tabs — subtle red */
  /* Optional: inactive tabs in muted navy */
}
.solvint .tabs .grid-tabs .grid-tab.selected-grid-tab,
.solvint .tabs .grid-tabs .grid-tab.selected-grid-tab .hide-text-overlfow,
.solvint .tabs .grid-tabs .grid-tab.selected-grid-tab .line-clamp {
  color: #a01b30 !important;
  border-color: #a01b30 !important;
  background-color: transparent !important;
}
.solvint .tabs .grid-tabs .grid-tab:not(.selected-grid-tab):hover,
.solvint .tabs .grid-tabs .grid-tab:not(.selected-grid-tab):hover .hide-text-overlfow {
  color: #a01b30 !important;
}
.solvint .tabs .grid-tabs .grid-tab:not(.selected-grid-tab),
.solvint .tabs .grid-tabs .grid-tab:not(.selected-grid-tab) .hide-text-overlfow {
  color: #94a3b8;
}
@media (max-width: 992px) {
  .solvint .SolvintMaster {
    display: block;
    width: fit content;
  }
}
.solvint .SolvintMaster .mobile-menu {
  border: none;
}
.solvint .SolvintMaster .floating-menu-container {
  margin-top: 150px;
}
.solvint .SolvintMaster .accordion {
  border-top: 2px solid var(--primary-color-1000);
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-family: "Default-Regular";
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
}
@media (min-width: 992px) {
  .solvint .SolvintMaster .accordion {
    display: none;
  }
}
.solvint .SolvintMaster .accordion .main-menu {
  background-color: #FFFFFF;
  padding: 0.7rem 1rem;
}
.solvint .SolvintMaster .accordion .main-menu .main-menu-item,
.solvint .SolvintMaster .accordion .main-menu a {
  color: #2C2C2C;
  text-transform: initial;
  font-size: 1rem;
}
.solvint .SolvintMaster .accordion .main-menu .sub-menu {
  list-style-type: none;
  margin-left: -1rem;
  margin-right: -1rem;
  font-family: "Default-Regular";
  font-weight: bold;
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #F1F7FC;
}
.solvint .SolvintMaster .accordion .main-menu .sub-menu .sub-menu-link {
  color: #33b4a6;
}
.solvint .SolvintMaster .accordion .main-menu .sub-menu .sub-menu-item {
  padding: 0.8rem 1rem 0.5rem 0rem;
  text-transform: uppercase;
  font-size: 0.9rem;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-self: center;
  flex: 1;
  flex-wrap: wrap;
}
.solvint .SolvintMaster .accordion .main-menu .sub-menu .sub-menu-item .menu-icon {
  width: 30px;
  margin-left: 1rem;
}
.solvint .SolvintMaster .accordion .main-menu .sub-menu .sub-menu-item .sub-sub-menu-item {
  list-style-type: none;
  display: block;
  width: 100%;
}
.solvint .SolvintMaster .accordion .main-menu .sub-menu .sub-menu-item .sub-sub-menu-item li a,
.solvint .SolvintMaster .accordion .main-menu .sub-menu .sub-menu-item .sub-sub-menu-item li span {
  color: #1B1B1B;
  font-size: 0.8rem;
  font-weight: 500;
}
.solvint .SolvintMaster .accordion .main-menu .menu-item-with-subitem-0,
.solvint .SolvintMaster .accordion .main-menu .menu-item-with-subitem-1 {
  color: #3a9dba;
  text-transform: uppercase;
  font-size: 0.9rem;
  list-style-type: none;
  padding: 0.7rem 0 0.7rem 2.5rem;
  margin: 0 0 0 -2rem;
}
.solvint .SolvintMaster .accordion .main-menu .menu-item-with-subitem-0 {
  background-color: #F1F7F7;
}
.solvint .SolvintMaster .accordion .main-menu .menu-item-with-subitem-1 {
  background-color: #F1F7F7;
}
.solvint .SolvintMaster .accordion .main-menu .menu-item-with-subitem-2 {
  background-color: #F1F7F7;
}
.solvint .SolvintMaster .accordion .main-menu .menu-item-with-subitem-3 {
  background-color: #F1F7F7;
}
.solvint .SolvintMaster .accordion .main-menu .menu-item-with-subitem-4 {
  background-color: #F1F7F7;
}
.solvint .SolvintMaster .accordion .main-menu .menu-item-with-subitem-5 {
  background-color: #F1F7F7;
}
.solvint .SolvintMaster .accordion .main-menu .menu-item-with-subitem-6 {
  background-color: #F1F7F7;
}
.solvint .SolvintMaster .accordion .main-menu .menu-item-with-subitem-7 {
  background-color: #F1F7F7;
}
.solvint .SolvintMaster .accordion .main-menu .menu-item-with-subitem-sub {
  list-style-type: none;
  background-color: #F1F7FC;
  color: #000000;
  text-transform: uppercase;
  font-size: 0.8rem;
  margin-left: -3rem;
  margin-bottom: -0.8rem;
  margin-top: 0.7rem;
}
.solvint .SolvintMaster .accordion .main-menu .menu-item-with-subitem-sub .menu-icon {
  width: 30px;
  margin-left: 1rem;
  display: none;
}
.solvint .SolvintMaster .accordion .main-menu .menu-item-with-subitem-sub li {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-self: center;
  flex: 1;
  flex-wrap: wrap;
  padding: 0.8rem 1rem 0.5rem 1rem;
}
.solvint .SolvintMaster .accordion .main-menu .menu-item-with-subitem-sub .menu-item-with-subitem-sub-sub {
  list-style-type: none;
  display: block;
  width: 100%;
  margin-left: -1.5rem;
}
.solvint .SolvintMaster .accordion .main-menu .menu-item-with-subitem-sub .menu-item-with-subitem-sub-sub li a,
.solvint .SolvintMaster .accordion .main-menu .menu-item-with-subitem-sub .menu-item-with-subitem-sub-sub li span {
  color: #1B1B1B;
  font-size: 0.8rem;
  font-weight: 500;
}
.solvint .SolvintMaster .hamburger-menu {
  margin-right: 20px;
  height: 15px;
}
.solvint .SolvintMaster .hamburger-menu .icon-left, .solvint .SolvintMaster .hamburger-menu .icon-right {
  background-color: var(--primary-color-1000) !important;
}
.solvint .SolvintMaster .hamburger-menu .icon-left::before, .solvint .SolvintMaster .hamburger-menu .icon-left::after, .solvint .SolvintMaster .hamburger-menu .icon-right::before, .solvint .SolvintMaster .hamburger-menu .icon-right::after {
  background-color: var(--primary-color-1000) !important;
}
.solvint .SolvintMaster .hamburger-menu {
  display: none !important;
  margin-right: 20px;
  height: 15px;
  /* ... rest of existing rules */
}
@charset "UTF-8";
.solvint .feedbackcandidatereport {
  /* ═══════════════════════════════════════════════════════════════════════════
  SOLVINT × BIA GROUP — 360° Candidate Report Stylesheet
  Version: 1.0
  Brand colours: #223b4f #5b0a4d #eb7418 #a01b30 #e43226 #9FADBD #D3D9E1
  ═══════════════════════════════════════════════════════════════════════════ */
  /* ── 1. DESIGN TOKENS ──────────────────────────────────────────────────────── */
  /* ── 2. BASE & TYPOGRAPHY ──────────────────────────────────────────────────── */
  /* ── 3. PAGE / DOCUMENT LAYOUT ─────────────────────────────────────────────── */
  /* ── 4. COVER / HEADER ─────────────────────────────────────────────────────── */
  /* ── 5. SECTION HEADINGS ───────────────────────────────────────────────────── */
  /* ── 6. OVERVIEW TABLE (Part 1.1) ─────────────────────────────────────────── */
  /* Score cells coloured by rating */
  /* Delta cell */
  /* Indicator dots */
  /* Flagging marks */
  /* Blind spot */
  /* Hidden strength */
  /* Dev priority */
  /* High variance */
  /* N/A coaching */
  /* ── 7. SPIDER / RADAR CHART ───────────────────────────────────────────────── */
  /* Radar chart canvas sizing */
  /* height set dynamically per chart */
  /* Two-column layout for chart + table */
  /* ── 8. COMPETENCY GROUP SECTION DIVIDER ─────────────────────────────────── */
  /* ── 9. ANALYSIS PROSE (Part 2) ───────────────────────────────────────────── */
  /* ── 10. CALLOUT CARDS ─────────────────────────────────────────────────────── */
  /* ── 11. DELTA SUMMARY BAR ─────────────────────────────────────────────────── */
  /* positive delta (self higher) */
  /* negative delta (others higher) */
  /* ── 12. SUMMARY SCORE CARDS ───────────────────────────────────────────────── */
  /* ── 13. ROLE-GROUP PERCEPTION GRID ──────────────────────────────────────── */
  /* ── 14. N/A SIGNAL BOX ───────────────────────────────────────────────────── */
  /* ── 15. REPORT FOOTER ─────────────────────────────────────────────────────── */
  /* ── 16. PRINT / PDF ───────────────────────────────────────────────────────── */
  /* ── 17. UTILITY CLASSES ──────────────────────────────────────────────────── */
}
.solvint .feedbackcandidatereport :root {
  /* Brand palette */
  --s-navy: #223b4f;
  --s-purple: #5b0a4d;
  --s-orange: #eb7418;
  --s-darkred: #a01b30;
  --s-red: #e43226;
  --s-slate: #9FADBD;
  --s-lightgrey: #D3D9E1;
  --s-white: #ffffff;
  /* Tints */
  --s-navy-10: #223b4f1a;
  --s-navy-20: #223b4f33;
  --s-purple-10: #5b0a4d1a;
  --s-orange-10: #eb74181a;
  --s-orange-20: #eb741833;
  --s-red-10: #e432261a;
  --s-slate-20: #9FADBD33;
  /* Semantic rating colours */
  --rating-4-bg: #d6ede1;
  --rating-4-text: #0d4a27;
  --rating-3-bg: #e8f5e0;
  --rating-3-text: #2a5e14;
  --rating-2-bg: #fef3d8;
  --rating-2-text: #7a4e00;
  --rating-1-bg: #fce4d6;
  --rating-1-text: #8b1a00;
  --rating-na-bg: #f0f0f0;
  --rating-na-text:#555555;
  /* Role-group chart colours */
  --role-focus: #223b4f;
  --role-manager: #5b0a4d;
  --role-peer: #eb7418;
  --role-dr: #9FADBD;
  --role-intcl: #a01b30;
  --role-extcl: #e43226;
  --role-suppl: #6b8296;
  /* Typography */
  --font-head: "Montserrat", "Segoe UI", "Arial", sans-serif;
  --font-body: "Open Sans", "Segoe UI", "Arial", sans-serif;
  --font-mono: "Courier New", "Consolas", monospace;
  /* Spacing scale */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  /* Radii */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  /* Shadows (subtle, for print override) */
  --shadow-card: 0 1px 4px rgba(0,0,0,0.08);
}
.solvint .feedbackcandidatereport *, .solvint .feedbackcandidatereport *::before, .solvint .feedbackcandidatereport *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.solvint .feedbackcandidatereport html {
  font-size: 14px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.solvint .feedbackcandidatereport body {
  font-family: var(--font-body);
  color: #1a2733;
  background: #f5f6f8;
  line-height: 1.7;
}
.solvint .feedbackcandidatereport h1, .solvint .feedbackcandidatereport h2, .solvint .feedbackcandidatereport h3, .solvint .feedbackcandidatereport h4 {
  font-family: var(--font-head);
  line-height: 1.25;
}
.solvint .feedbackcandidatereport a {
  color: var(--s-orange);
  text-decoration: none;
}
.solvint .feedbackcandidatereport .report {
  max-width: 860px;
  margin: 0 auto;
  background: var(--s-white);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}
.solvint .feedbackcandidatereport .report-page {
  padding: var(--sp-10) var(--sp-10);
}
.solvint .feedbackcandidatereport .report-cover {
  background: var(--s-darkred);
  padding: var(--sp-12) var(--sp-10);
  position: relative;
  overflow: hidden;
}
.solvint .feedbackcandidatereport .report-cover::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 100%;
  background: var(--s-navy);
  opacity: 0.22;
  clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.solvint .feedbackcandidatereport .report-cover::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 6px;
  height: 100%;
  background: var(--s-orange);
  opacity: 0.9;
}
.solvint .feedbackcandidatereport .cover-label {
  font-family: var(--font-head);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--s-orange);
  margin-bottom: var(--sp-4);
}
.solvint .feedbackcandidatereport .cover-name {
  font-family: var(--font-head);
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--s-white);
  margin-bottom: var(--sp-2);
  position: relative;
}
.solvint .feedbackcandidatereport .cover-subtitle {
  font-size: 1.1rem;
  color: var(--s-slate);
  margin-bottom: var(--sp-8);
}
.solvint .feedbackcandidatereport .cover-meta {
  display: flex;
  gap: var(--sp-6);
  flex-wrap: wrap;
}
.solvint .feedbackcandidatereport .cover-meta-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.solvint .feedbackcandidatereport .cover-meta-item span:first-child {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--s-slate);
  font-weight: 600;
}
.solvint .feedbackcandidatereport .cover-meta-item span:last-child {
  font-size: 0.9rem;
  color: var(--s-white);
  font-weight: 500;
}
.solvint .feedbackcandidatereport .cover-badge {
  display: inline-block;
  padding: var(--sp-1) var(--sp-4);
  border-radius: 0;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.solvint .feedbackcandidatereport .cover-badge--strategic {
  background: var(--s-purple);
  color: var(--s-white);
  border: 1px solid #8b1e77;
}
.solvint .feedbackcandidatereport .cover-badge--tactical {
  background: var(--s-orange);
  color: var(--s-white);
  border: 1px solid #c05d0e;
}
.solvint .feedbackcandidatereport .cover-confidential {
  margin-top: var(--sp-8);
  font-size: 0.7rem;
  color: var(--s-slate);
  opacity: 0.7;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: var(--sp-4);
}
.solvint .feedbackcandidatereport .section-header {
  background: var(--s-navy);
  color: var(--s-white);
  padding: var(--sp-3) var(--sp-6);
  margin: var(--sp-8) calc(-1 * var(--sp-10));
  font-family: var(--font-head);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: var(--sp-3);
}
.solvint .feedbackcandidatereport .section-header--purple {
  background: var(--s-purple);
}
.solvint .feedbackcandidatereport .section-header__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
}
.solvint .feedbackcandidatereport .subsection-title {
  font-family: var(--font-head);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--s-navy);
  margin: var(--sp-6) 0 var(--sp-3);
  padding-bottom: var(--sp-2);
  border-bottom: 2px solid var(--s-orange);
  display: flex;
  align-items: center;
  gap: var(--sp-2);
}
.solvint .feedbackcandidatereport .subsection-title--purple {
  border-bottom-color: var(--s-purple);
  color: var(--s-purple);
}
.solvint .feedbackcandidatereport .score-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
  margin: var(--sp-4) 0 var(--sp-6);
}
.solvint .feedbackcandidatereport .score-table th {
  background: var(--s-navy);
  color: var(--s-white);
  font-family: var(--font-head);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: var(--sp-2) var(--sp-4);
  text-align: left;
  white-space: nowrap;
}
.solvint .feedbackcandidatereport .score-table th:not(:first-child) {
  text-align: center;
}
.solvint .feedbackcandidatereport .score-table td {
  padding: var(--sp-2) var(--sp-4);
  border-bottom: 1px solid var(--s-lightgrey);
  vertical-align: middle;
}
.solvint .feedbackcandidatereport .score-table tr:nth-child(even) td {
  background: #f8f9fb;
}
.solvint .feedbackcandidatereport .score-table tr:hover td {
  background: #f0f4f8;
}
.solvint .feedbackcandidatereport .score-table td:not(:first-child) {
  text-align: center;
  font-weight: 600;
}
.solvint .feedbackcandidatereport .score-table__group-row td {
  background: var(--s-orange-10) !important;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: 0.8rem;
  color: var(--s-navy);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-top: 2px solid var(--s-orange);
}
.solvint .feedbackcandidatereport .score-table__sub-row td:first-child {
  padding-left: var(--sp-8);
  color: #3a4a58;
}
.solvint .feedbackcandidatereport .score--4 {
  color: var(--rating-4-text);
  background: var(--rating-4-bg);
  border-radius: 0;
  padding: 2px 8px;
}
.solvint .feedbackcandidatereport .score--3 {
  color: var(--rating-3-text);
  background: var(--rating-3-bg);
  border-radius: 0;
  padding: 2px 8px;
}
.solvint .feedbackcandidatereport .score--2 {
  color: var(--rating-2-text);
  background: var(--rating-2-bg);
  border-radius: 0;
  padding: 2px 8px;
}
.solvint .feedbackcandidatereport .score--1 {
  color: var(--rating-1-text);
  background: var(--rating-1-bg);
  border-radius: 0;
  padding: 2px 8px;
}
.solvint .feedbackcandidatereport .score--na {
  color: var(--rating-na-text);
  background: var(--rating-na-bg);
  border-radius: 0;
  padding: 2px 8px;
  font-style: italic;
  font-size: 0.75rem;
}
.solvint .feedbackcandidatereport .delta {
  font-weight: 700;
  font-size: 0.85rem;
}
.solvint .feedbackcandidatereport .delta--positive {
  color: var(--s-darkred);
}
.solvint .feedbackcandidatereport .delta--negative {
  color: #0a6e3e;
}
.solvint .feedbackcandidatereport .delta--neutral {
  color: #555;
}
.solvint .feedbackcandidatereport .delta::before {
  margin-right: 2px;
}
.solvint .feedbackcandidatereport .delta--positive::before {
  content: "▲";
}
.solvint .feedbackcandidatereport .delta--negative::before {
  content: "▼";
}
.solvint .feedbackcandidatereport .ind {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: 0.65rem;
  font-weight: 800;
}
.solvint .feedbackcandidatereport .ind--4 {
  background: var(--rating-4-bg);
  color: var(--rating-4-text);
}
.solvint .feedbackcandidatereport .ind--3 {
  background: var(--rating-3-bg);
  color: var(--rating-3-text);
}
.solvint .feedbackcandidatereport .ind--2 {
  background: var(--rating-2-bg);
  color: var(--rating-2-text);
}
.solvint .feedbackcandidatereport .ind--1 {
  background: var(--rating-1-bg);
  color: var(--rating-1-text);
}
.solvint .feedbackcandidatereport .flag {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 1px 5px;
  border-radius: 0;
  margin-left: 4px;
}
.solvint .feedbackcandidatereport .flag--bs {
  background: var(--rating-1-bg);
  color: var(--rating-1-text);
}
.solvint .feedbackcandidatereport .flag--hs {
  background: var(--rating-4-bg);
  color: var(--rating-4-text);
}
.solvint .feedbackcandidatereport .flag--dp {
  background: var(--rating-2-bg);
  color: var(--rating-2-text);
}
.solvint .feedbackcandidatereport .flag--hv {
  background: #e8e0f0;
  color: var(--s-purple);
}
.solvint .feedbackcandidatereport .flag--na {
  background: #ececec;
  color: #555;
}
.solvint .feedbackcandidatereport .chart-block {
  background: #f8f9fb;
  border: 1px solid var(--s-lightgrey);
  border-radius: 0;
  padding: var(--sp-6);
  margin: var(--sp-4) 0 var(--sp-6);
}
.solvint .feedbackcandidatereport .chart-block__title {
  font-family: var(--font-head);
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--s-navy);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: var(--sp-4);
}
.solvint .feedbackcandidatereport .chart-legend {
  display: flex;
  gap: var(--sp-6);
  margin-bottom: var(--sp-4);
  flex-wrap: wrap;
}
.solvint .feedbackcandidatereport .chart-legend__item {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  font-size: 0.78rem;
  color: #3a4a58;
  font-weight: 500;
}
.solvint .feedbackcandidatereport .chart-legend__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.solvint .feedbackcandidatereport .chart-legend__dot--focus {
  background: var(--s-orange);
}
.solvint .feedbackcandidatereport .chart-legend__dot--others {
  background: var(--s-navy);
}
.solvint .feedbackcandidatereport .chart-legend__dot--manager {
  background: var(--s-purple);
}
.solvint .feedbackcandidatereport .chart-legend__dot--peer {
  background: var(--s-orange);
}
.solvint .feedbackcandidatereport .chart-legend__dot--dr {
  background: var(--s-slate);
}
.solvint .feedbackcandidatereport .chart-legend__dot--extcl {
  background: var(--s-red);
}
.solvint .feedbackcandidatereport .chart-wrapper {
  position: relative;
  width: 100%;
}
.solvint .feedbackcandidatereport .chart-wrapper--radar {
  height: 360px;
  max-width: 480px;
  margin: 0 auto;
}
.solvint .feedbackcandidatereport .chart-wrapper--hbar--sm {
  height: 120px;
}
.solvint .feedbackcandidatereport .chart-wrapper--hbar--md {
  height: 180px;
}
.solvint .feedbackcandidatereport .chart-wrapper--hbar--lg {
  height: 260px;
}
.solvint .feedbackcandidatereport .chart-wrapper--hbar--xl {
  height: 340px;
}
.solvint .feedbackcandidatereport .chart-table-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-6);
  align-items: start;
}
@media (max-width: 640px) {
  .solvint .feedbackcandidatereport .chart-table-grid {
    grid-template-columns: 1fr;
  }
}
.solvint .feedbackcandidatereport .group-divider {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  margin: var(--sp-8) 0 var(--sp-4);
}
.solvint .feedbackcandidatereport .group-divider__bar {
  width: 4px;
  height: 24px;
  border-radius: 0;
  background: var(--s-orange);
  flex-shrink: 0;
}
.solvint .feedbackcandidatereport .group-divider__bar--purple {
  background: var(--s-purple);
}
.solvint .feedbackcandidatereport .group-divider__bar--red {
  background: var(--s-red);
}
.solvint .feedbackcandidatereport .group-divider__bar--slate {
  background: var(--s-slate);
}
.solvint .feedbackcandidatereport .group-divider__bar--navy {
  background: var(--s-navy);
}
.solvint .feedbackcandidatereport .group-divider__text {
  font-family: var(--font-head);
  font-size: 1rem;
  font-weight: 700;
  color: var(--s-navy);
}
.solvint .feedbackcandidatereport .group-divider__score-pill {
  margin-left: auto;
  padding: var(--sp-1) var(--sp-4);
  border-radius: 0;
  font-size: 0.8rem;
  font-weight: 700;
  font-family: var(--font-head);
  background: var(--s-navy-10);
  color: var(--s-navy);
  white-space: nowrap;
}
.solvint .feedbackcandidatereport .analysis-prose {
  font-size: 0.9rem;
  line-height: 1.8;
  color: #2a3a48;
}
.solvint .feedbackcandidatereport .analysis-prose p {
  margin-bottom: var(--sp-4);
}
.solvint .feedbackcandidatereport .analysis-prose strong {
  color: var(--s-navy);
  font-weight: 700;
}
.solvint .feedbackcandidatereport .callout {
  border-radius: 0;
  padding: var(--sp-4) var(--sp-5);
  margin: var(--sp-4) 0;
  border-left: 4px solid;
}
.solvint .feedbackcandidatereport .callout--strength {
  background: var(--rating-4-bg);
  border-color: #2a7d52;
}
.solvint .feedbackcandidatereport .callout--development {
  background: var(--rating-2-bg);
  border-color: var(--s-orange);
}
.solvint .feedbackcandidatereport .callout--insight {
  background: var(--s-navy-10);
  border-color: var(--s-navy);
}
.solvint .feedbackcandidatereport .callout--blind-spot {
  background: var(--rating-1-bg);
  border-color: var(--s-darkred);
}
.solvint .feedbackcandidatereport .callout--hidden-strength {
  background: #e8f0fa;
  border-color: #2d5fa6;
}
.solvint .feedbackcandidatereport .callout--na {
  background: #f5f0fa;
  border-color: var(--s-purple);
}
.solvint .feedbackcandidatereport .callout__label {
  font-family: var(--font-head);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: var(--sp-2);
}
.solvint .feedbackcandidatereport .callout--strength .callout__label {
  color: var(--rating-4-text);
}
.solvint .feedbackcandidatereport .callout--development .callout__label {
  color: #7a4e00;
}
.solvint .feedbackcandidatereport .callout--insight .callout__label {
  color: var(--s-navy);
}
.solvint .feedbackcandidatereport .callout--blind-spot .callout__label {
  color: var(--s-darkred);
}
.solvint .feedbackcandidatereport .callout--hidden-strength .callout__label {
  color: #2d5fa6;
}
.solvint .feedbackcandidatereport .callout--na .callout__label {
  color: var(--s-purple);
}
.solvint .feedbackcandidatereport .callout__competency {
  font-weight: 700;
  font-size: 0.875rem;
  margin-bottom: var(--sp-1);
  color: #1a2733;
}
.solvint .feedbackcandidatereport .callout__text {
  font-size: 0.85rem;
  line-height: 1.65;
  color: #3a4a58;
}
.solvint .feedbackcandidatereport .delta-bar-wrap {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding: var(--sp-2) 0;
  border-bottom: 1px solid var(--s-lightgrey);
}
.solvint .feedbackcandidatereport .delta-bar-wrap:last-child {
  border-bottom: none;
}
.solvint .feedbackcandidatereport .delta-bar-label {
  width: 200px;
  flex-shrink: 0;
  font-size: 0.8rem;
  color: #3a4a58;
}
.solvint .feedbackcandidatereport .delta-bar-track {
  flex: 1;
  height: 8px;
  background: var(--s-lightgrey);
  border-radius: 0;
  position: relative;
  overflow: visible;
}
.solvint .feedbackcandidatereport .delta-bar-fill {
  position: absolute;
  top: 0;
  height: 100%;
  border-radius: 0;
  transition: width 0.6s ease;
}
.solvint .feedbackcandidatereport .delta-bar-fill--pos {
  background: var(--s-darkred);
  left: 50%;
}
.solvint .feedbackcandidatereport .delta-bar-fill--neg {
  background: #2a7d52;
  right: 50%;
}
.solvint .feedbackcandidatereport .delta-bar-centre {
  position: absolute;
  left: 50%;
  top: -2px;
  width: 2px;
  height: 12px;
  background: #999;
  transform: translateX(-50%);
}
.solvint .feedbackcandidatereport .delta-bar-value {
  width: 48px;
  text-align: right;
  font-size: 0.8rem;
  font-weight: 700;
  flex-shrink: 0;
}
.solvint .feedbackcandidatereport .delta-bar-value--pos {
  color: var(--s-darkred);
}
.solvint .feedbackcandidatereport .delta-bar-value--neg {
  color: #2a7d52;
}
.solvint .feedbackcandidatereport .delta-bar-value--neu {
  color: #777;
}
.solvint .feedbackcandidatereport .score-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--sp-3);
  margin: var(--sp-4) 0 var(--sp-6);
}
.solvint .feedbackcandidatereport .score-card {
  background: var(--s-white);
  border: 1px solid var(--s-lightgrey);
  border-radius: 0;
  padding: var(--sp-4);
  text-align: center;
  box-shadow: none;
}
.solvint .feedbackcandidatereport .score-card__group {
  font-family: var(--font-head);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7f8e;
  margin-bottom: var(--sp-2);
}
.solvint .feedbackcandidatereport .score-card__value {
  font-family: var(--font-head);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  margin-bottom: var(--sp-1);
}
.solvint .feedbackcandidatereport .score-card__value--4 {
  color: var(--rating-4-text);
}
.solvint .feedbackcandidatereport .score-card__value--3 {
  color: #2a5e14;
}
.solvint .feedbackcandidatereport .score-card__value--2 {
  color: #7a4e00;
}
.solvint .feedbackcandidatereport .score-card__value--1 {
  color: var(--s-darkred);
}
.solvint .feedbackcandidatereport .score-card__label {
  font-size: 0.7rem;
  color: #888;
}
.solvint .feedbackcandidatereport .score-card--overall {
  border-top: 3px solid var(--s-orange);
}
.solvint .feedbackcandidatereport .score-card--focus {
  background: var(--s-navy);
  border-color: var(--s-navy);
  color: var(--s-white);
}
.solvint .feedbackcandidatereport .score-card--focus .score-card__group {
  color: var(--s-slate);
}
.solvint .feedbackcandidatereport .score-card--focus .score-card__value {
  color: var(--s-orange);
}
.solvint .feedbackcandidatereport .score-card--focus .score-card__label {
  color: var(--s-slate);
}
.solvint .feedbackcandidatereport .perception-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: var(--sp-2);
  margin: var(--sp-3) 0 var(--sp-5);
}
.solvint .feedbackcandidatereport .perception-cell {
  text-align: center;
  padding: var(--sp-3) var(--sp-2);
  border-radius: 0;
  border: 1px solid var(--s-lightgrey);
  background: var(--s-white);
}
.solvint .feedbackcandidatereport .perception-cell__role {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  color: #888;
  margin-bottom: var(--sp-1);
}
.solvint .feedbackcandidatereport .perception-cell__score {
  font-family: var(--font-head);
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
}
.solvint .feedbackcandidatereport .perception-cell__n {
  font-size: 0.65rem;
  color: #aaa;
  margin-top: 2px;
}
.solvint .feedbackcandidatereport .perception-cell--focus {
  border-top: 3px solid var(--role-focus);
}
.solvint .feedbackcandidatereport .perception-cell--focus .perception-cell__score {
  color: var(--role-focus);
}
.solvint .feedbackcandidatereport .perception-cell--manager {
  border-top: 3px solid var(--role-manager);
}
.solvint .feedbackcandidatereport .perception-cell--manager .perception-cell__score {
  color: var(--role-manager);
}
.solvint .feedbackcandidatereport .perception-cell--peer {
  border-top: 3px solid var(--role-peer);
}
.solvint .feedbackcandidatereport .perception-cell--peer .perception-cell__score {
  color: var(--role-peer);
}
.solvint .feedbackcandidatereport .perception-cell--dr {
  border-top: 3px solid var(--s-navy);
}
.solvint .feedbackcandidatereport .perception-cell--dr .perception-cell__score {
  color: var(--s-navy);
}
.solvint .feedbackcandidatereport .perception-cell--intcl {
  border-top: 3px solid var(--role-intcl);
}
.solvint .feedbackcandidatereport .perception-cell--intcl .perception-cell__score {
  color: var(--role-intcl);
}
.solvint .feedbackcandidatereport .perception-cell--extcl {
  border-top: 3px solid var(--role-extcl);
}
.solvint .feedbackcandidatereport .perception-cell--extcl .perception-cell__score {
  color: var(--role-extcl);
}
.solvint .feedbackcandidatereport .perception-cell--suppl {
  border-top: 3px solid var(--role-suppl);
}
.solvint .feedbackcandidatereport .perception-cell--suppl .perception-cell__score {
  color: var(--role-suppl);
}
.solvint .feedbackcandidatereport .na-section {
  background: #f5f0fa;
  border: 1px solid #c9b2d6;
  border-left: 4px solid var(--s-purple);
  border-radius: 0;
  padding: var(--sp-4) var(--sp-5);
  margin: var(--sp-4) 0;
}
.solvint .feedbackcandidatereport .na-section__title {
  font-family: var(--font-head);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--s-purple);
  margin-bottom: var(--sp-3);
}
.solvint .feedbackcandidatereport .na-item {
  margin-bottom: var(--sp-3);
}
.solvint .feedbackcandidatereport .na-item:last-child {
  margin-bottom: 0;
}
.solvint .feedbackcandidatereport .na-item__name {
  font-weight: 700;
  font-size: 0.85rem;
  color: var(--s-navy);
  margin-bottom: 2px;
}
.solvint .feedbackcandidatereport .na-item__text {
  font-size: 0.82rem;
  color: #4a3a58;
  font-style: italic;
  line-height: 1.55;
}
.solvint .feedbackcandidatereport .report-footer {
  background: var(--s-navy);
  padding: var(--sp-4) var(--sp-10);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--sp-2);
}
.solvint .feedbackcandidatereport .report-footer__brand {
  font-family: var(--font-head);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--s-orange);
}
.solvint .feedbackcandidatereport .report-footer__meta {
  font-size: 0.72rem;
  color: var(--s-slate);
}
@media print {
  .solvint .feedbackcandidatereport body {
    background: white;
    font-size: 11px;
  }
  .solvint .feedbackcandidatereport .report {
    box-shadow: none;
    max-width: 100%;
  }
  .solvint .feedbackcandidatereport .report-page {
    padding: 16mm 18mm;
  }
  .solvint .feedbackcandidatereport .section-header {
    margin-left: -18mm;
    margin-right: -18mm;
  }
  .solvint .feedbackcandidatereport .chart-wrapper--radar {
    height: 300px;
  }
  .solvint .feedbackcandidatereport .chart-wrapper--hbar {
    page-break-inside: avoid;
  }
  .solvint .feedbackcandidatereport .callout {
    page-break-inside: avoid;
  }
  .solvint .feedbackcandidatereport .score-cards {
    page-break-inside: avoid;
  }
  .solvint .feedbackcandidatereport .chart-block {
    page-break-inside: avoid;
  }
  .solvint .feedbackcandidatereport .report-cover {
    page-break-after: always;
  }
  .solvint .feedbackcandidatereport h2, .solvint .feedbackcandidatereport h3 {
    page-break-after: avoid;
  }
  .solvint .feedbackcandidatereport .score-table th,
.solvint .feedbackcandidatereport .score-table td {
    padding: 4px 8px;
    font-size: 9px;
  }
  @page {
    .solvint .feedbackcandidatereport {
      size: A4;
      margin: 0;
    }
  }
}
.solvint .feedbackcandidatereport .mt-0 {
  margin-top: 0;
}
.solvint .feedbackcandidatereport .mb-4 {
  margin-bottom: var(--sp-4);
}
.solvint .feedbackcandidatereport .mb-6 {
  margin-bottom: var(--sp-6);
}
.solvint .feedbackcandidatereport .mb-8 {
  margin-bottom: var(--sp-8);
}
.solvint .feedbackcandidatereport .text-sm {
  font-size: 0.8rem;
}
.solvint .feedbackcandidatereport .text-muted {
  color: #6b7f8e;
}
.solvint .feedbackcandidatereport .text-navy {
  color: var(--s-navy);
}
.solvint .feedbackcandidatereport .text-orange {
  color: var(--s-orange);
}
.solvint .feedbackcandidatereport .bold {
  font-weight: 700;
}
.solvint .feedbackcandidatereport .upper {
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.solvint .feedbackcandidatereport .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.solvint .feedbackcandidatereport .divider {
  border: none;
  border-top: 1px solid var(--s-lightgrey);
  margin: var(--sp-6) 0;
}
@charset "UTF-8";
.solvint .feedbackcoachnotes {
  /* ═══════════════════════════════════════════════════════════════════════════
  SOLVINT × BIA GROUP — Coach Notes Stylesheet
  Version: 1.0  |  CONFIDENTIAL — NOT FOR CANDIDATE
  ═══════════════════════════════════════════════════════════════════════════ */
  /* ── 1. DESIGN TOKENS ──────────────────────────────────────────────────────── */
  /* ── 2. BASE ────────────────────────────────────────────────────────────────── */
  /* ── 3. DOCUMENT LAYOUT ─────────────────────────────────────────────────────── */
  /* ── 4. CONFIDENTIAL BANNER ─────────────────────────────────────────────────── */
  /* ── 5. COACH HEADER ─────────────────────────────────────────────────────────── */
  /* ── 6. SECTION HEADERS ─────────────────────────────────────────────────────── */
  /* ── 7. OBSERVATION CARDS ───────────────────────────────────────────────────── */
  /* Type-specific colours */
  /* Priority rank badge */
  /* ── 8. DELTA ANALYSIS BLOCKS ───────────────────────────────────────────────── */
  /* Inline delta value display */
  /* ── 9. RAW SCORE TABLE ─────────────────────────────────────────────────────── */
  /* Score cells */
  /* Delta column */
  /* Variance column */
  /* Flag column */
  /* Group separator row */
  /* ── 10. CONVERSATION OPENERS ───────────────────────────────────────────────── */
  /* ── 11. N/A ANALYSIS ───────────────────────────────────────────────────────── */
  /* ── 12. ROLE-GROUP VARIANCE VISUAL ─────────────────────────────────────────── */
  /* ── 13. PROFILE MISMATCH INDICATOR ─────────────────────────────────────────── */
  /* ── 14. COACH FOOTER ───────────────────────────────────────────────────────── */
  /* ── 15. PRINT ──────────────────────────────────────────────────────────────── */
  /* ── 16. UTILITIES ──────────────────────────────────────────────────────────── */
}
.solvint .feedbackcoachnotes :root {
  --s-navy: #223b4f;
  --s-purple: #5b0a4d;
  --s-orange: #eb7418;
  --s-darkred: #a01b30;
  --s-red: #e43226;
  --s-slate: #9FADBD;
  --s-lightgrey: #D3D9E1;
  --s-white: #ffffff;
  --s-ink: #1a2733;
  --s-ink-light: #3a4a58;
  /* Coach-specific palette — darker, more clinical */
  --cn-bg: #f2f3f5;
  --cn-surface: #ffffff;
  --cn-border: #c8d0d9;
  --cn-divider: #e0e4e8;
  --cn-muted: #6b7f8e;
  --cn-conf-bg: #1a1a2e;
  --cn-conf-text: #ff6b6b;
  /* Observation type colours */
  --obs-blind: #a01b30;
  /* Blind spot */
  --obs-blind-bg: #fce4d6;
  --obs-hidden: #1a5fa6;
  /* Hidden strength */
  --obs-hidden-bg: #ddeeff;
  --obs-mismatch: #5b0a4d;
  /* Profile mismatch */
  --obs-mismatch-bg: #f0e8f8;
  --obs-promo: #0d6e56;
  /* Underpromotion */
  --obs-promo-bg: #d6ede1;
  --obs-vis: #eb7418;
  /* Visibility gap */
  --obs-vis-bg: #fef0e6;
  --obs-rel: #e43226;
  /* Relationship flag */
  --obs-rel-bg: #fde8e8;
  --obs-avoid: #6b3a7d;
  /* Avoidance signal */
  --obs-avoid-bg: #f2eaf8;
  --obs-var: #375e8e;
  /* Variance signal */
  --obs-var-bg: #e3edf8;
  --obs-bubble: #2a5e7d;
  /* Internal bubble */
  --obs-bubble-bg: #e0eff7;
  --obs-drift: #7d5e2a;
  /* External drift */
  --obs-drift-bg: #f7efd8;
  /* Rating colours (same as candidate report) */
  --r4-bg: #d6ede1;
  --r4-t: #0d4a27;
  --r3-bg: #e8f5e0;
  --r3-t: #2a5e14;
  --r2-bg: #fef3d8;
  --r2-t: #7a4e00;
  --r1-bg: #fce4d6;
  --r1-t: #8b1a00;
  --font-head: "Montserrat", "Segoe UI", "Arial", sans-serif;
  --font-body: "Open Sans", "Segoe UI", "Arial", sans-serif;
  --font-mono: "Courier New", "Consolas", monospace;
}
.solvint .feedbackcoachnotes *, .solvint .feedbackcoachnotes *::before, .solvint .feedbackcoachnotes *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.solvint .feedbackcoachnotes html {
  font-size: 14px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.solvint .feedbackcoachnotes body {
  font-family: var(--font-body);
  color: var(--s-ink);
  background: var(--cn-bg);
  line-height: 1.65;
}
.solvint .feedbackcoachnotes h1, .solvint .feedbackcoachnotes h2, .solvint .feedbackcoachnotes h3, .solvint .feedbackcoachnotes h4 {
  font-family: var(--font-head);
}
.solvint .feedbackcoachnotes .coach-report {
  max-width: 860px;
  margin: 0 auto;
  background: var(--cn-surface);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}
.solvint .feedbackcoachnotes .coach-page {
  padding: 2.5rem 3rem;
}
.solvint .feedbackcoachnotes .conf-banner {
  background: var(--cn-conf-bg);
  padding: 0.6rem 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 3px solid var(--s-darkred);
}
.solvint .feedbackcoachnotes .conf-banner__lock {
  font-size: 1.1rem;
  color: var(--cn-conf-text);
  flex-shrink: 0;
}
.solvint .feedbackcoachnotes .conf-banner__text {
  font-family: var(--font-head);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--cn-conf-text);
  text-align: center;
  flex: 1;
}
.solvint .feedbackcoachnotes .coach-header {
  background: var(--s-navy);
  padding: 1.75rem 3rem;
  border-left: 6px solid var(--s-darkred);
  position: relative;
}
.solvint .feedbackcoachnotes .coach-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--s-darkred), var(--s-orange), transparent);
}
.solvint .feedbackcoachnotes .coach-header__label {
  font-family: var(--font-head);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--s-darkred);
  margin-bottom: 0.35rem;
}
.solvint .feedbackcoachnotes .coach-header__name {
  font-family: var(--font-head);
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--s-white);
  margin-bottom: 0.25rem;
}
.solvint .feedbackcoachnotes .coach-header__meta {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-top: 0.75rem;
}
.solvint .feedbackcoachnotes .coach-header__meta-item {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.solvint .feedbackcoachnotes .coach-header__meta-item span:first-child {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--s-slate);
  font-weight: 700;
}
.solvint .feedbackcoachnotes .coach-header__meta-item span:last-child {
  font-size: 0.85rem;
  color: var(--s-white);
  font-weight: 600;
}
.solvint .feedbackcoachnotes .cn-section {
  background: var(--s-navy);
  color: var(--s-white);
  padding: 0.5rem 3rem;
  margin: 1.75rem -3rem 1rem;
  font-family: var(--font-head);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  border-left: 5px solid var(--s-darkred);
}
.solvint .feedbackcoachnotes .cn-section__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background: var(--s-darkred);
  border-radius: 0;
  font-size: 0.7rem;
  font-weight: 800;
  flex-shrink: 0;
}
.solvint .feedbackcoachnotes .obs-card {
  border: 1px solid var(--cn-border);
  border-left: 4px solid;
  padding: 0.85rem 1rem;
  margin: 0.6rem 0;
  border-radius: 0;
  position: relative;
}
.solvint .feedbackcoachnotes .obs-blind-spot {
  border-left-color: var(--obs-blind);
  background: var(--obs-blind-bg);
}
.solvint .feedbackcoachnotes .obs-hidden {
  border-left-color: var(--obs-hidden);
  background: var(--obs-hidden-bg);
}
.solvint .feedbackcoachnotes .obs-mismatch {
  border-left-color: var(--obs-mismatch);
  background: var(--obs-mismatch-bg);
}
.solvint .feedbackcoachnotes .obs-underpromotion {
  border-left-color: var(--obs-promo);
  background: var(--obs-promo-bg);
}
.solvint .feedbackcoachnotes .obs-visibility {
  border-left-color: var(--obs-vis);
  background: var(--obs-vis-bg);
}
.solvint .feedbackcoachnotes .obs-relationship {
  border-left-color: var(--obs-rel);
  background: var(--obs-rel-bg);
}
.solvint .feedbackcoachnotes .obs-avoidance {
  border-left-color: var(--obs-avoid);
  background: var(--obs-avoid-bg);
}
.solvint .feedbackcoachnotes .obs-variance {
  border-left-color: var(--obs-var);
  background: var(--obs-var-bg);
}
.solvint .feedbackcoachnotes .obs-int-bubble {
  border-left-color: var(--obs-bubble);
  background: var(--obs-bubble-bg);
}
.solvint .feedbackcoachnotes .obs-ext-drift {
  border-left-color: var(--obs-drift);
  background: var(--obs-drift-bg);
}
.solvint .feedbackcoachnotes .obs-card__type {
  font-family: var(--font-head);
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 0.3rem;
}
.solvint .feedbackcoachnotes .obs-blind-spot .obs-card__type {
  color: var(--obs-blind);
}
.solvint .feedbackcoachnotes .obs-hidden .obs-card__type {
  color: var(--obs-hidden);
}
.solvint .feedbackcoachnotes .obs-mismatch .obs-card__type {
  color: var(--obs-mismatch);
}
.solvint .feedbackcoachnotes .obs-underpromotion .obs-card__type {
  color: var(--obs-promo);
}
.solvint .feedbackcoachnotes .obs-visibility .obs-card__type {
  color: var(--obs-vis);
}
.solvint .feedbackcoachnotes .obs-relationship .obs-card__type {
  color: var(--obs-rel);
}
.solvint .feedbackcoachnotes .obs-avoidance .obs-card__type {
  color: var(--obs-avoid);
}
.solvint .feedbackcoachnotes .obs-variance .obs-card__type {
  color: var(--obs-var);
}
.solvint .feedbackcoachnotes .obs-int-bubble .obs-card__type {
  color: var(--obs-bubble);
}
.solvint .feedbackcoachnotes .obs-ext-drift .obs-card__type {
  color: var(--obs-drift);
}
.solvint .feedbackcoachnotes .obs-card__headline {
  font-weight: 700;
  font-size: 0.875rem;
  color: var(--s-ink);
  margin-bottom: 0.25rem;
}
.solvint .feedbackcoachnotes .obs-card__scores {
  font-family: var(--font-mono);
  font-size: 0.78rem;
  color: var(--cn-muted);
  margin-bottom: 0.35rem;
}
.solvint .feedbackcoachnotes .obs-card__text {
  font-size: 0.83rem;
  line-height: 1.6;
  color: var(--s-ink-light);
}
.solvint .feedbackcoachnotes .obs-card__rank {
  position: absolute;
  top: 0.6rem;
  right: 0.75rem;
  width: 20px;
  height: 20px;
  background: var(--s-navy);
  color: var(--s-white);
  font-family: var(--font-head);
  font-size: 0.65rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
.solvint .feedbackcoachnotes .delta-block {
  border: 1px solid var(--cn-divider);
  border-top: 2px solid var(--s-navy);
  padding: 0.85rem 1rem;
  margin: 0.5rem 0;
  border-radius: 0;
}
.solvint .feedbackcoachnotes .delta-block__title {
  font-family: var(--font-head);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--s-navy);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.solvint .feedbackcoachnotes .delta-block__title::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 2px;
  background: var(--s-orange);
  flex-shrink: 0;
}
.solvint .feedbackcoachnotes .delta-block__content {
  font-size: 0.84rem;
  line-height: 1.65;
  color: var(--s-ink-light);
}
.solvint .feedbackcoachnotes .delta-inline {
  display: inline-flex;
  align-items: baseline;
  gap: 0.2rem;
  font-family: var(--font-mono);
  font-size: 0.8rem;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: 0;
}
.solvint .feedbackcoachnotes .delta-inline--pos {
  color: var(--s-darkred);
  background: var(--obs-blind-bg);
}
.solvint .feedbackcoachnotes .delta-inline--neg {
  color: #0d6e56;
  background: var(--r4-bg);
}
.solvint .feedbackcoachnotes .delta-inline--neu {
  color: var(--cn-muted);
  background: var(--cn-divider);
}
.solvint .feedbackcoachnotes .raw-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.78rem;
  margin: 0.5rem 0;
  font-family: var(--font-mono);
}
.solvint .feedbackcoachnotes .raw-table th {
  background: var(--s-navy);
  color: var(--s-white);
  font-family: var(--font-head);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 0.35rem 0.6rem;
  text-align: center;
  white-space: nowrap;
  border-radius: 0;
}
.solvint .feedbackcoachnotes .raw-table th:first-child {
  text-align: left;
}
.solvint .feedbackcoachnotes .raw-table td {
  padding: 0.3rem 0.6rem;
  border-bottom: 1px solid var(--cn-divider);
  text-align: center;
  vertical-align: middle;
}
.solvint .feedbackcoachnotes .raw-table td:first-child {
  text-align: left;
  font-family: var(--font-body);
}
.solvint .feedbackcoachnotes .raw-table tr:nth-child(even) td {
  background: #f8f9fb;
}
.solvint .feedbackcoachnotes .raw-table tr:hover td {
  background: #f0f4f8;
}
.solvint .feedbackcoachnotes .raw-table .s4 {
  color: var(--r4-t);
  font-weight: 700;
}
.solvint .feedbackcoachnotes .raw-table .s3 {
  color: var(--r3-t);
  font-weight: 700;
}
.solvint .feedbackcoachnotes .raw-table .s2 {
  color: var(--r2-t);
  font-weight: 700;
}
.solvint .feedbackcoachnotes .raw-table .s1 {
  color: var(--r1-t);
  font-weight: 700;
}
.solvint .feedbackcoachnotes .raw-table .sna {
  color: #999;
  font-style: italic;
}
.solvint .feedbackcoachnotes .raw-table .dpos {
  color: var(--s-darkred);
  font-weight: 800;
}
.solvint .feedbackcoachnotes .raw-table .dneg {
  color: #0d6e56;
  font-weight: 800;
}
.solvint .feedbackcoachnotes .raw-table .dneu {
  color: var(--cn-muted);
}
.solvint .feedbackcoachnotes .raw-table .var-hi {
  color: var(--obs-var);
  font-weight: 700;
}
.solvint .feedbackcoachnotes .raw-table .flags {
  display: flex;
  gap: 2px;
  justify-content: center;
  flex-wrap: wrap;
}
.solvint .feedbackcoachnotes .flag-tag {
  font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  padding: 1px 4px;
  border-radius: 0;
  font-family: var(--font-head);
}
.solvint .feedbackcoachnotes .flag-bs {
  background: var(--obs-blind-bg);
  color: var(--obs-blind);
}
.solvint .feedbackcoachnotes .flag-hs {
  background: var(--obs-hidden-bg);
  color: var(--obs-hidden);
}
.solvint .feedbackcoachnotes .flag-dp {
  background: var(--r2-bg);
  color: var(--r2-t);
}
.solvint .feedbackcoachnotes .flag-na {
  background: #ececec;
  color: #555;
}
.solvint .feedbackcoachnotes .flag-hv {
  background: var(--obs-var-bg);
  color: var(--obs-var);
}
.solvint .feedbackcoachnotes .raw-table .grp-row td {
  background: var(--cn-divider) !important;
  font-family: var(--font-head);
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--s-navy);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 0.25rem 0.6rem;
  border-top: 1px solid var(--s-navy);
}
.solvint .feedbackcoachnotes .opener-list {
  counter-reset: opener;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0.5rem 0;
}
.solvint .feedbackcoachnotes .opener-item {
  counter-increment: opener;
  background: var(--s-navy);
  color: var(--s-white);
  padding: 0.75rem 1rem 0.75rem 3.5rem;
  position: relative;
  border-radius: 0;
  font-size: 0.88rem;
  line-height: 1.55;
}
.solvint .feedbackcoachnotes .opener-item::before {
  content: counter(opener);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2.75rem;
  background: var(--s-darkred);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-head);
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--s-white);
}
.solvint .feedbackcoachnotes .na-analysis {
  border: 1px solid var(--cn-border);
  border-top: 3px solid var(--s-purple);
  padding: 1rem;
  margin: 0.5rem 0;
  border-radius: 0;
}
.solvint .feedbackcoachnotes .na-analysis__title {
  font-family: var(--font-head);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--s-purple);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.75rem;
}
.solvint .feedbackcoachnotes .na-type {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--cn-divider);
}
.solvint .feedbackcoachnotes .na-type:last-child {
  border-bottom: none;
}
.solvint .feedbackcoachnotes .na-type__label {
  flex-shrink: 0;
  width: 140px;
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--s-purple);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding-top: 2px;
}
.solvint .feedbackcoachnotes .na-type__items {
  font-size: 0.83rem;
  color: var(--s-ink-light);
  line-height: 1.5;
}
.solvint .feedbackcoachnotes .na-type__severity {
  display: inline-block;
  margin-left: 0.4rem;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 1px 5px;
  border-radius: 0;
}
.solvint .feedbackcoachnotes .na-high {
  background: var(--r1-bg);
  color: var(--r1-t);
}
.solvint .feedbackcoachnotes .na-med {
  background: var(--r2-bg);
  color: var(--r2-t);
}
.solvint .feedbackcoachnotes .na-low {
  background: var(--cn-divider);
  color: var(--cn-muted);
}
.solvint .feedbackcoachnotes .variance-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid var(--cn-divider);
  font-size: 0.82rem;
}
.solvint .feedbackcoachnotes .variance-row:last-child {
  border-bottom: none;
}
.solvint .feedbackcoachnotes .variance-row__label {
  width: 200px;
  flex-shrink: 0;
  color: var(--s-ink);
  font-weight: 600;
}
.solvint .feedbackcoachnotes .variance-bar {
  flex: 1;
  height: 6px;
  background: var(--cn-divider);
  border-radius: 0;
  overflow: hidden;
}
.solvint .feedbackcoachnotes .variance-bar__fill {
  height: 100%;
  background: var(--s-darkred);
  transition: width 0.4s ease;
}
.solvint .feedbackcoachnotes .variance-bar__fill--low {
  background: var(--r4-bg);
}
.solvint .feedbackcoachnotes .variance-bar__fill--medium {
  background: var(--r2-bg);
}
.solvint .feedbackcoachnotes .variance-bar__fill--high {
  background: var(--s-darkred);
}
.solvint .feedbackcoachnotes .variance-value {
  width: 40px;
  text-align: right;
  font-family: var(--font-mono);
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--cn-muted);
}
.solvint .feedbackcoachnotes .variance-value--high {
  color: var(--s-darkred);
}
.solvint .feedbackcoachnotes .profile-mismatch {
  border: 2px solid var(--s-purple);
  padding: 1rem;
  margin: 0.5rem 0;
  border-radius: 0;
  background: var(--obs-mismatch-bg);
}
.solvint .feedbackcoachnotes .profile-mismatch__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.solvint .feedbackcoachnotes .profile-mismatch__badge {
  font-family: var(--font-head);
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: var(--s-purple);
  color: var(--s-white);
  padding: 3px 8px;
  border-radius: 0;
}
.solvint .feedbackcoachnotes .profile-mismatch__label {
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--s-purple);
}
.solvint .feedbackcoachnotes .profile-mismatch__text {
  font-size: 0.84rem;
  color: var(--s-ink-light);
  line-height: 1.6;
}
.solvint .feedbackcoachnotes .coach-footer {
  background: var(--cn-conf-bg);
  padding: 0.75rem 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 3px solid var(--s-darkred);
}
.solvint .feedbackcoachnotes .coach-footer__brand {
  font-family: var(--font-head);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--s-darkred);
}
.solvint .feedbackcoachnotes .coach-footer__conf {
  font-size: 0.68rem;
  color: var(--cn-conf-text);
  font-weight: 600;
  letter-spacing: 0.08em;
}
@media print {
  .solvint .feedbackcoachnotes body {
    background: white;
    font-size: 11px;
  }
  .solvint .feedbackcoachnotes .coach-report {
    box-shadow: none;
    max-width: 100%;
  }
  .solvint .feedbackcoachnotes .coach-page {
    padding: 14mm 18mm;
  }
  .solvint .feedbackcoachnotes .cn-section {
    margin-left: -18mm;
    margin-right: -18mm;
  }
  .solvint .feedbackcoachnotes .obs-card {
    page-break-inside: avoid;
  }
  .solvint .feedbackcoachnotes .opener-item {
    page-break-inside: avoid;
  }
  .solvint .feedbackcoachnotes .conf-banner {
    -webkit-print-color-adjust: exact;
  }
  @page {
    .solvint .feedbackcoachnotes {
      size: A4;
      margin: 0;
    }
  }
}
.solvint .feedbackcoachnotes .text-muted {
  color: var(--cn-muted);
}
.solvint .feedbackcoachnotes .text-navy {
  color: var(--s-navy);
}
.solvint .feedbackcoachnotes .text-red {
  color: var(--s-darkred);
}
.solvint .feedbackcoachnotes .mono {
  font-family: var(--font-mono);
}
.solvint .feedbackcoachnotes .bold {
  font-weight: 700;
}
.solvint .feedbackcoachnotes .upper {
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.solvint .feedbackcoachnotes .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@charset "UTF-8";
.solvint {
  /* ============================================================
  SOLVINT / BIA GROUP — 360° Competency Assessment rapport
  Stylesheet voor AI-gegenereerde individuele rapporten.
  Class prefix: .solv-360
  Werkt samen met SOLVINT_Agent1_SystemPrompt.md (html-1 / html-2)
                  SOLVINT_Agent2_SystemPrompt.md (html — SVG charts)
  ============================================================ */
  /* ---------- 1. Design tokens (scoped to .solv-360) ---------- */
  /* ---------- 2. Reset & base ---------- */
  /* ---------- 3. Component root + headings ---------- */
  /* ---------- 4. Header ---------- */
  /* ---------- 5. Section markers ---------- */
  /* ---------- 6. Intro-sectie ---------- */
  /* ---------- 7. Sectie 01: Overzicht ---------- */
  /* Stats strip */
  /* Competency overview cards */
  /* Key findings */
  /* ---------- 8. Sectie 02: Verdieping ---------- */
  /* Overall pattern */
  /* Blindspot sectie */
  /* Development sectie */
  /* Reasons panel */
  /* ---------- 9. Score pills ---------- */
  /* Delta pill */
  /* ---------- 10. Status badges ---------- */
  /* ---------- 11. Sectie 03: SVG chart containers ---------- */
  /* Per sub-competency block */
  /* Sub-competency header: naam + delta badge */
  /* Blindspot delta badge naast de sub-competentie naam */
  /* SVG wrapper — de agent genereert de SVG inline */
  /* Legend */
  /* ---------- 12. Responsive ---------- */
  /* ---------- 13. Print ---------- */
  /* ---------- 14. Host-proofing ---------- */
  /* Dubbele class-selector wint cascade tegen host stylesheets. */
  /* Witte tekst op donkere achtergronden */
  /* Eyebrow en accent labels */
  /* Competency beschrijving */
  /* Score pill kleuren */
  /* Status badge kleuren */
  /* Delta kleuren */
  /* Blindspot items */
  /* nested strong volgt parent kleur */
  /* Radar chart inner styling */
  /* html-1: geen bottom radius */
  /* Radar chart schuift 20px omhoog en bedekt de schaduw van html-1 */
  /* ---------- bisbrick-multi-column: geen pagina-break binnen blok ---------- */
  /* Klasse 'solv-360__no-break' toevoegen via toolkit aan de binnenste
     bisbrick-multi-column die vraag + chart samen bevat.                      */
  /* Het interne .background-div transparant maken zodat de kaart
     doorschijnt. Padding hier = zelfde als andere secties (40px 48px). */
  /* Bootstrap .container heeft eigen max-width en padding — resetten
     zodat de inhoud de volle breedte van de kaart benut. */
  /* Headings en tekst */
  /* ================================================================
     ↓↓↓  AMBITION ADD-ON (current -> goal scale + dev cards)  ↓↓↓
     Onderstaand blok is samengevoegd met de basis-stylesheet hierboven.
     Dit is het COMPLETE bestand: vervang je hele CSS hiermee.
     ================================================================ */
  /* ============================================================
     SOLVINT / BIA GROUP — 360° rapport: AMBITION ADD-ON  (v2)
     Append to solvint-360-report.css (after the existing rules).
     Adds: ambition block, CSS-only "current -> goal" maturity scale
           (O/T/S/M), legend, target chip, direction paragraph,
           development cards.
     Scope: .solv-360 only. No SVG. Does NOT touch the radar
            (bisbrick-radar-chart) or any bisbrick-* component.
     All colour tokens reused from the existing .solv-360 scope.

     READING MODEL (important):
     - The four levels O/T/S/M are a fixed scale, labelled once in the
       header row. Low -> high, left -> right.
     - NAVY dot  = where the person is now (a single point).
     - GOLD dot + triangle = the goal (a single point).
     - GOLD line between them = the distance still to grow.
     - Levels are NOT "filled in" like a progress bar; the person sits
       at one point and aims at another. Nothing above the goal is marked.
     ============================================================ */
  /* ---------- A. Ambition block (callout, sits last in section 01) ---------- */
  /* ---------- B. Legend ---------- */
  /* ---------- C. Ladder rows (shared grid: name | track | caption) ---------- */
  /* Scale header row (the labelled axis, shown once at the top) */
  /* Overall row gets a divider + a touch more weight */
  /* ---------- D. The track: rail + distance line + markers ---------- */
  /* ---------- E. Fixed positions for the 4 levels (centres) ---------- */
  /* O = 12.5%, T = 37.5%, S = 62.5%, M = 87.5% */
  /* distance-line spans: pick .solv-360__journey--{from}-{to} (to is higher) */
  /* ---------- F. Target chip (in the score-pill row, section 02) ---------- */
  /* ---------- G. Direction / duiding paragraph (section 02) ---------- */
  /* ---------- H. Development cards (two priority areas) ---------- */
  /* ---------- I. Responsive ---------- */
  /* ---------- J. Print ---------- */
  /* ---------- K. Host-proofing (double class wins cascade) ---------- */
}
.solvint .solv-360 {
  /* Brand kleuren */
  --navy: #132745;
  --navy-soft: #1E3D68;
  --blue: #1A6BB5;
  --gold: #C99A0A;
  --gold-warm: #E0AD1A;
  /* Rater-type kleuren — overeenkomen met Agent 2 SVG bars */
  --self: #2E9CCA;
  --self-bg: rgba(46, 156, 202, 0.12);
  --self-border: rgba(46, 156, 202, 0.40);
  --self-dark: #14618A;
  --manager: #1E3A5F;
  --manager-bg: rgba(30, 58, 95, 0.12);
  --manager-border: rgba(30, 58, 95, 0.35);
  --manager-dark: #0F2231;
  --peer: #E29F47;
  --peer-bg: rgba(226, 159, 71, 0.12);
  --peer-border: rgba(226, 159, 71, 0.40);
  --peer-dark: #8A5A1F;
  --dr: #2D6A4F;
  --dr-bg: rgba(45, 106, 79, 0.12);
  --dr-border: rgba(45, 106, 79, 0.40);
  --dr-dark: #1B4332;
  --ic: #7B2D8B;
  --ic-bg: rgba(123, 45, 139, 0.12);
  --ic-border: rgba(123, 45, 139, 0.35);
  --ic-dark: #4A1060;
  --ec: #0891B2;
  --ec-bg: rgba(8, 145, 178, 0.12);
  --ec-border: rgba(8, 145, 178, 0.40);
  --ec-dark: #0C4A6E;
  --sup: #92400E;
  --sup-bg: rgba(146, 64, 14, 0.12);
  --sup-border: rgba(146, 64, 14, 0.35);
  --sup-dark: #7C2D12;
  --others: #6B7280;
  --others-bg: rgba(107, 114, 128, 0.10);
  --others-border: rgba(107, 114, 128, 0.40);
  /* Delta */
  --delta-positive: #2A6D45;
  --delta-negative: #B23A48;
  --delta-zero: #6C757D;
  /* Rating zone kleuren (Operational = referentie) */
  --zone-cg: #FEF2F2;
  /* 1 – Critical Gap */
  --zone-pc: #FFFBEB;
  /* 2 – Partial Coverage */
  --zone-op: #F0FDF4;
  /* 3 – Operational */
  --zone-pp: #EFF6FF;
  /* 4 – Polyvalent+ */
  /* Surface */
  --bg: #F8F9FB;
  --surface: #FFFFFF;
  --surface-soft: #F3F5F8;
  --border: #E2E8F0;
  --border-soft: #EDF0F5;
  /* Tekst */
  --text: #1F2937;
  --text-soft: #4B5563;
  --text-mute: #6B7280;
  /* Type & layout */
  --font: "Default-Regular", "Raleway", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-light: "Default-Light", "Raleway", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-bold: "Default-Bold", "Raleway", "Helvetica Neue", Arial, system-ui, sans-serif;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.solvint *, .solvint *::before, .solvint *::after {
  box-sizing: border-box;
}
.solvint html {
  -webkit-text-size-adjust: 100%;
}
.solvint body {
  margin: 0;
  padding: 40px 20px 80px;
  font-family: "Default-Regular", "Raleway", "Helvetica Neue", Arial, system-ui, sans-serif;
  font-size: 15px;
  line-height: 1.55;
  color: #1F2937;
  background: #F8F9FB;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.solvint .solv-360 {
  max-width: 880px;
  margin: 0 auto;
  background: var(--surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
  overflow: hidden;
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.55;
  color: var(--text);
}
.solvint .solv-360 h1, .solvint .solv-360 h2, .solvint .solv-360 h3, .solvint .solv-360 h4 {
  margin: 0;
  font-family: var(--font-bold);
  font-weight: normal;
  color: var(--navy);
  line-height: 1.25;
}
.solvint .solv-360 strong, .solvint .solv-360 b {
  font-family: var(--font-bold);
  font-weight: normal;
}
.solvint .solv-360 p {
  margin: 0 0 0.9em;
}
.solvint .solv-360 ul {
  margin: 0 0 0.9em;
  padding-left: 1.4em;
}
.solvint .solv-360 li {
  margin-bottom: 0.5em;
}
.solvint .solv-360__header {
  padding: 48px 48px 36px;
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-soft) 100%);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.solvint .solv-360__header::before {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201, 154, 10, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.solvint .solv-360__header .solv-360__eyebrow {
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gold-warm);
  margin: 0 0 12px;
  font-weight: 600;
  position: relative;
}
.solvint .solv-360__header h1 {
  font-size: 32px;
  color: #fff;
  margin: 0 0 12px;
  letter-spacing: -0.01em;
  position: relative;
}
.solvint .solv-360__header .solv-360__meta {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.75);
  margin: 0;
  font-style: italic;
  position: relative;
}
.solvint .solv-360__section-marker {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 28px;
}
.solvint .solv-360__section-marker h2 {
  margin: 0;
  font-size: 22px;
  border-bottom: none;
  padding-bottom: 0;
}
.solvint .solv-360__section-num {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gold) 0%, var(--gold-warm) 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.02em;
  box-shadow: 0 2px 8px rgba(201, 154, 10, 0.3);
}
.solvint .solv-360__intro {
  padding: 24px 48px 8px;
  margin: 0 0 8px;
}
.solvint .solv-360__intro-lead {
  font-size: 15px;
  line-height: 1.6;
  color: var(--text);
  margin: 0 0 22px;
}
.solvint .solv-360__intro-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
  margin: 0 0 8px;
}
.solvint .solv-360__intro-block {
  background: var(--surface-soft);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius);
  padding: 14px 16px 12px;
}
.solvint .solv-360__intro-block h3 {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--gold-warm);
  font-weight: 600;
  margin: 0 0 8px;
}
.solvint .solv-360__intro-block p {
  font-size: 13.5px;
  margin: 0 0 8px;
}
.solvint .solv-360__intro-block ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.solvint .solv-360__intro-block li {
  position: relative;
  padding: 4px 0 4px 16px;
  font-size: 13.5px;
  line-height: 1.5;
  margin: 0;
}
.solvint .solv-360__intro-block li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gold-warm);
}
.solvint .solv-360__intro-block li strong {
  color: var(--navy);
}
.solvint .solv-360__overview {
  padding: 40px 48px;
  border-bottom: 1px solid var(--border);
}
.solvint .solv-360__stats {
  display: flex;
  gap: 12px;
  margin: 0 0 32px;
  page-break-inside: avoid;
  break-inside: avoid;
}
.solvint .solv-360__stat {
  flex: 1 1 0;
  min-width: 0;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px 16px 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.solvint .solv-360__stat:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm);
}
.solvint .solv-360__stat .solv-360__stat-label {
  font-size: 10.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-mute);
  font-weight: 600;
  margin-bottom: 4px;
}
.solvint .solv-360__stat .solv-360__stat-value {
  font-size: 22px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.1;
  letter-spacing: -0.01em;
}
.solvint .solv-360__stat .solv-360__stat-value.solv-360__stat-value--text {
  font-size: 17px;
}
.solvint .solv-360__stat .solv-360__stat-of {
  font-size: 16px;
  color: var(--text-mute);
  font-weight: 500;
}
.solvint .solv-360__stat .solv-360__stat-sub {
  font-size: 12px;
  color: var(--text-soft);
  margin-top: auto;
  padding-top: 4px;
}
.solvint .solv-360__stat.solv-360__stat--good {
  border-color: rgba(45, 106, 79, 0.35);
  background: linear-gradient(135deg, rgba(45, 106, 79, 0.08) 0%, var(--surface) 60%);
  /* Trend motif */
}
.solvint .solv-360__stat.solv-360__stat--good .solv-360__stat-value {
  color: #1B4332;
}
.solvint .solv-360__stat.solv-360__stat--good::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 6px;
  width: 64px;
  height: 28px;
  opacity: 0.2;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' fill='none' stroke='%232D6A4F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4,40 24,30 44,34 64,18 84,20 96,6'/%3E%3Cpolyline points='84,20 96,6 96,16' stroke-width='2.4'/%3E%3C/svg%3E") no-repeat right bottom;
  background-size: contain;
  pointer-events: none;
}
.solvint .solv-360__stat.solv-360__stat--good > * {
  position: relative;
  z-index: 1;
}
.solvint .solv-360__stat.solv-360__stat--attention {
  border-color: rgba(178, 58, 72, 0.3);
  background: linear-gradient(135deg, rgba(178, 58, 72, 0.07) 0%, var(--surface) 60%);
}
.solvint .solv-360__stat.solv-360__stat--attention .solv-360__stat-value {
  color: #8B2232;
}
.solvint .solv-360__stat.solv-360__stat--attention::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 6px;
  width: 60px;
  height: 28px;
  opacity: 0.2;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' fill='none' stroke='%23B23A48' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4,8 50,8 96,30'/%3E%3Cpolyline points='4,42 50,42 96,20'/%3E%3C/svg%3E") no-repeat right bottom;
  background-size: contain;
  pointer-events: none;
}
.solvint .solv-360__stat.solv-360__stat--attention > * {
  position: relative;
  z-index: 1;
}
.solvint .solv-360__overview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 12px;
  margin: 0 0 28px;
}
.solvint .solv-360__comp-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px 20px 14px;
  transition: box-shadow 0.2s ease;
}
.solvint .solv-360__comp-card:hover {
  box-shadow: var(--shadow-sm);
}
.solvint .solv-360__comp-card .solv-360__comp-card-header h3 {
  font-size: 15px;
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.solvint .solv-360__findings {
  background: var(--surface-soft);
  border-left: 4px solid var(--gold);
  padding: 20px 24px 16px;
  border-radius: 0 var(--radius) var(--radius) 0;
}
.solvint .solv-360__findings h3 {
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--gold-warm);
  margin: 0 0 12px;
  font-weight: 700;
}
.solvint .solv-360__findings ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.solvint .solv-360__findings li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  color: var(--text);
  line-height: 1.55;
}
.solvint .solv-360__findings li:last-child {
  margin-bottom: 0;
}
.solvint .solv-360__findings li::before {
  content: "▸";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--gold);
  font-weight: bold;
}
.solvint .solv-360__deep-dive {
  padding: 40px 48px;
  border-bottom: 1px solid var(--border);
}
.solvint .solv-360__comp {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 22px 24px;
  margin-bottom: 18px;
  page-break-inside: avoid;
  break-inside: avoid;
}
.solvint .solv-360__comp header {
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px dashed var(--border-soft);
}
.solvint .solv-360__comp header h3 {
  font-size: 17px;
  margin: 0 0 6px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.solvint .solv-360__comp .solv-360__comp-desc {
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--text-soft);
  margin: 4px 0 14px;
  max-width: 70ch;
}
.solvint .solv-360__comp .solv-360__observation {
  color: var(--text);
  margin-bottom: 12px;
}
.solvint .solv-360__comp .solv-360__recommendation {
  background: var(--surface-soft);
  border-left: 3px solid var(--gold);
  padding: 12px 16px;
  border-radius: 0 var(--radius) var(--radius) 0;
  margin: 0;
  font-size: 14.5px;
  color: var(--text);
}
.solvint .solv-360__comp .solv-360__recommendation::before {
  content: "Next step";
  display: block;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gold-warm);
  font-weight: 700;
  margin-bottom: 4px;
}
.solvint .solv-360__pattern {
  background: var(--navy);
  color: #fff;
  border-radius: var(--radius);
  padding: 24px 28px;
  margin-top: 24px;
  page-break-inside: avoid;
  break-inside: avoid;
}
.solvint .solv-360__pattern h3 {
  color: #fff;
  font-size: 17px;
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--gold);
  display: inline-block;
}
.solvint .solv-360__pattern p {
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  line-height: 1.6;
}
.solvint .solv-360__blindspots {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 20px 24px;
  margin-top: 18px;
  page-break-inside: avoid;
  break-inside: avoid;
}
.solvint .solv-360__blindspots h3 {
  font-size: 16px;
  margin: 0 0 8px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.solvint .solv-360__blindspots h3::before {
  content: "!";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--delta-negative);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  flex-shrink: 0;
}
.solvint .solv-360__blindspots .solv-360__blindspots-intro {
  font-size: 13.5px;
  color: var(--text-soft);
  margin: 0 0 16px;
  padding-left: 34px;
}
.solvint .solv-360__blindspot-item {
  padding: 14px 16px;
  border-radius: var(--radius);
  margin-bottom: 12px;
}
.solvint .solv-360__blindspot-item:last-child {
  margin-bottom: 0;
}
.solvint .solv-360__blindspot-item h4 {
  font-size: 14px;
  margin: 0 0 8px;
  font-weight: 600;
}
.solvint .solv-360__blindspot-item p {
  font-size: 13.5px;
  color: var(--text);
  margin: 0;
  line-height: 1.55;
}
.solvint .solv-360__blindspot-item.solv-360__blindspot--over {
  background: rgba(178, 58, 72, 0.08);
  border-left: 3px solid var(--delta-negative);
}
.solvint .solv-360__blindspot-item.solv-360__blindspot--over h4 {
  color: #8B2232;
}
.solvint .solv-360__blindspot-item.solv-360__blindspot--under {
  background: rgba(26, 107, 181, 0.08);
  border-left: 3px solid var(--blue);
}
.solvint .solv-360__blindspot-item.solv-360__blindspot--under h4 {
  color: #0F4A85;
}
.solvint .solv-360__development {
  background: var(--surface);
  border: 1px solid var(--border-soft);
  border-left: 4px solid var(--gold-warm);
  border-radius: var(--radius);
  padding: 18px 22px;
  margin: 16px 0 0;
}
.solvint .solv-360__development h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--gold-warm);
  margin: 0 0 10px;
  letter-spacing: -0.01em;
}
.solvint .solv-360__development h4 {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--navy);
  font-weight: 600;
  margin: 14px 0 6px;
}
.solvint .solv-360__development h4:first-of-type {
  margin-top: 6px;
}
.solvint .solv-360__development p {
  font-size: 14px;
  line-height: 1.55;
  margin: 0 0 6px;
  color: var(--text);
}
.solvint .solv-360__reasons {
  background: var(--surface-soft);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 28px 30px 24px;
  margin-top: 24px;
  page-break-inside: avoid;
  break-inside: avoid;
}
.solvint .solv-360__reasons > h3 {
  font-size: 18px;
  margin: 0 0 8px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.solvint .solv-360__reasons > h3::before {
  content: "?";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--gold);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  flex-shrink: 0;
}
.solvint .solv-360__reasons .solv-360__reasons-intro {
  color: var(--text-soft);
  font-size: 13.5px;
  margin: 0 0 22px;
  padding-left: 40px;
}
.solvint .solv-360__reasons-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.solvint .solv-360__reason {
  flex: 1 1 calc(50% - 8px);
  min-width: 260px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px 20px 14px;
}
.solvint .solv-360__reason .solv-360__reason-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.solvint .solv-360__reason h4 {
  font-size: 14px;
  color: var(--navy);
  margin: 0 0 10px;
  font-weight: 600;
  line-height: 1.35;
}
.solvint .solv-360__reason ul {
  margin: 0;
  padding-left: 18px;
  font-size: 13px;
  color: var(--text);
  line-height: 1.5;
}
.solvint .solv-360__reason li {
  margin-bottom: 6px;
}
.solvint .solv-360__reason li:last-child {
  margin-bottom: 0;
}
.solvint .solv-360__reason li::marker {
  color: var(--gold);
}
.solvint .solv-360__reason.solv-360__reason--self-high .solv-360__reason-icon {
  background: var(--self-bg);
  color: var(--self);
}
.solvint .solv-360__reason.solv-360__reason--others-high .solv-360__reason-icon {
  background: var(--dr-bg);
  color: var(--dr);
}
.solvint .solv-360__reason.solv-360__reason--aligned-below .solv-360__reason-icon {
  background: rgba(178, 58, 72, 0.1);
  color: var(--delta-negative);
}
.solvint .solv-360__reason.solv-360__reason--aligned-ok .solv-360__reason-icon {
  background: rgba(42, 109, 69, 0.1);
  color: var(--delta-positive);
}
.solvint .solv-360__scores {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.solvint .solv-360__score {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 999px;
  white-space: nowrap;
}
.solvint .solv-360__score.solv-360__score--self {
  background: var(--self-bg);
  color: var(--self-dark);
  border: 1px solid var(--self-border);
}
.solvint .solv-360__score.solv-360__score--manager {
  background: var(--manager-bg);
  color: var(--manager-dark);
  border: 1px solid var(--manager-border);
}
.solvint .solv-360__score.solv-360__score--peer {
  background: var(--peer-bg);
  color: var(--peer-dark);
  border: 1px solid var(--peer-border);
}
.solvint .solv-360__score.solv-360__score--direct-report {
  background: var(--dr-bg);
  color: var(--dr-dark);
  border: 1px solid var(--dr-border);
}
.solvint .solv-360__score.solv-360__score--internal-client {
  background: var(--ic-bg);
  color: var(--ic-dark);
  border: 1px solid var(--ic-border);
}
.solvint .solv-360__score.solv-360__score--external-client {
  background: var(--ec-bg);
  color: var(--ec-dark);
  border: 1px solid var(--ec-border);
}
.solvint .solv-360__score.solv-360__score--supplier {
  background: var(--sup-bg);
  color: var(--sup-dark);
  border: 1px solid var(--sup-border);
}
.solvint .solv-360__score.solv-360__score--others {
  background: var(--others-bg);
  color: var(--others);
  border: 1px solid var(--others-border);
}
.solvint .solv-360__score--delta {
  background: transparent;
  border: 1px solid var(--border);
  color: var(--text-soft);
  font-variant-numeric: tabular-nums;
}
.solvint .solv-360__delta--positive {
  color: var(--delta-positive);
  border-color: rgba(42, 109, 69, 0.35) !important;
}
.solvint .solv-360__delta--negative {
  color: var(--delta-negative);
  border-color: rgba(178, 58, 72, 0.35) !important;
}
.solvint .solv-360__delta--neutral {
  color: var(--text-mute);
}
.solvint .solv-360__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 11px 4px 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  border-radius: 999px;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 1;
  /* Strong Point — ster, blauw */
  /* Growth Opportunity — sprout, groen */
  /* Focus Area — zoekglas, navy */
}
.solvint .solv-360__status::before {
  content: "";
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.solvint .solv-360__status.solv-360__status--strong {
  background: rgba(26, 107, 181, 0.12);
  color: #0F4A85;
}
.solvint .solv-360__status.solv-360__status--strong::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%231A6BB5'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z'/%3E%3C/svg%3E");
}
.solvint .solv-360__status.solv-360__status--growth {
  background: rgba(45, 106, 79, 0.12);
  color: #1B4332;
}
.solvint .solv-360__status.solv-360__status--growth::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%232D6A4F'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14%209.536V7a4%204%200%200%201%204-4h1.5a.5.5%200%200%201%20.5.5V5a4%204%200%200%201-4%204%204%204%200%200%200-4%204c0%202%201%203%201%205a5%205%200%200%201-1%203'/%3E%3Cpath%20d='M4%209a5%205%200%200%201%208%204%205%205%200%200%201-8-4'/%3E%3Cpath%20d='M5%2021h14'/%3E%3C/svg%3E");
}
.solvint .solv-360__status.solv-360__status--focus {
  background: rgba(19, 39, 69, 0.1);
  color: #0D1E38;
}
.solvint .solv-360__status.solv-360__status--focus::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23132745'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='m21%2021-4.34-4.34'/%3E%3Ccircle%20cx='11'%20cy='11'%20r='8'/%3E%3C/svg%3E");
}
.solvint .solv-360__details {
  padding: 40px 48px;
}
.solvint .solv-360__details-intro {
  color: var(--text-soft);
  font-size: 14px;
  margin: 0 0 28px;
  line-height: 1.6;
}
.solvint .solv-360__comp-detail {
  margin-bottom: 32px;
  page-break-inside: avoid;
  break-inside: avoid;
}
.solvint .solv-360__comp-detail h3 {
  font-size: 16px;
  margin: 0 0 16px;
  color: var(--navy);
  padding-bottom: 10px;
  border-bottom: 2px solid var(--gold);
  display: inline-block;
}
.solvint .solv-360__question {
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px dashed var(--border);
}
.solvint .solv-360__question:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.solvint .solv-360__q-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.solvint .solv-360__q-label {
  flex: 1 1 auto;
  font-size: 13.5px;
  color: var(--text);
  font-weight: 600;
  line-height: 1.35;
}
.solvint .solv-360__q-delta {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  font-variant-numeric: tabular-nums;
  padding: 3px 11px;
  border-radius: 999px;
  background: var(--surface);
  border: 1px solid var(--border);
  min-width: 44px;
  white-space: nowrap;
}
.solvint .solv-360__q-delta.solv-360__delta--positive {
  color: var(--delta-positive);
  border-color: rgba(42, 109, 69, 0.35);
  background: rgba(42, 109, 69, 0.07);
}
.solvint .solv-360__q-delta.solv-360__delta--negative {
  color: var(--delta-negative);
  border-color: rgba(178, 58, 72, 0.35);
  background: rgba(178, 58, 72, 0.07);
}
.solvint .solv-360__q-delta.solv-360__delta--neutral {
  color: var(--text-mute);
  font-weight: 500;
}
.solvint .solv-360__question svg {
  width: 100%;
  max-width: 300px;
  display: block;
  margin: 4px 0 12px;
  overflow: visible;
}
.solvint .solv-360__legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 20px;
  padding: 14px 20px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  font-size: 12.5px;
  color: var(--text-soft);
  margin-top: 24px;
}
.solvint .solv-360__legend > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.solvint .solv-360__legend-swatch {
  display: inline-block;
  width: 18px;
  height: 12px;
  border-radius: 2px;
  flex-shrink: 0;
}
.solvint .solv-360__legend-swatch.solv-360__legend-swatch--self {
  background: var(--self);
}
.solvint .solv-360__legend-swatch.solv-360__legend-swatch--manager {
  background: var(--manager);
}
.solvint .solv-360__legend-swatch.solv-360__legend-swatch--peer {
  background: var(--peer);
}
.solvint .solv-360__legend-swatch.solv-360__legend-swatch--dr {
  background: var(--dr);
}
.solvint .solv-360__legend-swatch.solv-360__legend-swatch--ic {
  background: var(--ic);
}
.solvint .solv-360__legend-swatch.solv-360__legend-swatch--ec {
  background: var(--ec);
}
.solvint .solv-360__legend-swatch.solv-360__legend-swatch--sup {
  background: var(--sup);
}
.solvint .solv-360__legend-swatch.solv-360__legend-swatch--others {
  background: none;
  border: 1.5px dashed var(--others);
  width: 20px;
}
.solvint .solv-360__legend-line {
  display: inline-block;
  width: 18px;
  height: 2px;
  flex-shrink: 0;
}
.solvint .solv-360__legend-line.solv-360__legend-line--op {
  background: none;
  border-top: 2px dashed #4ADE80;
}
@media (max-width: 720px) {
  .solvint body {
    padding: 20px 12px;
  }
  .solvint .solv-360__header {
    padding: 32px 24px 24px;
  }
  .solvint .solv-360__header h1 {
    font-size: 26px;
  }
  .solvint .solv-360__intro,
.solvint .solv-360__overview,
.solvint .solv-360__deep-dive,
.solvint .solv-360__details {
    padding: 28px 24px;
  }
  .solvint .solv-360__stats {
    flex-wrap: wrap;
  }
  .solvint .solv-360__stat {
    flex: 1 1 calc(50% - 6px);
  }
  .solvint .solv-360__comp {
    padding: 18px;
  }
  .solvint .solv-360__scores {
    gap: 6px;
  }
  .solvint .solv-360__score {
    font-size: 11px;
    padding: 3px 9px;
  }
  .solvint .solv-360__reason {
    flex: 1 1 100%;
  }
  .solvint .solv-360__overview-grid {
    grid-template-columns: 1fr;
  }
}
@media print {
  .solvint body {
    background: #fff;
    padding: 0;
    font-size: 11pt;
  }
  .solvint .solv-360 {
    max-width: none;
    box-shadow: none;
    border-radius: 0;
  }
  .solvint .solv-360__header {
    background: var(--navy) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    padding: 32px 32px 24px;
  }
  .solvint .solv-360__intro,
.solvint .solv-360__overview,
.solvint .solv-360__deep-dive,
.solvint .solv-360__details {
    padding: 24px 32px;
  }
  .solvint .solv-360__comp,
.solvint .solv-360__pattern,
.solvint .solv-360__blindspots,
.solvint .solv-360__comp-detail,
.solvint .solv-360__question {
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .solvint .solv-360__reasons-grid {
    display: block;
  }
  .solvint .solv-360__reason {
    display: block;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 12px;
  }
  .solvint .solv-360__section-marker {
    page-break-before: always;
    break-before: always;
  }
  .solvint .solv-360__bar-chart-title {
    display: block;
    page-break-before: always;
    break-before: always;
  }
  .solvint .solv-360__pattern {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .solvint .solv-360__bar-chart-panel {
    box-shadow: none !important;
    border: none !important;
  }
}
.solvint .solv-360__reason, .solvint .solv-360__bar-chart {
  page-break-inside: avoid;
  break-inside: avoid;
}
.solvint .solv-360__bar-chart-title {
  page-break-before: always;
  break-before: always;
}
.solvint .solv-360.solv-360 p,
.solvint .solv-360.solv-360 li,
.solvint .solv-360.solv-360 td,
.solvint .solv-360.solv-360 .solv-360__observation,
.solvint .solv-360.solv-360 .solv-360__recommendation {
  color: var(--text) !important;
}
.solvint .solv-360.solv-360 h1,
.solvint .solv-360.solv-360 h2,
.solvint .solv-360.solv-360 h3,
.solvint .solv-360.solv-360 h4 {
  color: var(--navy) !important;
}
.solvint .solv-360.solv-360 .solv-360__header,
.solvint .solv-360.solv-360 .solv-360__header h1,
.solvint .solv-360.solv-360 .solv-360__header .solv-360__eyebrow,
.solvint .solv-360.solv-360 .solv-360__header .solv-360__meta,
.solvint .solv-360.solv-360 .solv-360__section-num,
.solvint .solv-360.solv-360 .solv-360__pattern,
.solvint .solv-360.solv-360 .solv-360__pattern h3,
.solvint .solv-360.solv-360 .solv-360__pattern p {
  color: #ffffff !important;
}
.solvint .solv-360.solv-360 .solv-360__header .solv-360__eyebrow {
  color: var(--gold-warm) !important;
}
.solvint .solv-360.solv-360 .solv-360__findings h3 {
  color: var(--gold-warm) !important;
}
.solvint .solv-360.solv-360 .solv-360__recommendation::before {
  color: var(--gold-warm) !important;
}
.solvint .solv-360.solv-360 .solv-360__intro-block h3 {
  color: var(--gold-warm) !important;
}
.solvint .solv-360.solv-360 .solv-360__development h3 {
  color: var(--gold-warm) !important;
}
.solvint .solv-360.solv-360 .solv-360__comp-desc {
  color: var(--text-soft) !important;
}
.solvint .solv-360.solv-360 .solv-360__score--self {
  color: var(--self-dark) !important;
}
.solvint .solv-360.solv-360 .solv-360__score--manager {
  color: var(--manager-dark) !important;
}
.solvint .solv-360.solv-360 .solv-360__score--peer {
  color: var(--peer-dark) !important;
}
.solvint .solv-360.solv-360 .solv-360__score--direct-report {
  color: var(--dr-dark) !important;
}
.solvint .solv-360.solv-360 .solv-360__score--internal-client {
  color: var(--ic-dark) !important;
}
.solvint .solv-360.solv-360 .solv-360__score--external-client {
  color: var(--ec-dark) !important;
}
.solvint .solv-360.solv-360 .solv-360__score--supplier {
  color: var(--sup-dark) !important;
}
.solvint .solv-360.solv-360 .solv-360__score--others {
  color: var(--others) !important;
}
.solvint .solv-360.solv-360 .solv-360__status--strong {
  color: #0F4A85 !important;
}
.solvint .solv-360.solv-360 .solv-360__status--growth {
  color: #1B4332 !important;
}
.solvint .solv-360.solv-360 .solv-360__status--focus {
  color: #0D1E38 !important;
}
.solvint .solv-360.solv-360 .solv-360__delta--positive {
  color: var(--delta-positive) !important;
}
.solvint .solv-360.solv-360 .solv-360__delta--negative {
  color: var(--delta-negative) !important;
}
.solvint .solv-360.solv-360 .solv-360__blindspot-item p {
  color: var(--text) !important;
}
.solvint .solv-360.solv-360 strong {
  color: inherit !important;
}
.solvint bisbrick-radar-chart {
  page-break-inside: avoid;
  break-inside: avoid;
}
.solvint bisbrick-radar-chart.solv-360 .chart-wrapper {
  background: #F4F1EA;
  border-radius: 8px;
  padding: 16px 8px 8px;
}
.solvint .mhc-360:has(.solv-360__overview) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.solvint bisbrick-radar-chart.solv-360 {
  display: block;
  position: relative;
  z-index: 2;
  margin-top: -20px;
  padding-top: 20px;
  background: white !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}
.solvint bisbrick-multi-column.solv-360__no-break {
  display: block;
  page-break-inside: avoid;
  break-inside: avoid;
}
.solvint bisbrick-multi-column.solv-360__bar-chart-panel {
  display: block;
  max-width: 880px;
  margin: 0 auto 24px;
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  font-family: "Default-Regular", "Raleway", "Helvetica Neue", Arial, system-ui, sans-serif;
  font-size: 15px;
  line-height: 1.55;
  color: #1F2937;
  /* Design tokens herhalen zodat var() werkt binnen dit element */
  --navy: #132745;
  --navy-soft: #1E3D68;
  --gold: #C99A0A;
  --gold-warm: #E0AD1A;
  --text: #1F2937;
  --text-soft: #4B5563;
  --text-mute: #6B7280;
  --border: #E2E8F0;
  --surface: #FFFFFF;
  --font-bold: "Default-Bold", "Raleway", "Helvetica Neue", Arial, system-ui, sans-serif;
}
.solvint bisbrick-multi-column.solv-360__bar-chart-panel > section > .background {
  background: transparent !important;
  padding: 40px 48px;
}
.solvint bisbrick-multi-column.solv-360__bar-chart-panel .container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.solvint bisbrick-multi-column.solv-360__bar-chart-panel h2 {
  font-family: var(--font-bold);
  font-weight: normal;
  color: var(--navy);
  font-size: 20px;
  margin: 0 0 8px;
}
.solvint bisbrick-multi-column.solv-360__bar-chart-panel p {
  color: var(--text-soft);
  font-size: 14px;
  margin: 0 0 20px;
}
.solvint .solv-360 .solv-360__ambition {
  margin-top: 28px;
  padding: 22px 24px 18px;
  background: var(--surface-soft);
  border: 1px solid var(--border);
  border-left: 4px solid var(--gold);
  border-radius: 0 var(--radius) var(--radius) 0;
  page-break-inside: avoid;
  break-inside: avoid;
}
.solvint .solv-360 .solv-360__ambition > h3 {
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--gold-warm);
  margin: 0 0 10px;
  font-weight: 700;
}
.solvint .solv-360 .solv-360__ambition-intro {
  font-size: 14px;
  line-height: 1.55;
  color: var(--text);
  margin: 0 0 16px;
}
.solvint .solv-360 .solv-360__ambition-note {
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-mute);
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px dashed var(--border);
}
.solvint .solv-360 .solv-360__ladder-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  margin: 0 0 14px;
  padding: 10px 14px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  font-size: 12px;
  color: var(--text-soft);
}
.solvint .solv-360 .solv-360__ladder-legend > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.solvint .solv-360 .solv-360__lg {
  display: inline-block;
  flex-shrink: 0;
}
.solvint .solv-360 .solv-360__lg--now {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--navy);
}
.solvint .solv-360 .solv-360__lg--goal {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 0 2px rgba(201, 154, 10, 0.3);
}
.solvint .solv-360 .solv-360__lg--path {
  width: 22px;
  height: 4px;
  border-radius: 2px;
  background: var(--gold-warm);
}
.solvint .solv-360 .solv-360__ladder {
  display: grid;
  grid-template-columns: 128px 1fr 132px;
  align-items: center;
  gap: 14px;
  padding: 7px 0;
}
.solvint .solv-360 .solv-360__ladder-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  line-height: 1.3;
}
.solvint .solv-360 .solv-360__ladder-caption {
  font-size: 11.5px;
  color: var(--text-soft);
  text-align: right;
  line-height: 1.3;
}
.solvint .solv-360 .solv-360__ladder--scale {
  padding-bottom: 4px;
}
.solvint .solv-360 .solv-360__ladder--scale .solv-360__ladder-track {
  height: 34px;
}
.solvint .solv-360 .solv-360__scale-tick {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  text-align: center;
  font-size: 10px;
  color: var(--text-mute);
  line-height: 1.2;
  white-space: nowrap;
}
.solvint .solv-360 .solv-360__scale-tick b {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: var(--navy);
}
.solvint .solv-360 .solv-360__ladder--overall {
  padding: 10px 0 12px;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  margin-bottom: 4px;
}
.solvint .solv-360 .solv-360__ladder--overall .solv-360__ladder-name {
  font-family: var(--font-bold);
  color: var(--navy);
}
.solvint .solv-360 .solv-360__ladder-track {
  position: relative;
  height: 30px;
}
.solvint .solv-360 .solv-360__ladder-track .solv-360__track-rail {
  position: absolute;
  left: 12.5%;
  right: 12.5%;
  top: 50%;
  height: 2px;
  background: var(--border);
  transform: translateY(-50%);
  border-radius: 2px;
}
.solvint .solv-360 .solv-360__ladder-track .solv-360__track-guide {
  position: absolute;
  top: 50%;
  width: 2px;
  height: 8px;
  background: var(--border);
  transform: translate(-50%, -50%);
}
.solvint .solv-360 .solv-360__track-journey {
  position: absolute;
  top: 50%;
  height: 4px;
  background: var(--gold-warm);
  transform: translateY(-50%);
  border-radius: 2px;
  z-index: 1;
}
.solvint .solv-360 .solv-360__marker {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.solvint .solv-360 .solv-360__marker--current {
  background: var(--navy);
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px var(--navy);
}
.solvint .solv-360 .solv-360__marker--goal {
  background: var(--gold);
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px rgba(201, 154, 10, 0.4);
}
.solvint .solv-360 .solv-360__marker--goal::after {
  content: "▲";
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 9px;
  color: var(--gold);
  line-height: 1;
}
.solvint .solv-360 .solv-360__marker--here {
  background: var(--navy);
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px rgba(201, 154, 10, 0.55);
}
.solvint .solv-360 .solv-360__pos--O {
  left: 12.5%;
}
.solvint .solv-360 .solv-360__pos--T {
  left: 37.5%;
}
.solvint .solv-360 .solv-360__pos--S {
  left: 62.5%;
}
.solvint .solv-360 .solv-360__pos--M {
  left: 87.5%;
}
.solvint .solv-360 .solv-360__journey--O-T {
  left: 12.5%;
  width: 25%;
}
.solvint .solv-360 .solv-360__journey--O-S {
  left: 12.5%;
  width: 50%;
}
.solvint .solv-360 .solv-360__journey--O-M {
  left: 12.5%;
  width: 75%;
}
.solvint .solv-360 .solv-360__journey--T-S {
  left: 37.5%;
  width: 25%;
}
.solvint .solv-360 .solv-360__journey--T-M {
  left: 37.5%;
  width: 50%;
}
.solvint .solv-360 .solv-360__journey--S-M {
  left: 62.5%;
  width: 25%;
}
.solvint .solv-360 .solv-360__score--target {
  background: rgba(201, 154, 10, 0.12);
  color: var(--gold-warm);
  border: 1px dashed var(--gold);
  font-weight: 700;
}
.solvint .solv-360 .solv-360__score--target::before {
  content: "▲";
  font-size: 9px;
  margin-right: 5px;
  line-height: 1;
}
.solvint .solv-360 .solv-360__comp .solv-360__direction {
  color: var(--text);
  font-size: 14.5px;
  line-height: 1.55;
  margin: 0 0 12px;
  padding-left: 14px;
  border-left: 2px solid var(--border);
}
.solvint .solv-360 .solv-360__comp .solv-360__direction::before {
  content: "Where to grow";
  display: block;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-mute);
  font-weight: 700;
  margin-bottom: 4px;
}
.solvint .solv-360 .solv-360__dev-area {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 16px 18px 12px;
  margin: 12px 0 0;
  page-break-inside: avoid;
  break-inside: avoid;
}
.solvint .solv-360 .solv-360__dev-area h5 {
  margin: 0 0 10px;
  font-family: var(--font-bold);
  font-weight: normal;
  font-size: 14px;
  color: var(--navy);
  line-height: 1.3;
  padding-bottom: 8px;
  border-bottom: 1px dashed var(--border-soft);
}
.solvint .solv-360 .solv-360__dev-area .solv-360__dev-line {
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--text);
  margin: 0 0 7px;
}
.solvint .solv-360 .solv-360__dev-area .solv-360__dev-line:last-child {
  margin-bottom: 0;
}
.solvint .solv-360 .solv-360__dev-area .solv-360__dev-line strong {
  color: var(--navy);
}
@media (max-width: 720px) {
  .solvint .solv-360 .solv-360__ladder {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 10px 0;
  }
  .solvint .solv-360 .solv-360__ladder-caption {
    text-align: left;
  }
  .solvint .solv-360 .solv-360__ambition {
    padding: 18px;
  }
}
@media print {
  .solvint .solv-360 .solv-360__track-journey,
.solvint .solv-360 .solv-360__marker--current,
.solvint .solv-360 .solv-360__marker--goal,
.solvint .solv-360 .solv-360__marker--here,
.solvint .solv-360 .solv-360__lg--now,
.solvint .solv-360 .solv-360__lg--goal,
.solvint .solv-360 .solv-360__lg--path {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .solvint .solv-360 .solv-360__ambition,
.solvint .solv-360 .solv-360__dev-area {
    page-break-inside: avoid;
    break-inside: avoid;
  }
}
.solvint .solv-360.solv-360 .solv-360__ambition-intro {
  color: var(--text) !important;
}
.solvint .solv-360.solv-360 .solv-360__ambition-note {
  color: var(--text-mute) !important;
}
.solvint .solv-360.solv-360 .solv-360__ambition > h3 {
  color: var(--gold-warm) !important;
}
.solvint .solv-360.solv-360 .solv-360__ladder-legend {
  color: var(--text-soft) !important;
}
.solvint .solv-360.solv-360 .solv-360__ladder-name {
  color: var(--text) !important;
}
.solvint .solv-360.solv-360 .solv-360__ladder--overall .solv-360__ladder-name {
  color: var(--navy) !important;
}
.solvint .solv-360.solv-360 .solv-360__ladder-caption {
  color: var(--text-soft) !important;
}
.solvint .solv-360.solv-360 .solv-360__scale-tick {
  color: var(--text-mute) !important;
}
.solvint .solv-360.solv-360 .solv-360__scale-tick b {
  color: var(--navy) !important;
}
.solvint .solv-360.solv-360 .solv-360__score--target {
  color: var(--gold-warm) !important;
}
.solvint .solv-360.solv-360 .solv-360__direction {
  color: var(--text) !important;
}
.solvint .solv-360.solv-360 .solv-360__dev-area .solv-360__dev-line {
  color: var(--text) !important;
}
.solvint .solv-360.solv-360 .solv-360__dev-area .solv-360__dev-line strong {
  color: var(--navy) !important;
}
.solvint .solv-360.solv-360 .solv-360__dev-area h5 {
  color: var(--navy) !important;
}
@charset "UTF-8";
.solvint .groupreport {
  /* ============================================================
  SOLVINT × BIA Group — 360° Group Development Report
  Stylesheet v7 — prefix .solv-360g
  Fonts: Raleway (Google Fonts)
  Charts: CSS-only bars (no SVG); radar = embedded base64 PNG
  ============================================================ */
  /* Font loading — two mechanisms:
     1. The <link> tags in the HTML <head> (primary — always works)
     2. The @import below (fallback — ONLY works when this file is loaded
        standalone via <link rel="stylesheet">; ignored when the CSS is
        pasted into an existing stylesheet or injected into a <style> block
        after other rules)
     If Raleway still doesn't render: check the browser console / network
     tab for blocked requests to fonts.googleapis.com (CSP restriction). */
  @import url("https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700&display=swap");
  /* ── COVER BANNER ─────────────────────────────────────────── */
  /* ── SECTION HEADERS ──────────────────────────────────────── */
  /* ── STAT TILES ───────────────────────────────────────────── */
  /* ── KEY FINDINGS ─────────────────────────────────────────── */
  /* ── NOTE BOX ─────────────────────────────────────────────── */
  /* ── CSS BAR CHARTS (vertical, grouped) ───────────────────── */
  /* plot area — scale 1.4 (baseline) to 4.0 (top) on 240px */
  /* (3.0−1.4)/2.6 × 240 */
  /* 3.4 */
  /* 3.1 */
  /* Two cohort panels side by side */
  /* ── CSS H-BARS (attainment, gaps, maturity) ──────────────── */
  /* ── TABLES ───────────────────────────────────────────────── */
  /* ── RADAR IMG ────────────────────────────────────────────── */
  /* ── PRIORITY CARDS ───────────────────────────────────────── */
  /* ── RECOMMENDATION ───────────────────────────────────────── */
  /* ── PRINT ────────────────────────────────────────────────── */
  /* ── SHARED MATURITY LADDER (dumbbell) ────────────────────── */
}
.solvint .groupreport .solv-360g {
  --navy: #132745;
  --navys: #1E3D68;
  --gold: #E0AD1A;
  --teal: #0E7490;
  --steel: #5B7A9F;
  --green: #2D6A4F;
  --red: #B23A48;
  --op: #22C55E;
  --bg: #F8F9FB;
  --lgrey: #E2E8F0;
  --black: #1F2937;
  --soft: #4B5563;
  --mute: #6B7280;
  --r4b: #d6ede1;
  --r4t: #0d4a27;
  --r3b: #e8f5e0;
  --r3t: #2a5e14;
  --r2b: #fef3d8;
  --r2t: #7a4e00;
  --r1b: #fce4d6;
  --r1t: #8b1a00;
  font-family: "Raleway", "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: var(--black);
  background: #ffffff;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 24px 64px;
}
.solvint .groupreport .solv-360g * {
  box-sizing: border-box;
}
.solvint .groupreport .solv-360g .cover {
  background: linear-gradient(135deg, #132745 0%, #1E3D68 100%);
  border-right: 6px solid var(--gold);
  color: #fff;
  padding: 48px 40px 40px;
  margin: 0 -24px 40px;
}
.solvint .groupreport .solv-360g .cover .eyebrow {
  color: var(--gold);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.solvint .groupreport .solv-360g .cover .client {
  color: #9FADBD;
  font-size: 26px;
  font-weight: 700;
  margin: 0 0 2px;
}
.solvint .groupreport .solv-360g .cover h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 26px;
  color: #fff;
}
.solvint .groupreport .solv-360g .cover .meta {
  display: flex;
  flex-wrap: wrap;
  gap: 28px 56px;
  border-top: 1px solid rgba(224, 173, 26, 0.55);
  padding-top: 22px;
}
.solvint .groupreport .solv-360g .cover .meta div span {
  display: block;
  color: #9FADBD;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.solvint .groupreport .solv-360g .cover .meta div strong {
  font-size: 15px;
  font-weight: 700;
}
.solvint .groupreport .solv-360g .cover .confid {
  margin-top: 26px;
  font-size: 12.5px;
  font-style: italic;
  color: #9FADBD;
}
.solvint .groupreport .solv-360g .sec {
  display: flex;
  align-items: center;
  gap: 14px;
  background: linear-gradient(90deg, #132745, #1E3D68);
  border-left: 5px solid var(--gold);
  padding: 11px 18px;
  margin: 48px 0 22px;
}
.solvint .groupreport .solv-360g .sec .num {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--gold);
  color: var(--navy);
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.solvint .groupreport .solv-360g .sec h2 {
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.3px;
}
.solvint .groupreport .solv-360g h3.gl {
  color: var(--gold);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-top: 2px solid var(--gold);
  padding-top: 10px;
  margin: 34px 0 14px;
}
.solvint .groupreport .solv-360g p {
  margin: 0 0 14px;
}
.solvint .groupreport .solv-360g .small {
  font-size: 13px;
  color: var(--soft);
}
.solvint .groupreport .solv-360g .stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
  margin: 0 0 26px;
}
.solvint .groupreport .solv-360g .stat {
  border: 1px solid var(--lgrey);
  padding: 14px 16px 12px;
  background: linear-gradient(180deg, var(--tile-a, #fff), var(--tile-b, #fff));
}
.solvint .groupreport .solv-360g .stat .lbl {
  font-size: 10.5px;
  font-weight: 700;
  color: var(--mute);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.solvint .groupreport .solv-360g .stat .val {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
}
.solvint .groupreport .solv-360g .stat .sub {
  font-size: 12px;
  color: var(--soft);
  margin-top: 5px;
}
.solvint .groupreport .solv-360g .stat.good {
  --tile-a:#EAF5EA;
  --tile-b:#F5FDF5;
}
.solvint .groupreport .solv-360g .stat.good .val {
  color: var(--r3t);
}
.solvint .groupreport .solv-360g .stat.bad {
  --tile-a:#FEF0F0;
  --tile-b:#FFF8F8;
}
.solvint .groupreport .solv-360g .stat.bad .val {
  color: var(--r1t);
}
.solvint .groupreport .solv-360g .stat.info {
  --tile-a:#E8F4FB;
  --tile-b:#F4FAFD;
}
.solvint .groupreport .solv-360g .stat.info .val {
  color: var(--teal);
}
.solvint .groupreport .solv-360g .stat.warn {
  --tile-a:#FEF9EE;
  --tile-b:#FFFCF5;
}
.solvint .groupreport .solv-360g .stat.warn .val {
  color: var(--r2t);
}
.solvint .groupreport .solv-360g ul.findings {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
}
.solvint .groupreport .solv-360g ul.findings li {
  position: relative;
  padding: 0 0 12px 26px;
  font-size: 14px;
}
.solvint .groupreport .solv-360g ul.findings li::before {
  content: "▸";
  position: absolute;
  left: 2px;
  top: 0;
  color: var(--gold);
  font-weight: 700;
}
.solvint .groupreport .solv-360g .note {
  background: #EFF6FF;
  border: 1px solid #BFDBFE;
  border-top: 3px solid #3B82F6;
  padding: 14px 18px;
  font-size: 13.5px;
  color: #374151;
  margin: 0 0 24px;
}
.solvint .groupreport .solv-360g .chart {
  background: var(--bg);
  border: 1px solid var(--lgrey);
  padding: 24px 20px 14px;
  margin: 0 0 10px;
}
.solvint .groupreport .solv-360g .chart .title {
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  color: var(--navy);
  margin-bottom: 26px;
}
.solvint .groupreport .solv-360g .plot {
  position: relative;
  height: 240px;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  border-bottom: 1px solid #D5DBE3;
}
.solvint .groupreport .solv-360g .plot .refline {
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  border-top: 2px dashed var(--op);
  opacity: 0.8;
  z-index: 1;
}
.solvint .groupreport .solv-360g .plot .refline.op {
  bottom: 147.7px;
}
.solvint .groupreport .solv-360g .plot .refline.tgt-s {
  bottom: 184.6px;
  border-top-style: dotted;
  border-top-color: #C99A0A;
}
.solvint .groupreport .solv-360g .plot .refline.tgt-t {
  bottom: 156.9px;
  border-top-style: dotted;
  border-top-color: var(--teal);
}
.solvint .groupreport .solv-360g .plot .refline .rl-lbl {
  position: absolute;
  right: 4px;
  top: -18px;
  font-size: 10.5px;
  font-weight: 600;
  background: var(--bg);
  padding: 0 4px;
}
.solvint .groupreport .solv-360g .plot .refline.op .rl-lbl {
  color: #16803C;
}
.solvint .groupreport .solv-360g .plot .refline.tgt-s .rl-lbl {
  color: #C99A0A;
}
.solvint .groupreport .solv-360g .plot .refline.tgt-t .rl-lbl {
  color: var(--teal);
}
.solvint .groupreport .solv-360g .grp {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  height: 100%;
  z-index: 2;
}
.solvint .groupreport .solv-360g .bar {
  width: 34px;
  position: relative;
  align-self: flex-end;
  border-radius: 2px 2px 0 0;
}
.solvint .groupreport .solv-360g .bar .v {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11.5px;
  font-weight: 700;
  white-space: nowrap;
}
.solvint .groupreport .solv-360g .bar.pd {
  background: var(--green);
}
.solvint .groupreport .solv-360g .bar.pd .v {
  color: var(--green);
}
.solvint .groupreport .solv-360g .bar.mgr {
  background: var(--red);
  opacity: 0.85;
}
.solvint .groupreport .solv-360g .bar.mgr .v {
  color: var(--red);
}
.solvint .groupreport .solv-360g .bar.oth {
  background: var(--steel);
  opacity: 0.9;
}
.solvint .groupreport .solv-360g .bar.oth .v {
  color: var(--steel);
}
.solvint .groupreport .solv-360g .bar.self {
  background: #2E9CCA;
}
.solvint .groupreport .solv-360g .bar.self .v {
  color: #2E9CCA;
}
.solvint .groupreport .solv-360g .xlabels {
  display: flex;
  justify-content: space-around;
  margin-top: 8px;
}
.solvint .groupreport .solv-360g .xlabels span {
  font-size: 12px;
  font-weight: 600;
  color: var(--navy);
  text-align: center;
  flex: 1;
}
.solvint .groupreport .solv-360g .legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 22px;
  border: 1px solid var(--lgrey);
  background: #fff;
  padding: 8px 14px;
  margin: 14px auto 4px;
  font-size: 12px;
  width: fit-content;
}
.solvint .groupreport .solv-360g .legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.solvint .groupreport .solv-360g .legend i {
  width: 14px;
  height: 11px;
  display: inline-block;
  border-radius: 2px;
}
.solvint .groupreport .solv-360g .legend .l-pd i {
  background: var(--green);
}
.solvint .groupreport .solv-360g .legend .l-mgr i {
  background: var(--red);
  opacity: 0.85;
}
.solvint .groupreport .solv-360g .legend .l-oth i {
  background: var(--steel);
  opacity: 0.9;
  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.35) 0 3px, transparent 3px 7px);
}
.solvint .groupreport .solv-360g .legend .l-op i {
  background: none;
  border-top: 2px dashed var(--op);
  height: 0;
  margin-top: 5px;
}
.solvint .groupreport .solv-360g .legend .l-tgt i {
  background: none;
  border-top: 2px dotted #999;
  height: 0;
  margin-top: 5px;
}
.solvint .groupreport .solv-360g .chart .footnote {
  text-align: center;
  font-size: 11.5px;
  font-style: italic;
  color: #999;
  margin-top: 10px;
}
.solvint .groupreport .solv-360g .panels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 780px) {
  .solvint .groupreport .solv-360g .panels {
    grid-template-columns: 1fr;
  }
}
.solvint .groupreport .solv-360g .panels .bar {
  width: 20px;
}
.solvint .groupreport .solv-360g .panels .xlabels span {
  font-size: 10.5px;
  line-height: 1.25;
}
.solvint .groupreport .solv-360g .hchart {
  background: var(--bg);
  border: 1px solid var(--lgrey);
  padding: 20px 96px 16px 22px;
  margin: 0 0 10px;
}
.solvint .groupreport .solv-360g .hchart .title {
  margin-bottom: 16px;
}
.solvint .groupreport .solv-360g .hrow {
  display: grid;
  grid-template-columns: 130px 1fr;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.solvint .groupreport .solv-360g .hrow .hlbl {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--navy);
}
.solvint .groupreport .solv-360g .htrack {
  position: relative;
}
.solvint .groupreport .solv-360g .hbar {
  height: 16px;
  border-radius: 2px;
  position: relative;
  margin-bottom: 3px;
}
.solvint .groupreport .solv-360g .hbar:last-child {
  margin-bottom: 0;
}
.solvint .groupreport .solv-360g .hbar .hv {
  position: absolute;
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
  font-size: 11.5px;
  font-weight: 700;
  white-space: nowrap;
}
.solvint .groupreport .solv-360g .hbar.pd {
  background: var(--green);
}
.solvint .groupreport .solv-360g .hbar.pd .hv {
  color: var(--green);
}
.solvint .groupreport .solv-360g .hbar.oth {
  background: var(--steel);
  opacity: 0.8;
  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.35) 0 3px, transparent 3px 7px);
}
.solvint .groupreport .solv-360g .hbar.oth .hv {
  color: var(--mute);
}
.solvint .groupreport .solv-360g .hbar.gap {
  background: var(--red);
  opacity: 0.85;
}
.solvint .groupreport .solv-360g .hbar.gap .hv {
  color: var(--red);
}
.solvint .groupreport .solv-360g .hbar.m-lo {
  background: #84CC16;
}
.solvint .groupreport .solv-360g .hbar.m-lo .hv {
  color: #5A8F0B;
}
.solvint .groupreport .solv-360g .hbar.m-mid {
  background: #EAB308;
}
.solvint .groupreport .solv-360g .hbar.m-mid .hv {
  color: #A07E06;
}
.solvint .groupreport .solv-360g .hbar.m-hi {
  background: #F97316;
}
.solvint .groupreport .solv-360g .hbar.m-hi .hv {
  color: #C2590F;
}
.solvint .groupreport .solv-360g table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  margin: 0 0 10px;
}
.solvint .groupreport .solv-360g th {
  background: var(--navy);
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
  padding: 8px 9px;
  text-align: center;
  border: 1px solid #2A3F60;
}
.solvint .groupreport .solv-360g th:first-child {
  text-align: left;
}
.solvint .groupreport .solv-360g td {
  padding: 7px 9px;
  border: 1px solid var(--lgrey);
  text-align: center;
  background: #fff;
}
.solvint .groupreport .solv-360g td:first-child {
  text-align: left;
  font-weight: 600;
  color: var(--navy);
}
.solvint .groupreport .solv-360g tr:nth-child(even) td {
  background: var(--bg);
}
.solvint .groupreport .solv-360g tr.avg td {
  background: var(--navy);
  color: #fff;
  font-weight: 700;
}
.solvint .groupreport .solv-360g td.s4 {
  color: var(--r4t);
  font-weight: 700;
}
.solvint .groupreport .solv-360g td.s3 {
  color: var(--r3t);
  font-weight: 700;
}
.solvint .groupreport .solv-360g td.s2 {
  color: var(--r2t);
  font-weight: 700;
}
.solvint .groupreport .solv-360g td.s1 {
  color: var(--r1t);
  font-weight: 700;
}
.solvint .groupreport .solv-360g td.dpos {
  color: var(--red);
  font-weight: 700;
}
.solvint .groupreport .solv-360g td.dneg {
  color: var(--green);
  font-weight: 700;
}
.solvint .groupreport .solv-360g td .grp-s {
  color: var(--navys);
  font-weight: 700;
}
.solvint .groupreport .solv-360g td .grp-t {
  color: var(--teal);
  font-weight: 700;
}
.solvint .groupreport .solv-360g td.sig-over {
  color: var(--r1t);
  font-weight: 600;
}
.solvint .groupreport .solv-360g td.sig-under {
  color: var(--green);
  font-weight: 600;
}
.solvint .groupreport .solv-360g .radar-wrap {
  text-align: center;
  margin: 0 0 18px;
}
.solvint .groupreport .solv-360g .radar-wrap img {
  max-width: 560px;
  width: 100%;
  height: auto;
  border: 1px solid var(--lgrey);
}
.solvint .groupreport .solv-360g .pcard {
  border: 1px solid var(--lgrey);
  margin: 0 0 16px;
}
.solvint .groupreport .solv-360g .pcard .phead {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 11px 16px;
}
.solvint .groupreport .solv-360g .pcard .ptag {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  flex: 0 0 auto;
  min-width: 110px;
}
.solvint .groupreport .solv-360g .pcard .pname {
  font-size: 16px;
  font-weight: 700;
  color: var(--navy);
}
.solvint .groupreport .solv-360g .pcard .pbody {
  padding: 12px 16px 14px;
  font-size: 13.5px;
  background: #fff;
}
.solvint .groupreport .solv-360g .pcard .pbody p {
  margin: 0 0 10px;
}
.solvint .groupreport .solv-360g .pcard .pbody p:last-child {
  margin: 0;
}
.solvint .groupreport .solv-360g .pcard.p1 {
  border-top: 3px solid var(--r1t);
}
.solvint .groupreport .solv-360g .pcard.p1 .phead {
  background: var(--r1b);
}
.solvint .groupreport .solv-360g .pcard.p1 .ptag {
  color: var(--r1t);
}
.solvint .groupreport .solv-360g .pcard.p2 {
  border-top: 3px solid var(--r2t);
}
.solvint .groupreport .solv-360g .pcard.p2 .phead {
  background: var(--r2b);
}
.solvint .groupreport .solv-360g .pcard.p2 .ptag {
  color: var(--r2t);
}
.solvint .groupreport .solv-360g .pcard.p3 {
  border-top: 3px solid var(--r3t);
}
.solvint .groupreport .solv-360g .pcard.p3 .phead {
  background: var(--r3b);
}
.solvint .groupreport .solv-360g .pcard.p3 .ptag {
  color: var(--r3t);
}
.solvint .groupreport .solv-360g .rec-sub {
  background: #F0F4F8;
  border-left: 4px solid var(--gold);
  padding: 9px 14px;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--navy);
  margin: 26px 0 12px;
}
.solvint .groupreport .solv-360g .disclaimer {
  border-top: 1px solid var(--lgrey);
  margin-top: 34px;
  padding-top: 16px;
  font-size: 12.5px;
  color: var(--mute);
}
@media print {
  .solvint .groupreport .solv-360g {
    max-width: none;
    padding: 0;
  }
  .solvint .groupreport .solv-360g .sec, .solvint .groupreport .solv-360g .pcard, .solvint .groupreport .solv-360g .chart,
.solvint .groupreport .solv-360g .hchart, .solvint .groupreport .solv-360g table {
    break-inside: avoid;
  }
  .solvint .groupreport .solv-360g .cover {
    margin: 0 0 24px;
  }
}
.solvint .groupreport .solv-360g .ladder {
  background: var(--bg);
  border: 1px solid var(--lgrey);
  padding: 16px 70px 14px 22px;
  margin: 0 0 12px;
}
.solvint .groupreport .solv-360g .lad-head {
  position: relative;
  height: 22px;
  margin-left: 142px;
  margin-bottom: 6px;
}
.solvint .groupreport .solv-360g .lad-rung {
  position: absolute;
  transform: translateX(-50%);
  top: 0;
}
.solvint .groupreport .solv-360g .lad-rung b {
  font-size: 11px;
  font-weight: 600;
  color: var(--mute);
  white-space: nowrap;
}
.solvint .groupreport .solv-360g .lad-row {
  display: grid;
  grid-template-columns: 130px 1fr;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}
.solvint .groupreport .solv-360g .lad-row.lad-avg .lad-lbl {
  font-weight: 700;
}
.solvint .groupreport .solv-360g .lad-lbl {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--navy);
}
.solvint .groupreport .solv-360g .lad-track {
  position: relative;
  height: 18px;
  background: linear-gradient(90deg, transparent calc(2.9% - 1px), #D5DBE3 2.9%, transparent calc(2.9% + 1px)), linear-gradient(90deg, transparent calc(31.9% - 1px), #D5DBE3 31.9%, transparent calc(31.9% + 1px)), linear-gradient(90deg, transparent calc(60.9% - 1px), #D5DBE3 60.9%, transparent calc(60.9% + 1px)), linear-gradient(90deg, transparent calc(89.9% - 1px), #D5DBE3 89.9%, transparent calc(89.9% + 1px));
}
.solvint .groupreport .solv-360g .lad-conn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 3px;
  background: #CBD5E1;
  border-radius: 2px;
}
.solvint .groupreport .solv-360g .lad-dot {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
}
.solvint .groupreport .solv-360g .lad-dot.t {
  background: #2E9CCA;
}
.solvint .groupreport .solv-360g .lad-dot.s {
  background: var(--navys);
}
.solvint .groupreport .solv-360g .lad-dot i {
  position: absolute;
  top: 17px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10.5px;
  font-weight: 700;
  font-style: normal;
  white-space: nowrap;
}
.solvint .groupreport .solv-360g .lad-dot.t i {
  color: var(--teal);
}
.solvint .groupreport .solv-360g .lad-dot.s i {
  color: var(--navys);
}
.solvint .groupreport .solv-360g .lad-row.lad-avg .lad-dot {
  width: 18px;
  height: 18px;
}
.bb-dashboard {
  --primary-color-1200: #2A81DC;
  --primary-color-1200-rgb: 42,129,220;
  --primary-color-1000: #4499F2;
  --primary-color-1000-rgb: 68,153,242;
  --primary-color-800: #6CA7ED;
  --primary-color-800-rgb: 108,167,237;
  --primary-color-100: #F3F9FE;
  --primary-color-100-rgb: 243,249,254;
  --secondary-color-1000: #08213F;
  --secondary-color-1000-rgb: 8,33,63;
  --secondary-color-800: #354B66;
  --secondary-color-800-rgb: 53,75,102;
  --secondary-color-600: #728398;
  --secondary-color-600-rgb: 114,131,152;
  --secondary-color-400: #9FADBD;
  --secondary-color-400-rgb: 159,173,189;
  --secondary-color-200: #D3D9E1;
  --secondary-color-200-rgb: 211,217,225;
  --secondary-color-100: #ECF0F4;
  --secondary-color-100-rgb: 236,240,244;
  --secondary-color-50: #F7F9FA;
  --secondary-color-50-rgb: 247,249,250;
  --neutral-color-1000: #000000;
  --neutral-color-1000-rgb: 0,0,0;
  --neutral-color-800: #2C2C2C;
  --neutral-color-800-rgb: 44,44,44;
  --neutral-color-600: #70706F;
  --neutral-color-600-rgb: 112,112,111;
  --neutral-color-400: #BCBCBB;
  --neutral-color-400-rgb: 188,188,187;
  --neutral-color-200: #E0E0E0;
  --neutral-color-200-rgb: 224,224,224;
  --neutral-color-100: #E9E9EB;
  --neutral-color-100-rgb: 233,233,235;
  --neutral-color-50: #FAFAF9;
  --neutral-color-50-rgb: 250,250,249;
  --neutral-color-0: #FFFFFF;
  --neutral-color-0-rgb: 255,255,255;
  --positive-color: #32C77C;
  --positive-color-rgb: 50,199,124;
  --warning-color: #FEC84C;
  --warning-color-rgb: 254,200,76;
  --negative-color: #FF3131;
  --negative-color-rgb: 255,49,49;
  --button-padding: 0.5rem 2rem;
  --button-padding-rgb: ;
  --button-radius: 0.2rem;
  --button-radius-rgb: ;
  --input-radius: 0.2rem;
  --input-radius-rgb: ;
  --input-line-height: 3rem;
  --input-line-height-rgb: ;
  --font-content: Aeonik;
  --font-content-rgb: ;
  --font-heading: Gilroy;
  --font-heading-rgb: ;
  --font-link: Aeonik;
  --font-link-rgb: ;
  --font-size: 1rem;
  --font-size-rgb: ;
  --bg-color: #FFFFFF;
  --bg-color-rgb: 255,255,255;
  --other--color-Toolkit-Secondary: #fdf5ea;
  --other--color-Toolkit-Secondary-rgb: 255,255,255;
  --other--color-Toolkit-Primary: #F6F7F9;
  --other--color-Toolkit-Primary-rgb: 246,247,249;
}
.bb-dashboard .Button .button__Primary {
  background-color: var(--primary-color-1000);
  color: var(--neutral-color-0);
  border-width: 0;
  border-radius: 5px;
  font-size: 16px;
  padding-top: 8px;
  padding-right: 20px;
  padding-bottom: 8px;
  padding-left: 20px;
}
.bb-dashboard .Button .button__Primary:hover {
  background-color: var(--secondary-color-200);
}
.bb-dashboard .Button .button__Secondary {
  background-color: var(--neutral-color-0);
  border-color: var(--primary-color-1200);
  color: var(--primary-color-1200);
  border-width: 2px;
  border-radius: 5px;
  font-size: 16px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.bb-dashboard .Button .button__Secondary:hover {
  background-color: var(--primary-color-100);
}
.bb-dashboard .Button .button__Toolkit_Primary {
  background-color: var(--other--color-Toolkit-Primary);
  color: var(--neutral-color-1000);
  border-width: 0px;
  border-radius: 5px;
  font-size: 14px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.bb-dashboard .Button .button__Toolkit_Primary:hover {
  background-color: var(--secondary-color-200);
}
.bb-dashboard .Button .button__Toolkit_Secondary {
  background-color: var(--other--color-Toolkit-Secondary);
  color: var(--neutral-color-1000);
  border-width: 0px;
  border-radius: 5px;
  font-size: 14px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.bb-dashboard .Button .button__Toolkit_Secondary:hover {
  background-color: var(--secondary-color-200);
}
.bb-dashboard .Button .button__Toolkit_Tertiary {
  background-color: var(--neutral-color-0);
  color: var(--neutral-color-1000);
  border-width: 0;
  border-radius: 5px;
  font-size: 14px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.bb-dashboard .Button .button__Toolkit_Tertiary:hover {
  background-color: var(--secondary-color-200);
}
.bb-dashboard .Button .button__Toolkit_Add {
  background-color: var(--primary-color-100);
  color: var(--primary-color-1000);
  border-width: 0;
  border-radius: 5px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.bb-dashboard .Button .button__Toolkit_Add:hover {
  border-color: var(--primary-color-1000);
  border-width: 1px;
  padding-top: 9px;
  padding-right: 19px;
  padding-bottom: 9px;
  padding-left: 19px;
}
.bb-dashboard .dashboard-table table {
  width: 100%;
  border: 0px solid #ffffff;
}
.bb-dashboard .dashboard-table td, .bb-dashboard .dashboard-table th {
  padding: 10px;
  border: 0px solid #ffffff;
}
.bb-dashboard .dashboard-table th {
  background-color: #ffffff;
  color: #000000;
  text-align: left;
}
.bb-dashboard .dashboard-table tbody {
  border-bottom: 1px solid #F6F7F9;
}
.bb-dashboard .dashboard-table tbody tr:hover {
  background-color: #F3F9FE !important;
}
.bb-dashboard .dashboard-table tbody tr:nth-of-type(odd) {
  background-color: #F6F7F9;
}
.bb-dashboard .dashboard-table tbody tr:last-of-type {
  border-bottom: 2px solid #F6F7F9;
}
.bb-dashboard .hide-default-link a {
  text-decoration: none;
}
.bb-dashboard .dashboard-table table {
  width: 100%;
  border: 0px solid #ffffff;
}
.bb-dashboard .dashboard-table td, .bb-dashboard .dashboard-table th {
  padding: 10px;
  border: 0px solid #ffffff;
}
.bb-dashboard .dashboard-table th {
  background-color: #ffffff;
  color: #000000;
  text-align: left;
}
.bb-dashboard .dashboard-table tbody {
  border-bottom: 1px solid #F6F7F9;
}
.bb-dashboard .dashboard-table tbody tr:hover {
  background-color: #F3F9FE !important;
}
.bb-dashboard .dashboard-table tbody tr:nth-of-type(odd) {
  background-color: #F6F7F9;
}
.bb-dashboard .dashboard-table tbody tr:last-of-type {
  border-bottom: 2px solid #F6F7F9;
}