@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;
}

@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;
}

@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;
}

.Isam {
  --primary-color-1200: #118477;
  --primary-color-1200-rgb: 17,132,119;
  --primary-color-1000: #36a9e1;
  --primary-color-1000-rgb: 54,169,225;
  --primary-color-800: #267bbe;
  --primary-color-800-rgb: 38,123,190;
  --primary-color-100: #1da89c;
  --primary-color-100-rgb: 29,168,156;
  --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: #0432b4;
  --primary--color-DarkBlue-rgb: 4,50,180;
  --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;
}
.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;
}
.Isam .h5, .Isam h5, Isam .h5, Isam h5 {
  font-family: Default-Bold;
  text-transform: none;
  font-size: 14px;
}
.Isam .Button .button__Form__Next {
  background-color: var(--primary-color-1200);
  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;
}
.Isam .Button .button__Form__Next:hover {
  background-color: var(--primary--color-DarkBlue);
}
.Isam .Button .button__Form__Prev {
  background-color: var(--primary-color-1200);
  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;
}
.Isam .Button .button__Ghost {
  background-color: var(--neutral--color-Transparant);
  border-color: var(--primary-color-1200);
  color: var(--primary-color-1200);
  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;
}
.Isam .Button .button__Ghost:hover {
  background-color: var(--neutral-color-100);
  border-width: 1px;
  border-radius: 5px;
}
.Isam .Button .button__Primary {
  background-color: var(--primary--color-DarkBlue);
  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;
}
.Isam .Button .button__Primary:hover {
  background-color: var(--secondary-color-600);
}
.Isam .Button .button__Primary:active {
  background-color: var(--primary-color-100);
}
.Isam .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;
}
.Isam .Button .button__Secondary:hover {
  background-color: var(--primary-color-100);
  font-family: Default-Bold;
  text-transform: uppercase;
}
.Isam .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;
}
.Isam .Button .button__Subnav:hover {
  background-color: var(--primary-color-800);
}
.Isam .Button .button__Subnav:active {
  background-color: var(--primary-color-800);
}
.Isam .Button .button__SubnavSelect {
  background-color: var(--primary-color-800);
  color: var(--primary--color-White);
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  border-width: 0px;
  border-radius: 0 0 5px 5px;
  font-size: 14px;
  font-family: Default-Bold;
  text-transform: uppercase;
}
.Isam .Button .button__SubnavSelect:hover {
  background-color: var(--secondary-color-400);
  color: var(--primary--color-White);
  font-family: Default-Bold;
}
.Isam .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;
}
.Isam .Button .button__Tertiary:hover {
  background-color: var(--neutral-color-400);
}
.Isam .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;
}
.Isam .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;
}
.Isam .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;
}
.Isam .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;
}
.Isam .Button .button__Text_small:hover {
  background-color: var(--neutral-color-100);
  border-radius: 8px;
  font-family: Default-Regular;
  font-size: 14px;
}
.Isam .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;
}
.Isam .Button .button__Wireframe:hover {
  background-color: var(--secondary-color-50);
}
.Isam .IsamTopigsNorsvinMaster .hide-default-link a {
  text-decoration: none;
  color: inherit;
}
.Isam .IsamMaster .top-bar {
  background: linear-gradient(to right, #005d89, #005d89);
  padding: 0.25rem;
  color: #ffffff;
  font-size: var(--font-size);
}
.Isam .IsamMaster .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) {
  .Isam .IsamMaster .top-bar .top-bar-inner {
    flex-direction: column;
  }
}
.Isam .IsamMaster .top-bar .top-bar-inner .navbar .nav-item {
  padding: 0px 2px !important;
}
.Isam .IsamMaster .top-bar .top-bar-inner .navbar .nav-item .nav-link {
  padding: 0px !important;
}
.Isam .IsamMaster .top-bar .top-bar-inner span {
  font-size: 13px;
  color: #ffffff;
  font-family: Default-Regular;
}
.Isam .IsamMaster .top-bar .top-bar-inner .language-container {
  position: relative;
}
.Isam .IsamMaster .top-bar .top-bar-inner .language-container .language-select-label {
  position: absolute;
  pointer-events: none;
}
.Isam .IsamMaster .top-bar .top-bar-inner .language-container .language-select-label svg path {
  fill: #ffffff;
}
.Isam .IsamMaster .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;
}
.Isam .IsamMaster .top-bar .top-bar-inner .language-container .language-select option {
  color: #000;
  font-size: 11px;
}
.Isam .IsamMaster .top-bar .language-select option[value=fr],
.Isam .IsamMaster .top-bar .language-select option[value=nl] {
  display: none;
}
.Isam .IsamMaster .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) {
  .Isam .IsamMaster .top-bar .links ul {
    padding-left: 0px;
  }
}
.Isam .IsamMaster .top-bar .links ul li {
  list-style-type: none !important;
  display: inline;
  padding: 0 0.5em;
}
.Isam .IsamMaster .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;
}
.Isam .IsamMaster .top-bar .links ul li a:hover {
  text-decoration: underline !important;
}
.Isam .IsamMaster .top-bar .user-info-section {
  font-size: 14px !important;
  color: #ffffff;
}
.Isam .IsamMaster .top-bar .user-info-section img {
  height: 15px;
}
.Isam .IsamMaster .top-bar .user-info-section li {
  list-style-type: none;
}
.Isam .IsamMaster .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) {
  .Isam .IsamMaster .top-bar .user-info-section a {
    margin: auto;
    text-align: center;
    display: block;
  }
}
.Isam .IsamMaster .top-bar .user-info-section a:hover {
  color: #6CA7ED !important;
  text-decoration: underline !important;
}
.Isam .IsamMaster .floating-content {
  top: 72px;
}
.Isam .IsamMaster .middle-bar {
  border-bottom: 1px solid #e0e0e0;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.1);
}
.Isam .IsamMaster .middle-bar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Isam .IsamMaster .middle-bar-inner .links {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.Isam .IsamMaster .middle-bar-inner .links .nav-item {
  font-family: Default-Regular !important;
  font-size: 16px;
  padding: 20px 0px 20px 0px;
}
.Isam .IsamMaster .middle-bar-inner .logo img {
  width: 60%;
  height: 60%;
  display: flex;
  padding: 20px 0 20px 0;
  /* Responsive layout - when the screen is <576px wide */
}
.Isam .sv_q_checkbox_label {
  font-size: 18px;
}
.Isam .sv_main .sv_container .sv_body .sv_p_root .sv_q_radiogroup_label {
  font-size: 18px;
  display: flex;
}
.Isam .sv_main .sv_container .sv_body .sv_p_root .sv_q_radiogroup_label .sv_q_radiogroup_control_item {
  flex: none;
  margin-top: 4px;
  outline: none !important;
}
.Isam .sv-ranking-item_content {
  font-size: 16px;
}
.Isam .sv_q_rating_min_text {
  margin: 0px 18px 0px 0px !important;
}
.Isam .sv_progress {
  font-size: 18px;
  font-family: Default-Light;
}
.Isam .sv_p_title {
  padding: 0px;
  font-family: Default-Bold;
  font-size: 20px;
}
.Isam .sv_q_description {
  font-size: 18px;
  font-family: Default-Light !important;
}
.Isam .sv_page_title {
  font-size: 28px;
  color: bs-blue;
  font-family: Default-Bold;
}
.Isam .sv_page_description {
  font-size: 20px;
  font-family: Default-Light;
}
.Isam .sv_q_title {
  font-size: 1.1em;
  font-family: MuseoSlab-500;
}
.Isam .sv-action-bar.sv_nav {
  padding: 50px 0 15px 0;
}
.Isam .sv_q_rating_item_text {
  font-size: 20px;
  font-family: Default-Regular;
  margin: 15px;
  min-width: 48px !important;
  border-radius: 50%;
  border: 2px solid #3C98F2 !important;
  transition: background-color 0.2s ease-in-out;
}
.Isam .sv_q_rating_item_text:hover {
  box-shadow: none;
  background: #3C98F2;
  color: #ffffff;
}
.Isam .button-class {
  justify-content: center;
}
.Isam .button-class .button {
  min-width: 170px;
  text-align: center;
  text-decoration: none;
}
.Isam .IsamMaster .hide-default-link a {
  text-decoration: none;
  color: inherit;
}
.Isam .page-menu {
  min-height: 100%;
  padding-left: 0;
}
.Isam .page-menu li a {
  font-family: Default-Bold !important;
}
.Isam .Isam .Button .button__Ghost {
  border: 1px solid;
}
@charset "UTF-8";
.Isam .navbar {
  padding: 0 !important;
}
.Isam .navbar .nav-item {
  padding: 0 1rem;
}
.Isam .navbar .navbar-nav .nav-link {
  color: var(--black-color) !important;
  cursor: pointer;
  padding: 0px 28px 0px 0px !important;
}
.Isam .navbar .navbar-nav .nav-link:hover {
  color: #6CA7ED !important;
}
.Isam .navbar .nav-link.active,
.Isam .navbar .nav-link.active-parent,
.Isam .navbar .show > .nav-link {
  font-family: Default-Bold;
  border-bottom: 1px solid var(--base-color);
}
.Isam .navbar .navbar-collapse {
  justify-content: center;
}
.Isam .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;
}
.Isam .navbar .navbar-toggler i {
  color: var(--black-color);
  font-size: 2rem;
}
.Isam .navbar .navbar-toggler:focus {
  box-shadow: 0 0 0 0rem !important;
}
@media (max-width: 992px) {
  .Isam .IsamMaster {
    display: block;
    width: fit content;
  }
}
.Isam .IsamMaster .mobile-menu {
  border: none;
}
.Isam .IsamMaster .floating-menu-container {
  margin-top: 150px;
}
.Isam .IsamMaster .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) {
  .Isam .IsamMaster .accordion {
    display: none;
  }
}
.Isam .IsamMaster .accordion .main-menu {
  background-color: #FFFFFF;
  padding: 0.7rem 1rem;
}
.Isam .IsamMaster .accordion .main-menu .main-menu-item,
.Isam .IsamMaster .accordion .main-menu a {
  color: #2C2C2C;
  text-transform: initial;
  font-size: 1rem;
}
.Isam .IsamMaster .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;
}
.Isam .IsamMaster .accordion .main-menu .sub-menu .sub-menu-link {
  color: #33b4a6;
}
.Isam .IsamMaster .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;
}
.Isam .IsamMaster .accordion .main-menu .sub-menu .sub-menu-item .menu-icon {
  width: 30px;
  margin-left: 1rem;
}
.Isam .IsamMaster .accordion .main-menu .sub-menu .sub-menu-item .sub-sub-menu-item {
  list-style-type: none;
  display: block;
  width: 100%;
}
.Isam .IsamMaster .accordion .main-menu .sub-menu .sub-menu-item .sub-sub-menu-item li a,
.Isam .IsamMaster .accordion .main-menu .sub-menu .sub-menu-item .sub-sub-menu-item li span {
  color: #1B1B1B;
  font-size: 0.8rem;
  font-weight: 500;
}
.Isam .IsamMaster .accordion .main-menu .menu-item-with-subitem-0,
.Isam .IsamMaster .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;
}
.Isam .IsamMaster .accordion .main-menu .menu-item-with-subitem-0 {
  background-color: #F1F7F7;
}
.Isam .IsamMaster .accordion .main-menu .menu-item-with-subitem-1 {
  background-color: #F1F7F7;
}
.Isam .IsamMaster .accordion .main-menu .menu-item-with-subitem-2 {
  background-color: #F1F7F7;
}
.Isam .IsamMaster .accordion .main-menu .menu-item-with-subitem-3 {
  background-color: #F1F7F7;
}
.Isam .IsamMaster .accordion .main-menu .menu-item-with-subitem-4 {
  background-color: #F1F7F7;
}
.Isam .IsamMaster .accordion .main-menu .menu-item-with-subitem-5 {
  background-color: #F1F7F7;
}
.Isam .IsamMaster .accordion .main-menu .menu-item-with-subitem-6 {
  background-color: #F1F7F7;
}
.Isam .IsamMaster .accordion .main-menu .menu-item-with-subitem-7 {
  background-color: #F1F7F7;
}
.Isam .IsamMaster .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;
}
.Isam .IsamMaster .accordion .main-menu .menu-item-with-subitem-sub .menu-icon {
  width: 30px;
  margin-left: 1rem;
  display: none;
}
.Isam .IsamMaster .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;
}
.Isam .IsamMaster .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;
}
.Isam .IsamMaster .accordion .main-menu .menu-item-with-subitem-sub .menu-item-with-subitem-sub-sub li a,
.Isam .IsamMaster .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;
}
.Isam .IsamMaster .hamburger-menu {
  margin-right: 20px;
  height: 15px;
}
.Isam .IsamMaster .hamburger-menu .icon-left, .Isam .IsamMaster .hamburger-menu .icon-right {
  background-color: var(--primary-color-1000) !important;
}
.Isam .IsamMaster .hamburger-menu .icon-left::before, .Isam .IsamMaster .hamburger-menu .icon-left::after, .Isam .IsamMaster .hamburger-menu .icon-right::before, .Isam .IsamMaster .hamburger-menu .icon-right::after {
  background-color: var(--primary-color-1000) !important;
}
.Isam .IsamMaster .hamburger-menu {
  display: none !important;
  margin-right: 20px;
  height: 15px;
  /* ... rest of existing rules */
}
.Isam .mc-bckgr-img-round-corners .background {
  border-radius: 10px;
}
.Isam .embedded-menu a:hover {
  color: #005e89;
}
.Isam .embedded-menu a .icon-link .link-details:hover .title {
  color: #005e89 !important;
}
.Isam .embedded-menu .navbar {
  position: unset !important;
}
.Isam .embedded-menu .navbar-nav {
  position: unset !important;
}
.Isam .embedded-menu header {
  display: none;
}
.Isam .embedded-menu .IsamMenu, .Isam .embedded-menu .IsamMenuDuplicate-met-uitklap {
  justify-content: center;
}
.Isam .embedded-menu .floating-content {
  left: 0;
  right: 0;
  margin: auto;
  transform: none;
}
@media only screen and (max-width: 1320px) {
  .Isam .embedded-menu .floating-content {
    max-width: calc(100vw - 50px);
  }
}
.Isam .IsamMaster .button-fill .button-class .button {
  width: -webkit-fill-available;
}
.Isam .truncate a {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.Isam .truncate span {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.Isam .truncate2 a {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.Isam .truncate2 span {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.Isam .Button .button__Ghost {
  border: 1px solid;
}
.Isam .IsamMaster .login-button .button__Primary {
  background-color: var(--primary-color-1200);
  color: var(--neutral-color-50);
  border-width: 0px;
  font-size: 16px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  border-radius: 5px;
  font-family: Default-Regular;
}
.Isam .IsamMaster .login-button .button-class .button {
  min-width: 100px;
  text-align: center;
  text-decoration: none;
}
.Isam .search-select-box .search-options {
  font: Default-Regular !important;
  font-size: 16px;
}
@media (max-width: 757.98px) {
  .Isam .ParagraphText-Image-Right .row {
    flex-direction: column-reverse;
  }
}
.Isam .fixwidth {
  display: flex;
  flex-wrap: wrap;
}
.Isam .fixwidth .kolomvast {
  flex: 0 0 345px;
  /* Flex basis of 345px for fixed width */
  box-sizing: border-box;
  margin: 5px;
  /* Adjust spacing between columns */
  /* Add other styling as needed */
}
.Isam .max-width-1140 .container {
  max-width: 1140px;
}
.Isam .filterLayout li {
  font-family: Default-Bold;
  padding-top: 10px;
  /* stel ruimte tussen filter blokken in */
}
.Isam .filterLayout li > ul > li {
  line-height: 25px;
  /* hoogte tussen de keuzeopties */
  font-family: Default-Regular;
}
.Isam .filterLayout li > ul > li input {
  margin-right: 15px !important;
  /*afstand tussen aanvinkblokje en tekst */
}
.Isam .solutionTest .sd-item--disabled .sd-item__control-label {
  color: black !important;
  opacity: 0.9 !important;
}
.Isam .solutionTest .sd-element__title.sd-element__title--disabled {
  color: black !important;
  opacity: 0.9 !important;
}
.Isam .linkedinShare iframe {
  height: 50px !important;
  overflow: hidden !important;
}
.Isam .linkedinShare iframe .container {
  overflow: hidden !important;
}
.Isam .background {
  width: 100%;
}

@media (max-width: 757.98px) {
  .Isam .navbar-nav {
    flex-direction: row;
  }
}
@media (max-width: 757.98px) {
  .Isam .hidden-mobile {
    display: none;
  }
}
.Isam .IsamMaster .noTruncateSurvey .sv-ranking-item__text {
  white-space: wrap;
}

@media (max-width: 757.98px) {
  .Isam .IsamMaster .noTruncateSurvey .sv-ranking-item__text {
    white-space: wrap;
  }
}
.Isam .Button .button {
  text-decoration: none;
}
.Isam .IsamMaster .default table {
  width: 100%;
  border: 0.5px solid #000000;
}
.Isam .IsamMaster .default td, .Isam .IsamMaster .default th {
  padding: 10px;
  border: 1px solid #000000;
}
.Isam .IsamMaster .default th {
  background-color: #fafafa;
  color: #000000;
  text-align: left;
}
.Isam .IsamMaster .default tbody {
  border-bottom: 1px solid #F6F7F9;
}
.Isam .IsamMaster .default tbody tr:hover {
  background-color: #F3F9FE !important;
}
.Isam .IsamMaster .default tbody tr:nth-of-type(odd) {
  background-color: #F6F7F9;
}
.Isam .IsamMaster .default tbody tr:last-of-type {
  border-bottom: 2px solid #F6F7F9;
}
.Isam .IsamMaster .no-slide-logo .punch-viewer-navbar-logo {
  display: none;
}
.Isam .second-menu ul.navbar-nav {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
  list-style: none;
}
.Isam .second-menu ul.navbar-nav li {
  margin-right: 1rem;
}
.Isam .second-menu ul.navbar-nav li:last-child {
  margin-right: 0;
}
.Isam .second-menu ul.navbar-nav li a.nav-link {
  font-family: "Default-Bold";
  font-size: 18px;
}
.Isam .second-menu ul.navbar-nav .nav-link.active,
.Isam .second-menu ul.navbar-nav .nav-link.active-parent,
.Isam .second-menu ul.navbar-nav .show > .nav-link {
  font-weight: regular;
  color: var(--primary-color-1200);
  border-bottom: 0px solid var(--primary-color-1200);
}
@charset "UTF-8";
.Isam .IsamMaster .LinkedIn {
  /* De SVG als achtergrond in CSS */
}
.Isam .IsamMaster .LinkedIn .linkedin-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 16px 0;
}
.Isam .IsamMaster .LinkedIn .linkedin-share-btn {
  display: inline-flex;
  align-items: center;
  padding: 0 4px 0 0;
  background-color: #0077b5;
  /* De officiële LinkedIn blauw */
  color: #ffffff !important;
  text-decoration: none !important;
  border-radius: 2px;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  transition: background-color 0.2s ease;
}
.Isam .IsamMaster .LinkedIn .linkedin-share-btn:hover {
  background-color: #005582;
}
.Isam .IsamMaster .LinkedIn .linkedin-share-btn::before {
  border-radius: 2px;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/_static/Uploads/linkedIn logo for button.svg");
}
@charset "UTF-8";
.Isam .battlecard {
  /* ════════════════════════════════════════════════════════════════════════
  VERAX — Combined Battle Card + Gross Margin styles
  Single AI agent, single namespace: .bb-verax
  dsm-firmenich Animal Nutrition & Health — Precision Services (blue).
  Replaces the legacy teal battlecard/ROI stylesheets.

  JS HOOK RENAMES (update the host print/modal snippet accordingly):
    bb-battlecard-printing      -> bb-verax-printing
    bb-battlecard-print-host    -> bb-verax-print-host
    bb-battlecard-modal*        -> bb-verax-modal*
    bb-roi-printing             -> bb-verax-printing
    bb-roi-print-host           -> bb-verax-print-host
    bb-roi-modal*               -> bb-verax-modal*
  The print/PDF buttons keep class .bb-verax__print (both card + report use it).
  ════════════════════════════════════════════════════════════════════════ */
  /* Robust text colours. Declared explicitly on the text-bearing elements so an
     embedding host that sets a global light/white text colour on p / li / td
     cannot override our colour through inheritance (a direct element rule beats
     an inherited value). Elements that must stay white (hero, primary tile,
     step numbers) keep their own explicit rules and are unaffected.            */
  /* ── Hero header ─────────────────────────────────────────────────────── */
  /* dsm-firmenich three-dot motif, bottom-right, subtle */
  /* ── Role badge (lens) ───────────────────────────────────────────────── */
  /* ◆ */
  /* ⬢ */
  /* ◈ */
  /* Role accent strip on section cards — a thin top border in the role's
     business-line accent: decision-maker = Precision blue, technical =
     Performance green, influencer/advisor = Premixes purple.                 */
  /* Role badge tint follows the same accent (a small colored dot on the hero). */
  /* Role-aware emphasis: lift the section that matters most to the role.      */
  /* ── Section card ────────────────────────────────────────────────────── */
  /* ── 6-step Challenger flow ──────────────────────────────────────────── */
  /* ── Confidence badge ────────────────────────────────────────────────── */
  /* ── Callouts (core logic + metric proof) ────────────────────────────── */
  /* ── Suspected-cause item ────────────────────────────────────────────── */
  /* ── If-not-solved consequences ──────────────────────────────────────── */
  /* ── Unique buying reasons ───────────────────────────────────────────── */
  /* ── Headline metric tiles (gross-margin) ────────────────────────────── */
  /* ── Scenario comparison table ───────────────────────────────────────── */
  /* ── Assumptions grid ────────────────────────────────────────────────── */
  /* ── "Data needed to quantify" list (bridge mode) ────────────────────── */
  /* ── Validation questions ────────────────────────────────────────────── */
  /* ── Factsheet chip list ─────────────────────────────────────────────── */
  /* If a host ever renders these as links, keep them looking like chips. */
  /* ── Warning section (invalid/sparse input) ──────────────────────────── */
  /* ── Print / PDF button ──────────────────────────────────────────────── */
  /* ── Responsive ──────────────────────────────────────────────────────── */
  /* ── Print: typography + page-break behavior ─────────────────────────── */
  /* ── Print isolation: only the card/report in the PDF.
     JS sets .bb-verax-printing on <body> and
     .bb-verax-print-host on the direct parent of .bb-verax. ──────────────── */
  /* ════════════════════════════════════════════════════════════════════════
     Teaser (chat preview) + Modal — shared for the combined card
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     HOST-PROOFING — force every text colour with !important and an extra
     class of specificity (doubled .bb-verax.bb-verax root).
     Some embedding hosts (markdown renderers, chat themes) set a global text
     colour on p / li / td — sometimes with !important or an equal-specificity
     class rule loaded after this sheet. The earlier inheritance-based colours
     then lost the cascade, producing white text on the light cards. These
     rules win that battle outright while leaving the white-on-blue hero and
     the primary tile intact.
     ════════════════════════════════════════════════════════════════════════ */
  /* Dark body text on light surfaces */
  /* Muted secondary text */
  /* Blue accents / links / section titles / inline labels */
  /* Deep-blue emphasis */
  /* All section/step headings dark blue (hero headings are re-whitened by the more-specific hero rule below) */
  /* Orange (Essential Products) value/evidence callout + bridge checklist */
  /* Confidence badges keep their semantic colours */
  /* Non-primary metric tile value stays dark */
  /* WHITE text on dark surfaces — forced so the host cannot darken it either */
  /* Nested <strong> follows its container's (forced) colour, so a host
     universal rule cannot whiten inline bold inside cause text or paragraphs.
     The explicit accent labels (impacts/assumptions/callout strong) keep their
     colours via their higher-specificity rules above. */
  /* ════════════════════════════════════════════════════════════════════════
     GRAPHIC AUGMENTATION LAYER — CSS-only, no JS, no LLM geometry.
     Section icons hang off a bb-verax__ico--* class the agent adds per section;
     confidence meters and the tile trend motif key off existing classes.
     ════════════════════════════════════════════════════════════════════════ */
  /* Section-heading icons */
  /* Confidence meter — three dots filled to the confidence level, in the badge colour */
  /* Annual (primary) tile — subtle upward-trend motif */
  /* ════════════════════════════════════════════════════════════════════════
     IMPACT VISUALS — big-number stats + composition bars.
     Real HTML elements (no pseudo-elements, no SVG, no inline styles): the agent
     emits the markup with a width-bucket class (bb-w-5 … bb-w-100); the stylesheet
     does the drawing. Defensive !important so a hostile host cannot blank them.
     ════════════════════════════════════════════════════════════════════════ */
  /* Big-number impact stats */
  /* Composition bar chart */
  /* Width buckets (deterministic; the agent picks the nearest one) */
  /* ════════════════════════════════════════════════════════════════════════
     LINE CHARTS — before/after (without vs with Verax). Fixed-geometry inline
     SVG; colours are SVG presentation attributes (immune to host `color`).
     ════════════════════════════════════════════════════════════════════════ */
  /* Muted "Without Verax" comparison bar (the loss you avoid) */
}
.Isam .battlecard .bb-verax {
  /* ── dsm-firmenich ANH Precision Services palette ── */
  --vx-deep: #0E4C72;
  /* deepest blue: headings, hero gradient end   */
  --vx-blue: #1078B0;
  /* PRIMARY accent: pills, step nums, links, btn */
  --vx-blue-2: #2E7BA0;
  /* mid blue: hero gradient mid                  */
  --vx-blue-tile: #3F91B9;
  /* official Precision Services tile blue        */
  --vx-blue-light: #48A0C8;
  /* light accent: hover, decorative             */
  --vx-blue-pale: #E7F1F7;
  /* pale tint: step/callout/ubr backgrounds     */
  --vx-blue-tint: #F4F8FB;
  /* very pale: section alt / table zebra        */
  /* dsm-firmenich ANH business-line accents (used purposefully, not decoration).
     Blue is the Precision Services primary; the others appear as functional accents. */
  --vx-orange: #F08B1F;
  /* Essential Products: value/evidence highlight */
  --vx-orange-deep: #8A4E07;
  /* readable text on orange-tinted background    */
  --vx-orange-pale: #FEF1E2;
  /* metric-callout / data-needed background      */
  --vx-green: #44B3A0;
  /* Performance solutions: positive / improvement */
  --vx-green-deep: #1F6F60;
  /* readable green text                          */
  --vx-green-pale: #E6F5F1;
  /* high-confidence background                   */
  --vx-purple: #BD69D8;
  /* Premixes: advisor / influencer accent        */
  --vx-purple-deep: #7A3A92;
  --vx-purple-pale: #F7ECFB;
  --vx-taupe: #887974;
  /* Aroma: neutral accent                        */
  /* Legacy aliases kept so existing rules resolve to the brand accents.     */
  --vx-gold: var(--vx-orange);
  /* metric proof now Essential-orange */
  --vx-gold-deep: var(--vx-orange-deep);
  --vx-gold-pale: var(--vx-orange-pale);
  --vx-ink: #1F2A37;
  /* body text                                   */
  --vx-muted: #5B6B7C;
  /* secondary text                              */
  --vx-line: #D8E2EA;
  /* borders                                     */
  --vx-line-soft: #E7EEF3;
  /* soft borders                                */
  --vx-ok: var(--vx-green-deep);
  /* high-confidence = Performance green */
  --vx-ok-bg: var(--vx-green-pale);
  --vx-warn: #8A5A00;
  /* medium-confidence amber text                */
  --vx-warn-bg: #FFF4DC;
  --vx-bad: #A31616;
  /* low-confidence / negative red               */
  --vx-bad-bg: #FDE7E7;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  color: var(--vx-ink);
  line-height: 1.55;
  font-size: 14px;
  background: #ffffff;
  border-radius: 10px;
  padding: 4px 2px;
}
.Isam .battlecard .bb-verax h1,
.Isam .battlecard .bb-verax h2,
.Isam .battlecard .bb-verax h3,
.Isam .battlecard .bb-verax h4 {
  color: var(--vx-deep);
  font-weight: 600;
  margin: 0 0 8px;
  letter-spacing: -0.01em;
}
.Isam .battlecard .bb-verax h1 {
  font-size: 22px;
}
.Isam .battlecard .bb-verax h2 {
  font-size: 18px;
}
.Isam .battlecard .bb-verax h3 {
  font-size: 16px;
  color: var(--vx-blue);
  padding-bottom: 6px;
  border-bottom: 1px solid var(--vx-line-soft);
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.Isam .battlecard .bb-verax h4 {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--vx-muted);
  margin-top: 18px;
  margin-bottom: 6px;
}
.Isam .battlecard .bb-verax p {
  margin: 0 0 10px;
  color: var(--vx-ink);
}
.Isam .battlecard .bb-verax ul {
  margin: 4px 0 12px;
  padding-left: 20px;
}
.Isam .battlecard .bb-verax li {
  margin-bottom: 4px;
  color: var(--vx-ink);
}
.Isam .battlecard .bb-verax p,
.Isam .battlecard .bb-verax td,
.Isam .battlecard .bb-verax__impacts li,
.Isam .battlecard .bb-verax__ubrs li,
.Isam .battlecard .bb-verax__questions li,
.Isam .battlecard .bb-verax__assumptions li {
  color: var(--vx-ink);
}
.Isam .battlecard .bb-verax__step-body,
.Isam .battlecard .bb-verax__step-body p {
  color: var(--vx-ink);
}
.Isam .battlecard .bb-verax a {
  color: var(--vx-blue);
  text-decoration: none;
  border-bottom: 1px dashed transparent;
  transition: border-color 0.15s ease, color 0.15s ease;
}
.Isam .battlecard .bb-verax a:hover {
  color: var(--vx-deep);
  border-bottom-color: var(--vx-deep);
}
.Isam .battlecard .bb-verax hr {
  border: 0;
  height: 1px;
  background: var(--vx-line-soft);
  margin: 28px 0;
}
.Isam .battlecard .bb-verax__hero {
  position: relative;
  background: linear-gradient(135deg, var(--vx-blue) 0%, var(--vx-blue-2) 45%, var(--vx-deep) 100%);
  color: #fff;
  border-radius: 12px;
  padding: 20px 22px;
  margin: 0 0 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow: hidden;
}
.Isam .battlecard .bb-verax__hero::after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 16px;
  width: 56px;
  height: 14px;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.9) 42%, transparent 46%), radial-gradient(circle, rgba(255, 255, 255, 0.9) 42%, transparent 46%), radial-gradient(circle, rgba(255, 255, 255, 0.9) 42%, transparent 46%);
  background-size: 14px 14px;
  background-position: 0 0, 21px 0, 42px 0;
  background-repeat: no-repeat;
  opacity: 0.55;
  pointer-events: none;
}
.Isam .battlecard .bb-verax__hero h1,
.Isam .battlecard .bb-verax__hero h2,
.Isam .battlecard .bb-verax__hero h3,
.Isam .battlecard .bb-verax__hero h4 {
  color: #fff;
  border: 0;
  margin: 0;
  padding: 0;
}
.Isam .battlecard .bb-verax__hero h1 {
  font-size: 23px;
  letter-spacing: -0.015em;
}
.Isam .battlecard .bb-verax__eyebrow {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: rgba(255, 255, 255, 0.82);
}
.Isam .battlecard .bb-verax__hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  font-size: 12px;
  opacity: 0.92;
  margin-top: 8px;
}
.Isam .battlecard .bb-verax__hero-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.Isam .battlecard .bb-verax__hero-meta span::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.75);
}
.Isam .battlecard .bb-verax__role-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  align-self: flex-start;
  margin-top: 4px;
  padding: 4px 12px 4px 10px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.02em;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
}
.Isam .battlecard .bb-verax__role-badge::before {
  font-size: 12px;
  line-height: 1;
}
.Isam .battlecard .bb-verax--decision-maker .bb-verax__role-badge::before {
  content: "◆";
}
.Isam .battlecard .bb-verax--technical .bb-verax__role-badge::before {
  content: "⬢";
}
.Isam .battlecard .bb-verax--influencer .bb-verax__role-badge::before {
  content: "◈";
}
.Isam .battlecard .bb-verax--decision-maker .bb-verax__section {
  border-top: 2px solid var(--vx-blue);
}
.Isam .battlecard .bb-verax--technical .bb-verax__section {
  border-top: 2px solid var(--vx-green);
}
.Isam .battlecard .bb-verax--influencer .bb-verax__section {
  border-top: 2px solid var(--vx-purple);
}
.Isam .battlecard .bb-verax__role-badge::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-left: 1px;
}
.Isam .battlecard .bb-verax--decision-maker .bb-verax__role-badge::after {
  background: var(--vx-blue-light);
}
.Isam .battlecard .bb-verax--technical .bb-verax__role-badge::after {
  background: var(--vx-green);
}
.Isam .battlecard .bb-verax--influencer .bb-verax__role-badge::after {
  background: var(--vx-purple);
}
.Isam .battlecard .bb-verax--decision-maker .bb-verax__section--margin,
.Isam .battlecard .bb-verax--technical .bb-verax__section--diagnosis {
  box-shadow: 0 4px 16px rgba(16, 120, 176, 0.14);
  border-color: var(--vx-blue);
}
.Isam .battlecard .bb-verax__section {
  background: #fff;
  border: 1px solid var(--vx-line);
  border-radius: 10px;
  padding: 16px 18px;
  margin: 0 0 16px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.Isam .battlecard .bb-verax__section > h3:first-child {
  margin-top: 0;
}
.Isam .battlecard .bb-verax__steps {
  display: flex;
  flex-direction: column;
  gap: 10px;
  counter-reset: vx-step;
  list-style: none;
  padding: 0;
  margin: 0;
}
.Isam .battlecard .bb-verax__step {
  position: relative;
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 14px;
  background: var(--vx-blue-tint);
  border: 1px solid var(--vx-line-soft);
  border-left: 3px solid var(--vx-blue);
  border-radius: 8px;
  padding: 12px 14px 12px 12px;
}
.Isam .battlecard .bb-verax__step-num {
  counter-increment: vx-step;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--vx-blue);
  color: #fff;
  font-weight: 600;
  font-size: 13px;
}
.Isam .battlecard .bb-verax__step-num::before {
  content: counter(vx-step);
}
.Isam .battlecard .bb-verax__step-body h4 {
  margin: 4px 0 6px;
  color: var(--vx-deep);
  text-transform: none;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 600;
}
.Isam .battlecard .bb-verax__step-body p:last-child {
  margin-bottom: 0;
}
.Isam .battlecard .bb-verax__conf {
  display: inline-block;
  padding: 1px 8px;
  margin-left: 6px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-radius: 999px;
  line-height: 1.6;
  vertical-align: baseline;
}
.Isam .battlecard .bb-verax__conf--high {
  background: var(--vx-ok-bg);
  color: var(--vx-ok);
}
.Isam .battlecard .bb-verax__conf--medium {
  background: var(--vx-warn-bg);
  color: var(--vx-warn);
}
.Isam .battlecard .bb-verax__conf--low {
  background: var(--vx-bad-bg);
  color: var(--vx-bad);
}
.Isam .battlecard .bb-verax__callout {
  background: var(--vx-blue-pale);
  border-left: 3px solid var(--vx-blue);
  border-radius: 0 6px 6px 0;
  padding: 8px 12px;
  margin: 6px 0;
  font-size: 13px;
  color: var(--vx-deep);
}
.Isam .battlecard .bb-verax__callout strong {
  color: var(--vx-deep);
}
.Isam .battlecard .bb-verax__callout--metric {
  background: var(--vx-gold-pale);
  border-left-color: var(--vx-gold);
  color: var(--vx-gold-deep);
}
.Isam .battlecard .bb-verax__callout--metric strong {
  color: var(--vx-gold-deep);
}
.Isam .battlecard .bb-verax__cause {
  display: block;
  margin-bottom: 8px;
}
.Isam .battlecard .bb-verax__cause-title {
  font-weight: 600;
  color: var(--vx-ink);
}
.Isam .battlecard .bb-verax__cause-why {
  display: block;
  font-size: 12.5px;
  color: var(--vx-muted);
  margin-top: 2px;
}
.Isam .battlecard .bb-verax__impacts {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
}
.Isam .battlecard .bb-verax__impacts li {
  background: var(--vx-blue-tint);
  border: 1px solid var(--vx-line-soft);
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 13px;
}
.Isam .battlecard .bb-verax__impacts li strong {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--vx-blue);
  margin-bottom: 2px;
}
.Isam .battlecard .bb-verax__ubrs {
  counter-reset: vx-ubr;
  list-style: none;
  padding: 0;
  margin: 8px 0 0;
}
.Isam .battlecard .bb-verax__ubrs li {
  counter-increment: vx-ubr;
  position: relative;
  padding: 8px 12px 8px 40px;
  background: var(--vx-blue-pale);
  border-radius: 6px;
  margin-bottom: 6px;
  font-size: 13.5px;
}
.Isam .battlecard .bb-verax__ubrs li::before {
  content: counter(vx-ubr);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--vx-blue);
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.Isam .battlecard .bb-verax__metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 8px 0 4px;
}
.Isam .battlecard .bb-verax__metric {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px;
  background: var(--vx-blue-tint);
  border: 1px solid var(--vx-line-soft);
  border-radius: 8px;
}
.Isam .battlecard .bb-verax__metric-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--vx-muted);
}
.Isam .battlecard .bb-verax__metric-value {
  font-size: 20px;
  font-weight: 600;
  color: var(--vx-ink);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}
.Isam .battlecard .bb-verax__metric--primary {
  background: linear-gradient(135deg, var(--vx-blue) 0%, var(--vx-deep) 100%);
  border-color: var(--vx-deep);
  color: #fff;
  box-shadow: 0 4px 12px rgba(16, 120, 176, 0.2);
}
.Isam .battlecard .bb-verax__metric--primary .bb-verax__metric-label {
  color: rgba(255, 255, 255, 0.85);
}
.Isam .battlecard .bb-verax__metric--primary .bb-verax__metric-value {
  color: #fff;
  font-size: 24px;
}
.Isam .battlecard .bb-verax__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
  border: 1px solid var(--vx-line);
  border-radius: 8px;
  overflow: hidden;
  margin: 4px 0 0;
}
.Isam .battlecard .bb-verax__table thead th {
  background: var(--vx-blue-tint);
  color: var(--vx-deep);
  font-weight: 600;
  text-align: left;
  padding: 9px 12px;
  border-bottom: 1px solid var(--vx-line);
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.Isam .battlecard .bb-verax__table thead th:not(:first-child) {
  text-align: right;
}
.Isam .battlecard .bb-verax__table tbody td {
  padding: 9px 12px;
  border-bottom: 1px solid var(--vx-line-soft);
  font-variant-numeric: tabular-nums;
}
.Isam .battlecard .bb-verax__table tbody tr:last-child td {
  border-bottom: none;
}
.Isam .battlecard .bb-verax__table tbody tr:nth-child(even) td {
  background: #FAFCFD;
}
.Isam .battlecard .bb-verax__table tbody td:first-child {
  font-weight: 500;
  color: var(--vx-ink);
}
.Isam .battlecard .bb-verax__table tbody td:not(:first-child) {
  text-align: right;
}
.Isam .battlecard .bb-verax__table tbody td:last-child {
  font-weight: 600;
  color: var(--vx-deep);
}
.Isam .battlecard .bb-verax__assumptions {
  list-style: none;
  padding: 0;
  margin: 4px 0 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 8px;
}
.Isam .battlecard .bb-verax__assumptions li {
  background: var(--vx-blue-tint);
  border: 1px solid var(--vx-line-soft);
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 13px;
  margin: 0;
}
.Isam .battlecard .bb-verax__assumptions li strong {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--vx-blue);
  margin-bottom: 2px;
}
.Isam .battlecard .bb-verax__data-needed {
  list-style: none;
  padding: 14px 16px;
  margin: 8px 0 0;
  background: var(--vx-gold-pale);
  border: 1px solid #F0D9A8;
  border-left: 4px solid var(--vx-gold);
  border-radius: 0 8px 8px 0;
  counter-reset: vx-dn;
}
.Isam .battlecard .bb-verax__data-needed li {
  counter-increment: vx-dn;
  position: relative;
  padding: 5px 0 5px 30px;
  font-size: 13.5px;
  color: var(--vx-gold-deep);
}
.Isam .battlecard .bb-verax__data-needed li::before {
  content: counter(vx-dn);
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--vx-gold);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.Isam .battlecard .bb-verax__questions {
  list-style: none;
  padding: 0;
  margin: 8px 0 0;
  counter-reset: vx-q;
}
.Isam .battlecard .bb-verax__questions li {
  counter-increment: vx-q;
  position: relative;
  padding: 8px 12px 8px 36px;
  border-bottom: 1px dashed var(--vx-line);
  font-size: 13.5px;
}
.Isam .battlecard .bb-verax__questions li:last-child {
  border-bottom: 0;
}
.Isam .battlecard .bb-verax__questions li::before {
  content: "Q" counter(vx-q);
  position: absolute;
  left: 0;
  top: 8px;
  font-size: 11px;
  font-weight: 700;
  color: var(--vx-blue);
  background: var(--vx-blue-pale);
  padding: 2px 6px;
  border-radius: 4px;
}
.Isam .battlecard .bb-verax__factsheets {
  list-style: none;
  padding: 0;
  margin: 4px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.Isam .battlecard .bb-verax__factsheets li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 6px 12px;
  background: #fff;
  border: 1px solid var(--vx-line);
  border-radius: 999px;
  font-size: 12.5px;
  color: var(--vx-deep);
}
.Isam .battlecard .bb-verax__factsheets li::before {
  content: "";
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231078B0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.Isam .battlecard .bb-verax__factsheets a {
  color: var(--vx-deep);
  border-bottom: 0;
}
.Isam .battlecard .bb-verax__section--warning {
  background: var(--vx-warn-bg);
  border-color: #F0D2A5;
  border-left: 4px solid var(--vx-gold);
}
.Isam .battlecard .bb-verax__section--warning > h3:first-child {
  color: var(--vx-warn);
  border-bottom-color: #F0D2A5;
}
.Isam .battlecard .bb-verax__print {
  align-self: flex-end;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
  font-family: inherit;
}
.Isam .battlecard .bb-verax__print:hover {
  background: rgba(255, 255, 255, 0.28);
  border-color: rgba(255, 255, 255, 0.7);
}
.Isam .battlecard .bb-verax__print::before {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V2h12v7'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='8' rx='1'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 720px) {
  .Isam .battlecard .bb-verax__metrics {
    grid-template-columns: 1fr;
  }
  .Isam .battlecard .bb-verax__metric--primary .bb-verax__metric-value {
    font-size: 22px;
  }
  .Isam .battlecard .bb-verax__table {
    font-size: 12.5px;
  }
  .Isam .battlecard .bb-verax__table thead th,
.Isam .battlecard .bb-verax__table tbody td {
    padding: 7px 9px;
  }
  .Isam .battlecard .bb-verax__assumptions {
    grid-template-columns: 1fr;
  }
  .Isam .battlecard .bb-verax__step {
    grid-template-columns: 30px 1fr;
    gap: 10px;
  }
}
@media print {
  .Isam .battlecard .bb-verax {
    font-size: 12px;
    color: #000;
  }
  .Isam .battlecard .bb-verax a {
    color: #000;
    border-bottom: 0;
  }
  .Isam .battlecard .bb-verax a[href]::after {
    content: " (" attr(href) ")";
    font-size: 10px;
    color: #555;
  }
  .Isam .battlecard .bb-verax__hero {
    background: var(--vx-blue) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .Isam .battlecard .bb-verax__metric--primary {
    background: var(--vx-blue) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .Isam .battlecard .bb-verax__steps, .Isam .battlecard .bb-verax__assumptions, .Isam .battlecard .bb-verax__impacts {
    display: block;
  }
  .Isam .battlecard .bb-verax__step,
.Isam .battlecard .bb-verax__callout,
.Isam .battlecard .bb-verax__ubrs li,
.Isam .battlecard .bb-verax__impacts li,
.Isam .battlecard .bb-verax__metric,
.Isam .battlecard .bb-verax__assumptions li,
.Isam .battlecard .bb-verax__questions li,
.Isam .battlecard .bb-verax__table tr {
    display: block;
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .Isam .battlecard .bb-verax__metrics,
.Isam .battlecard .bb-verax__impact,
.Isam .battlecard .bb-verax__impact-stat {
    page-break-inside: avoid;
    break-inside: avoid;
    display: block;
  }
  .Isam .battlecard .bb-verax__table {
    page-break-inside: auto;
    break-inside: avoid;
  }
  .Isam .battlecard h4 {
    display: block;
    break-after: avoid !important;
    page-break-after: avoid !important;
  }
  .Isam .battlecard .bb-verax__section.bb-verax__ico--battlecard, .Isam .battlecard .bb-verax__section.bb-verax__ico--margin {
    break-before: page;
    page-break-before: always;
  }
  .Isam .battlecard .bb-verax__section > h3:first-child {
    break-after: avoid;
    page-break-after: avoid;
  }
}
@media print {
  .Isam .battlecard body.bb-verax-printing {
    background: #fff;
  }
  .Isam .battlecard body.bb-verax-printing > *:not(.bb-verax-print-host) {
    display: none !important;
  }
  .Isam .battlecard body.bb-verax-printing .bb-verax__print {
    display: none !important;
  }
  .Isam .battlecard body.bb-verax-printing .bb-verax {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-shadow: none !important;
  }
}
.Isam .battlecard .bb-verax-teaser {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: linear-gradient(135deg, var(--vx-blue-tint, #F4F8FB) 0%, #E7F1F7 100%);
  border: 1px solid #CFE3EF;
  border-radius: 10px;
  cursor: pointer;
  transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
  font-family: "Inter", system-ui, sans-serif;
  max-width: 480px;
}
.Isam .battlecard .bb-verax-teaser:hover {
  border-color: #1078B0;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(16, 120, 176, 0.15);
}
.Isam .battlecard .bb-verax-teaser__icon {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #CFE3EF;
  border-radius: 8px;
}
.Isam .battlecard .bb-verax-teaser__text {
  flex: 1;
  min-width: 0;
}
.Isam .battlecard .bb-verax-teaser__title {
  font-size: 14px;
  font-weight: 600;
  color: #0E4C72;
  line-height: 1.3;
}
.Isam .battlecard .bb-verax-teaser__meta {
  font-size: 12px;
  color: #5B6B7C;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Isam .battlecard .bb-verax-teaser__btn {
  flex-shrink: 0;
  padding: 6px 14px;
  background: #1078B0;
  color: #fff;
  border: 0;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.15s ease;
}
.Isam .battlecard .bb-verax-teaser__btn:hover {
  background: #0E4C72;
}
.Isam .battlecard .bb-verax-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
}
.Isam .battlecard .bb-verax-modal[aria-hidden=false] {
  display: block;
}
.Isam .battlecard .bb-verax-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8, 33, 63, 0.55);
  backdrop-filter: blur(2px);
  animation: bb-verax-modal-fade 0.15s ease;
}
.Isam .battlecard .bb-verax-modal__dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(980px, 92vw);
  max-height: 92vh;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  animation: bb-verax-modal-pop 0.18s ease;
}
.Isam .battlecard .bb-verax-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 0;
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
  transition: background 0.15s ease;
}
.Isam .battlecard .bb-verax-modal__close:hover {
  background: rgba(255, 255, 255, 0.3);
}
.Isam .battlecard .bb-verax-modal__body {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
}
.Isam .battlecard .bb-verax-modal__body .bb-verax {
  margin: 0;
}
.Isam .battlecard body.bb-verax-modal-open {
  overflow: hidden;
}
@keyframes bb-verax-modal-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes bb-verax-modal-pop {
  from {
    opacity: 0;
    transform: translate(-50%, -48%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
@media print {
  .Isam .battlecard body.bb-verax-modal-open > *:not(.bb-verax-modal) {
    display: none !important;
  }
  .Isam .battlecard .bb-verax-modal {
    position: static;
  }
  .Isam .battlecard .bb-verax-modal__backdrop,
.Isam .battlecard .bb-verax-modal__close {
    display: none !important;
  }
  .Isam .battlecard .bb-verax-modal__dialog {
    position: static;
    transform: none;
    width: 100%;
    max-height: none;
    box-shadow: none;
    border-radius: 0;
  }
}
.Isam .battlecard .bb-verax.bb-verax p,
.Isam .battlecard .bb-verax.bb-verax li,
.Isam .battlecard .bb-verax.bb-verax td,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__step-body,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__step-body p,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__impacts li,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__ubrs li,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__questions li,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__assumptions li,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__cause-title,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__table tbody td:first-child {
  color: var(--vx-ink) !important;
}
.Isam .battlecard .bb-verax.bb-verax h4,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__cause-why,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__metric-label {
  color: var(--vx-muted) !important;
}
.Isam .battlecard .bb-verax.bb-verax h3,
.Isam .battlecard .bb-verax.bb-verax a,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__impacts li strong,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__assumptions li strong {
  color: var(--vx-blue) !important;
}
.Isam .battlecard .bb-verax.bb-verax h1,
.Isam .battlecard .bb-verax.bb-verax h2,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__step-body h4,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__callout,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__callout strong,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__table tbody td:last-child {
  color: var(--vx-deep) !important;
}
.Isam .battlecard .bb-verax.bb-verax h3,
.Isam .battlecard .bb-verax.bb-verax h4 {
  color: var(--vx-deep) !important;
}
.Isam .battlecard .bb-verax.bb-verax .bb-verax__callout--metric,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__callout--metric strong,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__data-needed li {
  color: var(--vx-gold-deep) !important;
}
.Isam .battlecard .bb-verax.bb-verax .bb-verax__conf--high {
  color: var(--vx-ok) !important;
}
.Isam .battlecard .bb-verax.bb-verax .bb-verax__conf--medium {
  color: var(--vx-warn) !important;
}
.Isam .battlecard .bb-verax.bb-verax .bb-verax__conf--low {
  color: var(--vx-bad) !important;
}
.Isam .battlecard .bb-verax.bb-verax .bb-verax__metric-value {
  color: var(--vx-ink) !important;
}
.Isam .battlecard .bb-verax.bb-verax .bb-verax__hero,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__hero h1,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__hero h2,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__hero h3,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__hero h4,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__eyebrow,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__hero-meta,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__hero-meta span,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__role-badge,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__print,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__step-num,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__metric--primary .bb-verax__metric-label,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__metric--primary .bb-verax__metric-value {
  color: #ffffff !important;
}
.Isam .battlecard .bb-verax.bb-verax strong {
  color: inherit !important;
}
.Isam .battlecard .bb-verax.bb-verax .bb-verax__cause-why,
.Isam .battlecard .bb-verax.bb-verax .bb-verax__cause-why strong {
  color: var(--vx-muted) !important;
}
.Isam .battlecard .bb-verax [class*=bb-verax__ico--] > h3::before {
  content: "";
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.Isam .battlecard .bb-verax .bb-verax__ico--issue > h3::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231078B0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='2' width='8' height='4' rx='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M9 12h6'/%3E%3Cpath d='M9 16h4'/%3E%3C/svg%3E");
}
.Isam .battlecard .bb-verax .bb-verax__ico--battlecard > h3::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231078B0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.4'/%3E%3C/svg%3E");
}
.Isam .battlecard .bb-verax .bb-verax__ico--margin > h3::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231078B0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4v16h16'/%3E%3Cpath d='M8 16v-3'/%3E%3Cpath d='M13 16v-7'/%3E%3Cpath d='M18 16V7'/%3E%3C/svg%3E");
}
.Isam .battlecard .bb-verax .bb-verax__ico--questions > h3::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231078B0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.2 9.2a3 3 0 0 1 5.6 1c0 2-3 2.5-3 4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}
.Isam .battlecard .bb-verax .bb-verax__ico--factsheets > h3::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231078B0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E");
}
.Isam .battlecard .bb-verax .bb-verax__conf::after {
  margin-left: 7px;
  font-size: 9px;
  letter-spacing: 2px;
  vertical-align: middle;
  line-height: 1;
}
.Isam .battlecard .bb-verax .bb-verax__conf--high::after {
  content: "●●●";
}
.Isam .battlecard .bb-verax .bb-verax__conf--medium::after {
  content: "●●○";
}
.Isam .battlecard .bb-verax .bb-verax__conf--low::after {
  content: "●○○";
}
.Isam .battlecard .bb-verax .bb-verax__metric--primary {
  position: relative;
  overflow: hidden;
}
.Isam .battlecard .bb-verax .bb-verax__metric--primary::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 8px;
  width: 92px;
  height: 44px;
  opacity: 0.22;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' fill='none' stroke='%23ffffff' 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;
}
.Isam .battlecard .bb-verax .bb-verax__metric--primary .bb-verax__metric-label,
.Isam .battlecard .bb-verax .bb-verax__metric--primary .bb-verax__metric-value {
  position: relative;
  z-index: 1;
}
.Isam .battlecard .bb-verax .bb-verax__impact {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 18px 0;
}
.Isam .battlecard .bb-verax .bb-verax__impact-stat {
  flex: 1 1 150px;
  background: #F2F8FB;
  border: 1px solid #D9E7EF;
  border-left: 4px solid #1078B0;
  border-radius: 10px;
  padding: 14px 16px;
}
.Isam .battlecard .bb-verax .bb-verax__impact-value {
  display: block;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.1;
}
.Isam .battlecard .bb-verax .bb-verax__impact-label {
  display: block;
  margin-top: 5px;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.Isam .battlecard .bb-verax.bb-verax .bb-verax__impact-value {
  color: #0E4C72 !important;
}
.Isam .battlecard .bb-verax.bb-verax .bb-verax__impact-label {
  color: #5B6B7C !important;
}
.Isam .battlecard .bb-verax .bb-verax__chart {
  margin: 16px 0 4px;
}
.Isam .battlecard .bb-verax .bb-verax__chart-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 9px 0;
}
.Isam .battlecard .bb-verax .bb-verax__chart-key {
  flex: 0 0 130px;
  font-size: 0.82rem;
}
.Isam .battlecard .bb-verax.bb-verax .bb-verax__chart-key {
  color: #1F2A37 !important;
}
.Isam .battlecard .bb-verax .bb-verax__bar {
  flex: 1 1 auto;
  background: #E8EEF2;
  border-radius: 6px;
  height: 22px;
  overflow: hidden;
}
.Isam .battlecard .bb-verax .bb-verax__bar-fill {
  display: block;
  height: 100%;
  border-radius: 6px;
  min-width: 3px;
}
.Isam .battlecard .bb-verax.bb-verax .bb-verax__bar-fill {
  background: linear-gradient(90deg, #1078B0, #48A0C8) !important;
}
.Isam .battlecard .bb-verax .bb-verax__chart-val {
  flex: 0 0 auto;
  min-width: 104px;
  text-align: right;
  font-size: 0.82rem;
  font-weight: 700;
}
.Isam .battlecard .bb-verax.bb-verax .bb-verax__chart-val {
  color: #0E4C72 !important;
}
.Isam .battlecard .bb-verax .bb-w-5 {
  width: 5%;
}
.Isam .battlecard .bb-verax .bb-w-10 {
  width: 10%;
}
.Isam .battlecard .bb-verax .bb-w-15 {
  width: 15%;
}
.Isam .battlecard .bb-verax .bb-w-20 {
  width: 20%;
}
.Isam .battlecard .bb-verax .bb-w-25 {
  width: 25%;
}
.Isam .battlecard .bb-verax .bb-w-30 {
  width: 30%;
}
.Isam .battlecard .bb-verax .bb-w-35 {
  width: 35%;
}
.Isam .battlecard .bb-verax .bb-w-40 {
  width: 40%;
}
.Isam .battlecard .bb-verax .bb-w-45 {
  width: 45%;
}
.Isam .battlecard .bb-verax .bb-w-50 {
  width: 50%;
}
.Isam .battlecard .bb-verax .bb-w-55 {
  width: 55%;
}
.Isam .battlecard .bb-verax .bb-w-60 {
  width: 60%;
}
.Isam .battlecard .bb-verax .bb-w-65 {
  width: 65%;
}
.Isam .battlecard .bb-verax .bb-w-70 {
  width: 70%;
}
.Isam .battlecard .bb-verax .bb-w-75 {
  width: 75%;
}
.Isam .battlecard .bb-verax .bb-w-80 {
  width: 80%;
}
.Isam .battlecard .bb-verax .bb-w-85 {
  width: 85%;
}
.Isam .battlecard .bb-verax .bb-w-90 {
  width: 90%;
}
.Isam .battlecard .bb-verax .bb-w-95 {
  width: 95%;
}
.Isam .battlecard .bb-verax .bb-w-100 {
  width: 100%;
}
.Isam .battlecard .bb-verax .bb-verax__linechart {
  width: 100%;
  height: auto;
  display: block;
  margin: 6px 0 2px;
}
.Isam .battlecard .bb-verax .bb-verax__chart-cap {
  margin: 0 0 14px;
  font-size: 0.82rem;
}
.Isam .battlecard .bb-verax.bb-verax .bb-verax__chart-cap {
  color: var(--vx-muted) !important;
}
.Isam .battlecard .bb-verax.bb-verax .bb-verax__bar-fill--muted {
  background: #8AA0AE !important;
}
@charset "UTF-8";
.Isam .mhcgroepsrapport {
  /* ════════════════════════════════════════════════════════════════════════
  MHC Mobility — 360° Feedback Groepsrapport — VOLLEDIGE CSS (standalone)

  Dit bestand bevat ALLES wat nodig is voor het groepsrapport:
  - De v9 base styling (header, intro, overview, deep-dive, comp articles,
    reasons-panel, etc.) — identiek aan individuele rapporten
  - De groep-additions (group-stats grid, donut, distributie-bars,
    team-table, conclusion callout, etc.)
  - De host-proofing fixes voor donker/wit tekst conflicten

  Gebruik: laad dit ene CSS-bestand in Bisbrick als enige stylesheet voor
  het groepsrapport. Plak daarbij de body-content uit
  MHC_groepsrapport_360_juni2026_BISBRICK.html in de HTML-component.
  ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     DEEL 1: v9 BASE (identiek aan individuele rapporten)
     ════════════════════════════════════════════════════════════════════════ */
  /* ============================================================
     MHC Mobility — 360° Feedback rapport — v7 (complete)

     Dit is v4 basis + v7-additions in één bestand.
     Vervang hiermee je huidige enkele CSS-bron in Bisbrick.

     Wat erin zit:
     - Alle v4-basis styling (header, overview, stats, spider-wrap,
       per-competentie articles, rode draad, reasons-panel, footer-styling, etc.)
     - v7-additions: status-badges, intro-sectie, comp-desc, 
       development-rubriek + host-proofing voor alle nieuwe kleuren
     ============================================================ */
  /* ============================================================
     MHC Mobility — 360° Feedback rapport
     Styling voor AI-gegenereerde individuele rapporten
     Werkt samen met mhc_360_systemprompt.md
     ============================================================ */
  /* ---------- 1. Design tokens (scoped to .mhc-360) ---------- */
  /* ---------- 2. Reset & base ---------- */
  /* Demo-only body styling — niet onderdeel van het component zelf.
     In Bisbrick (of een andere host) wordt deze regel niet gebruikt;
     het component zelf is volledig zelf-bevattend onder .mhc-360. */
  /* ---------- 3. Component root + headings (alles onder .mhc-360) ---------- */
  /* ---------- 4. Header ---------- */
  /* Section markers — big amber numerals before each section title */
  /* Stats strip — hero KPI tiles in section 1 */
  /* Reasons panel — Wat zou de reden kunnen zijn? */
  /* ---------- 5. Sectie 1: Overzicht ---------- */
  /* Spider chart container */
  /* Key findings */
  /* ---------- 6. Sectie 2: Verdieping ---------- */
  /* Score pills */
  /* Rode draad */
  /* ---------- 7. Sectie 3: Details ---------- */
  /* Filter mhc-360__bar */
  /* Detail tables */
  /* Filter — driestand via data-attribuut op .mhc-360__details */
  /* Niveau-tags */
  /* Delta */
  /* ---------- 8. Bar charts per vraag (sectie 3) ---------- */
  /* Axis mhc-360__bar across the top — D B E L labels aligned with mhc-360__bar zones */
  /* Per-question block */
  /* Question header: scenario text + delta badge */
  /* Bar rows wrapper */
  /* Single mhc-360__bar row: source label + track */
  /* Bar track — background with subtle level zones */
  /* Target line — vertical marker */
  /* The actual mhc-360__bar — fills from left to its mhc-360__score */
  /* Score value label — sits directly after the mhc-360__bar's end */
  /* "Niet geobserveerd" state — striped mhc-360__bar instead of solid */
  /* Filter hides rows based on selection */
  /* Legend below charts */
  /* Toggle to show exact mhc-360__tag table below dumbbell */
  /* ---------- 9. Footer ---------- */
  /* ---------- 10. Responsive ---------- */
  /* ---------- 11. Print ---------- */
  /* ════════════════════════════════════════════════════════════════════════
     12. SECTION ICONS — CSS-only, SVG via data URI
     Icons sit before the h2 text in each section-marker. The agent adds
     a single class to the h2 (e.g. mhc-360__ico--overview); no extra
     HTML element, no inline SVG, no LLM geometry.
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     13. TREND MOTIF — subtle upward trend line on "good" stat tiles
     Decorative only, drawn via ::after on .mhc-360__stat--good. No JS,
     no inline SVG in the HTML.
     ════════════════════════════════════════════════════════════════════════ */
  /* Attention-tile gets a subtle "spread/gap" motif instead — two diverging lines */
  /* ════════════════════════════════════════════════════════════════════════
     14. HOST-PROOFING — force every text color with !important + doubled
     root selector specificity. Wins cascade against host stylesheets that
     set global text colors on p / li / td via :root, body, or class rules
     loaded after this sheet. The earlier inheritance-based colors lose
     the cascade in some embed contexts; these rules win it outright.
     ════════════════════════════════════════════════════════════════════════ */
  /* Dark body text on light surfaces */
  /* Section + body headings — navy */
  /* Eyebrow + amber accent labels */
  /* WHITE text on dark surfaces — forced so host cannot darken */
  /* Eyebrow stays amber */
  /* Score pill colors */
  /* Tag colors keep their semantic foreground */
  /* Delta semantic colors */
  /* Bar value labels keep their accent */
  /* nested strong follows parent's forced color */
  /* ============================================================
     v7 ADDITIONS (was: mhc_360_report_v7_additions.css)
     ============================================================ */
  /* ════════════════════════════════════════════════════════════════════════
     MHC 360° v6 — CSS additions
     Voeg deze toe ONDERAAN je bestaande mhc_360_report_v4.css.
     Drie nieuwe blokken:
       (A) Status badges per competentie (⭐ / 🌱 / 🔍)
       (B) Intro-sectie (3 perspectieven + 4 niveaus)
       (C) Comp-desc (vaste omschrijving per competentie)
       (D) Development-rubriek (Ontwikkeling richting 2027)
     Plus host-proofing voor alle nieuwe text-colors.
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     A. STATUS BADGES — Sterk punt / Groeikans / Aandachtspunt
     Komen inline in de h3 van elk competentie-artikel. Lucide icoon links,
     label rechts, als pill.
     ════════════════════════════════════════════════════════════════════════ */
  /* Maak de h3 in de competentie-header een flex-container zodat de badge
     netjes naast de titel komt te staan, ook bij wrap op smalle schermen. */
  /* Base badge — pill met icoon */
  /* Modifier 1 — Sterk punt (Lucide star, blauw) */
  /* Modifier 2 — Groeikans (Lucide sprout, groen) */
  /* Modifier 3 — Aandachtspunt (Lucide search, navy) */
  /* ════════════════════════════════════════════════════════════════════════
     B. INTRO-SECTIE — drie perspectieven + vier niveaus
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     C. COMP-DESC — vaste omschrijving onder de competentie-titel
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     D. DEVELOPMENT — Ontwikkeling richting 2027
     Lijkt op .mhc-360__overall maar lichter — niet diepe-navy achtergrond
     maar witte card met amber accent. Zo wordt het visueel onderscheiden van
     "Rode draad" zonder dat het te dominant wordt.
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     HOST-PROOFING — text-colors voor alle nieuwe elementen
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     DEEL 2: GROEP-SPECIFIEKE ADDITIES (alleen relevant voor groepsrapport)
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     MHC Mobility — Groepsrapport — CSS aanvullingen

     Plak ONDERAAN je bestaande mhc_360_report_v9.css in Bisbrick.
     Alle selectors gebruiken .mhc-360.mhc-360 pattern voor hoge specificity —
     wint van de meeste Bisbrick host-styles.
     ════════════════════════════════════════════════════════════════════════ */
  /* A. Layout-klassen specifiek voor het groepsrapport
     ════════════════════════════════════════════════════════════════════════ */
  /* B. Fix: witte tekst op donkernavy in .mhc-360__overall (ol/li/strong)
     ════════════════════════════════════════════════════════════════════════ */
}
.Isam .mhcgroepsrapport .mhc-360 {
  /* Brand kleuren */
  --navy: #1F3A5F;
  --navy-soft: #2C4F7B;
  --amber: #C9A352;
  --amber-warm: #E29F47;
  /* Data-serie kleuren */
  --self: #2E9CCA;
  /* zelfreflectie — cyan */
  --self-bg: rgba(46, 156, 202, 0.12);
  --self-border: rgba(46, 156, 202, 0.45);
  --manager: #E29F47;
  /* manager — warm amber */
  --manager-bg: rgba(226, 159, 71, 0.12);
  --manager-border: rgba(226, 159, 71, 0.45);
  --target: #555555;
  /* target — neutraal grijs (dotted in chart) */
  --ambition: #6FAE83;
  /* ambitie — sage groen (dashed in chart) */
  /* Niveau-tags (D / B / E / L) */
  --tag-D-bg: #E8F2F9;
  --tag-D-fg: #1F567F;
  --tag-B-bg: #FAE9D4;
  --tag-B-fg: #8A5A1F;
  --tag-E-bg: #DCEDE0;
  --tag-E-fg: #2A6D45;
  --tag-L-bg: #E8DEF2;
  --tag-L-fg: #4E3878;
  --tag-NO-bg: #ECEEF1;
  --tag-NO-fg: #6C757D;
  /* Delta */
  --delta-positive: #2A6D45;
  --delta-negative: #B23A48;
  --delta-zero: #6C757D;
  /* Surface */
  --bg: #FBFAF7;
  --surface: #FFFFFF;
  --surface-soft: #F4F1EA;
  --border: #E5E7EB;
  --border-soft: #EFEDE8;
  /* Tekst */
  --text: #1F2937;
  --text-soft: #4B5563;
  --text-mute: #6B7280;
  /* Type & layout — Raleway via Bisbrick defaults */
  --font: "Default-Regular", "Raleway", "Helvetica Neue", "Arial", system-ui, -apple-system, sans-serif;
  --font-light: "Default-Light", "Raleway", "Helvetica Neue", "Arial", system-ui, -apple-system, sans-serif;
  --font-bold: "Default-Bold", "Raleway", "Helvetica Neue", "Arial", system-ui, -apple-system, 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);
}
.Isam .mhcgroepsrapport *, .Isam .mhcgroepsrapport *::before, .Isam .mhcgroepsrapport *::after {
  box-sizing: border-box;
}
.Isam .mhcgroepsrapport html {
  -webkit-text-size-adjust: 100%;
}
.Isam .mhcgroepsrapport body {
  margin: 0;
  padding: 40px 20px 80px;
  font-family: "Default-Regular", "Raleway", "Helvetica Neue", "Arial", system-ui, -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.55;
  color: #1F2937;
  background: #FBFAF7;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.Isam .mhcgroepsrapport .mhc-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);
}
.Isam .mhcgroepsrapport .mhc-360 h1,
.Isam .mhcgroepsrapport .mhc-360 h2,
.Isam .mhcgroepsrapport .mhc-360 h3,
.Isam .mhcgroepsrapport .mhc-360 h4 {
  margin: 0;
  font-family: var(--font-bold);
  font-weight: normal;
  /* Default-Bold is een baked-bold font-family — geen extra weight nodig */
  color: var(--navy);
  line-height: 1.25;
}
.Isam .mhcgroepsrapport .mhc-360 strong,
.Isam .mhcgroepsrapport .mhc-360 b {
  font-family: var(--font-bold);
  font-weight: normal;
}
.Isam .mhcgroepsrapport .mhc-360 p {
  margin: 0 0 0.9em;
}
.Isam .mhcgroepsrapport .mhc-360 ul {
  margin: 0 0 0.9em;
  padding-left: 1.4em;
}
.Isam .mhcgroepsrapport .mhc-360 li {
  margin-bottom: 0.5em;
}
.Isam .mhcgroepsrapport .mhc-360__header {
  padding: 48px 48px 36px;
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-soft) 100%);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.Isam .mhcgroepsrapport .mhc-360__header::before {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201, 163, 82, 0.18) 0%, transparent 70%);
  pointer-events: none;
}
.Isam .mhcgroepsrapport .mhc-360__header .mhc-360__eyebrow {
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--amber);
  margin: 0 0 12px;
  font-weight: 600;
  position: relative;
}
.Isam .mhcgroepsrapport .mhc-360__header h1 {
  font-size: 32px;
  color: #fff;
  margin: 0 0 12px;
  letter-spacing: -0.01em;
  position: relative;
}
.Isam .mhcgroepsrapport .mhc-360__header .mhc-360__meta {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.78);
  margin: 0;
  font-style: italic;
  position: relative;
}
.Isam .mhcgroepsrapport .mhc-360__section-marker {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 28px;
}
.Isam .mhcgroepsrapport .mhc-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(--amber) 0%, var(--amber-warm) 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.02em;
  box-shadow: 0 2px 8px rgba(201, 163, 82, 0.3);
}
.Isam .mhcgroepsrapport .mhc-360__section-marker h2 {
  margin: 0;
  font-size: 22px;
  padding-bottom: 0;
  border-bottom: none;
}
.Isam .mhcgroepsrapport .mhc-360__stats {
  display: flex;
  gap: 12px;
  margin: 0 0 32px;
}
.Isam .mhcgroepsrapport .mhc-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;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.Isam .mhcgroepsrapport .mhc-360__stat:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm);
}
.Isam .mhcgroepsrapport .mhc-360__stat .mhc-360__stat-label {
  font-size: 10.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-mute);
  font-weight: 600;
  margin-bottom: 4px;
}
.Isam .mhcgroepsrapport .mhc-360__stat .mhc-360__stat-value {
  font-size: 22px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.1;
  letter-spacing: -0.01em;
}
.Isam .mhcgroepsrapport .mhc-360__stat .mhc-360__stat-value.mhc-360__stat-value--text {
  font-size: 17px;
}
.Isam .mhcgroepsrapport .mhc-360__stat .mhc-360__stat-of {
  font-size: 16px;
  color: var(--text-mute);
  font-weight: 500;
}
.Isam .mhcgroepsrapport .mhc-360__stat .mhc-360__stat-sub {
  font-size: 12px;
  color: var(--text-soft);
  margin-top: auto;
  padding-top: 4px;
}
.Isam .mhcgroepsrapport .mhc-360__stat.mhc-360__stat--attention {
  border-color: var(--manager-border);
  background: linear-gradient(135deg, var(--manager-bg) 0%, var(--surface) 60%);
}
.Isam .mhcgroepsrapport .mhc-360__stat.mhc-360__stat--attention .mhc-360__stat-value {
  color: #946D24;
}
.Isam .mhcgroepsrapport .mhc-360__stat.mhc-360__stat--good {
  border-color: rgba(111, 174, 131, 0.4);
  background: linear-gradient(135deg, rgba(111, 174, 131, 0.1) 0%, var(--surface) 60%);
}
.Isam .mhcgroepsrapport .mhc-360__stat.mhc-360__stat--good .mhc-360__stat-value {
  color: #2A6D45;
}
.Isam .mhcgroepsrapport .mhc-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;
}
.Isam .mhcgroepsrapport .mhc-360__reasons > h3 {
  font-size: 18px;
  margin: 0 0 8px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.Isam .mhcgroepsrapport .mhc-360__reasons > h3::before {
  content: "?";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--amber);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  flex-shrink: 0;
}
.Isam .mhcgroepsrapport .mhc-360__reasons-intro {
  color: var(--text-soft);
  font-size: 13.5px;
  margin: 0 0 22px;
  padding-left: 40px;
}
.Isam .mhcgroepsrapport .mhc-360__reasons-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.Isam .mhcgroepsrapport .mhc-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;
  position: relative;
}
.Isam .mhcgroepsrapport .mhc-360__reason .mhc-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;
}
.Isam .mhcgroepsrapport .mhc-360__reason.mhc-360__reason--self-high .mhc-360__reason-icon {
  background: var(--self-bg);
  color: var(--self);
}
.Isam .mhcgroepsrapport .mhc-360__reason.mhc-360__reason--manager-high .mhc-360__reason-icon {
  background: var(--manager-bg);
  color: var(--manager);
}
.Isam .mhcgroepsrapport .mhc-360__reason.mhc-360__reason--aligned-below .mhc-360__reason-icon {
  background: rgba(178, 58, 72, 0.1);
  color: var(--delta-negative);
}
.Isam .mhcgroepsrapport .mhc-360__reason.mhc-360__reason--aligned-ok .mhc-360__reason-icon {
  background: rgba(42, 109, 69, 0.1);
  color: var(--delta-positive);
}
.Isam .mhcgroepsrapport .mhc-360__reason h4 {
  font-size: 14px;
  color: var(--navy);
  margin: 0 0 10px;
  font-weight: 600;
  line-height: 1.35;
}
.Isam .mhcgroepsrapport .mhc-360__reason ul {
  margin: 0;
  padding-left: 18px;
  font-size: 13px;
  color: var(--text);
  line-height: 1.5;
}
.Isam .mhcgroepsrapport .mhc-360__reason li {
  margin-bottom: 6px;
}
.Isam .mhcgroepsrapport .mhc-360__reason li:last-child {
  margin-bottom: 0;
}
.Isam .mhcgroepsrapport .mhc-360__reason li::marker {
  color: var(--amber);
}
.Isam .mhcgroepsrapport .mhc-360__overview {
  padding: 40px 48px;
  border-bottom: 1px solid var(--border);
}
.Isam .mhcgroepsrapport .mhc-360__overview h2 {
  font-size: 22px;
  margin: 0 0 24px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--amber);
  display: inline-block;
}
.Isam .mhcgroepsrapport .mhc-360__chart-wrap {
  position: relative;
  height: 460px;
  margin: 0 0 36px;
  padding: 16px 8px 8px;
  background: var(--surface-soft);
  border-radius: var(--radius);
}
.Isam .mhcgroepsrapport .mhc-360__findings {
  background: var(--surface-soft);
  border-left: 4px solid var(--amber);
  padding: 20px 24px 16px;
  border-radius: 0 var(--radius) var(--radius) 0;
}
.Isam .mhcgroepsrapport .mhc-360__findings h3 {
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--amber-warm);
  margin: 0 0 12px;
  font-weight: 700;
}
.Isam .mhcgroepsrapport .mhc-360__findings ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.Isam .mhcgroepsrapport .mhc-360__findings li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  color: var(--text);
  line-height: 1.55;
}
.Isam .mhcgroepsrapport .mhc-360__findings li:last-child {
  margin-bottom: 0;
}
.Isam .mhcgroepsrapport .mhc-360__findings li::before {
  content: "▸";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--amber);
  font-weight: bold;
}
.Isam .mhcgroepsrapport .mhc-360__deep-dive {
  padding: 40px 48px;
  border-bottom: 1px solid var(--border);
}
.Isam .mhcgroepsrapport .mhc-360__deep-dive > h2:first-child {
  font-size: 22px;
  margin: 0 0 28px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--amber);
  display: inline-block;
}
.Isam .mhcgroepsrapport .mhc-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;
}
.Isam .mhcgroepsrapport .mhc-360__comp header {
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px dashed var(--border-soft);
}
.Isam .mhcgroepsrapport .mhc-360__comp header h3 {
  font-size: 17px;
  margin: 0 0 10px;
}
.Isam .mhcgroepsrapport .mhc-360__scores {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.Isam .mhcgroepsrapport .mhc-360__score {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 999px;
  white-space: nowrap;
}
.Isam .mhcgroepsrapport .mhc-360__score--self {
  background: var(--self-bg);
  color: #14618A;
  border: 1px solid var(--self-border);
}
.Isam .mhcgroepsrapport .mhc-360__score--manager {
  background: var(--manager-bg);
  color: #8A5A1F;
  border: 1px solid var(--manager-border);
}
.Isam .mhcgroepsrapport .mhc-360__score--target {
  background: transparent;
  color: var(--text-soft);
  border: 1px dashed #B5B5B5;
}
.Isam .mhcgroepsrapport .mhc-360__score--ambition {
  background: transparent;
  color: var(--ambition);
  border: 1px dotted var(--ambition);
}
.Isam .mhcgroepsrapport .mhc-360__comp .mhc-360__observation {
  color: var(--text);
  margin-bottom: 12px;
}
.Isam .mhcgroepsrapport .mhc-360__comp .mhc-360__recommendation {
  background: var(--surface-soft);
  border-left: 3px solid var(--amber);
  padding: 12px 16px;
  border-radius: 0 var(--radius) var(--radius) 0;
  margin: 0;
  font-size: 14.5px;
  color: var(--text);
}
.Isam .mhcgroepsrapport .mhc-360__comp .mhc-360__recommendation::before {
  content: "Volgende stap";
  display: block;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--amber-warm);
  font-weight: 700;
  margin-bottom: 4px;
}
.Isam .mhcgroepsrapport .mhc-360__overall {
  background: var(--navy);
  color: #fff;
  border-radius: var(--radius);
  padding: 24px 28px;
  margin-top: 24px;
  page-break-inside: avoid;
  break-inside: avoid;
}
.Isam .mhcgroepsrapport .mhc-360__overall h3 {
  color: #fff;
  font-size: 17px;
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--amber);
  display: inline-block;
}
.Isam .mhcgroepsrapport .mhc-360__overall p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 15px;
  line-height: 1.6;
}
.Isam .mhcgroepsrapport .mhc-360__details {
  padding: 40px 48px;
}
.Isam .mhcgroepsrapport .mhc-360__details > h2 {
  font-size: 22px;
  margin: 0 0 12px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--amber);
  display: inline-block;
}
.Isam .mhcgroepsrapport .mhc-360__details-intro {
  color: var(--text-soft);
  font-size: 14px;
  margin: 0 0 24px;
}
.Isam .mhcgroepsrapport .mhc-360__filter-bar {
  display: inline-flex;
  background: var(--surface-soft);
  border-radius: var(--radius);
  padding: 4px;
  margin-bottom: 28px;
  gap: 0;
}
.Isam .mhcgroepsrapport .mhc-360__filter-btn {
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 16px;
  border: none;
  background: transparent;
  color: var(--text-soft);
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.15s ease;
}
.Isam .mhcgroepsrapport .mhc-360__filter-btn:hover {
  color: var(--navy);
}
.Isam .mhcgroepsrapport .mhc-360__filter-btn.is-active {
  background: var(--navy);
  color: #fff;
  box-shadow: var(--shadow-sm);
}
.Isam .mhcgroepsrapport .mhc-360__filter-btn:focus-visible {
  outline: 2px solid var(--amber);
  outline-offset: 2px;
}
.Isam .mhcgroepsrapport .mhc-360__comp-detail {
  margin-bottom: 28px;
  page-break-inside: avoid;
  break-inside: avoid;
}
.Isam .mhcgroepsrapport .mhc-360__comp-detail h3 {
  font-size: 15px;
  margin: 0 0 10px;
  color: var(--navy);
  font-weight: 600;
}
.Isam .mhcgroepsrapport .mhc-360__detail-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  font-size: 13.5px;
}
.Isam .mhcgroepsrapport .mhc-360__detail-table thead {
  background: var(--surface-soft);
}
.Isam .mhcgroepsrapport .mhc-360__detail-table th {
  text-align: left;
  padding: 10px 14px;
  font-weight: 600;
  color: var(--navy);
  font-size: 12px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--border);
}
.Isam .mhcgroepsrapport .mhc-360__detail-table td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--border-soft);
  vertical-align: middle;
}
.Isam .mhcgroepsrapport .mhc-360__detail-table tr:last-child td {
  border-bottom: none;
}
.Isam .mhcgroepsrapport .mhc-360__detail-table tbody tr:hover {
  background: var(--surface-soft);
}
.Isam .mhcgroepsrapport .mhc-360__detail-table .mhc-360__col--question {
  width: 42%;
  color: var(--text);
}
.Isam .mhcgroepsrapport .mhc-360__detail-table .mhc-360__col--self,
.Isam .mhcgroepsrapport .mhc-360__detail-table .mhc-360__col--manager {
  width: 22%;
  text-align: center;
}
.Isam .mhcgroepsrapport .mhc-360__detail-table .mhc-360__col--delta {
  width: 14%;
  text-align: center;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.Isam .mhcgroepsrapport .mhc-360__detail-table th.mhc-360__col--self,
.Isam .mhcgroepsrapport .mhc-360__detail-table td.mhc-360__col--self {
  background: rgba(46, 156, 202, 0.04);
}
.Isam .mhcgroepsrapport .mhc-360__detail-table th.mhc-360__col--manager,
.Isam .mhcgroepsrapport .mhc-360__detail-table td.mhc-360__col--manager {
  background: rgba(226, 159, 71, 0.04);
}
.Isam .mhcgroepsrapport .mhc-360__details[data-filter=self] .mhc-360__col--manager,
.Isam .mhcgroepsrapport .mhc-360__details[data-filter=self] .mhc-360__col--delta {
  display: none;
}
.Isam .mhcgroepsrapport .mhc-360__details[data-filter=manager] .mhc-360__col--self,
.Isam .mhcgroepsrapport .mhc-360__details[data-filter=manager] .mhc-360__col--delta {
  display: none;
}
.Isam .mhcgroepsrapport .mhc-360__tag {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.4;
  white-space: nowrap;
}
.Isam .mhcgroepsrapport .mhc-360__tag--D {
  background: var(--tag-D-bg);
  color: var(--tag-D-fg);
}
.Isam .mhcgroepsrapport .mhc-360__tag--B {
  background: var(--tag-B-bg);
  color: var(--tag-B-fg);
}
.Isam .mhcgroepsrapport .mhc-360__tag--E {
  background: var(--tag-E-bg);
  color: var(--tag-E-fg);
}
.Isam .mhcgroepsrapport .mhc-360__tag--L {
  background: var(--tag-L-bg);
  color: var(--tag-L-fg);
}
.Isam .mhcgroepsrapport .mhc-360__tag--NO {
  background: var(--tag-NO-bg);
  color: var(--tag-NO-fg);
  font-style: italic;
  font-weight: 500;
}
.Isam .mhcgroepsrapport .mhc-360__delta--positive {
  color: var(--delta-positive);
}
.Isam .mhcgroepsrapport .mhc-360__delta--negative {
  color: var(--delta-negative);
}
.Isam .mhcgroepsrapport .mhc-360__delta--zero {
  color: var(--delta-zero);
}
.Isam .mhcgroepsrapport .mhc-360__bar-chart {
  background: var(--surface-soft);
  border-radius: var(--radius);
  padding: 22px 22px 20px;
  margin: 12px 0 18px;
}
.Isam .mhcgroepsrapport .mhc-360__axis {
  display: flex;
  margin-bottom: 14px;
  padding-left: 82px;
  /* matches .mhc-360__bar-source width + gap */
  padding-right: 70px;
  /* leaves room for the value labels at end of bars */
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--text-mute);
  border-bottom: 1px dashed var(--border);
  padding-bottom: 8px;
}
.Isam .mhcgroepsrapport .mhc-360__axis .mhc-360__axis-label {
  flex: 1 1 0;
  text-align: center;
  position: relative;
}
.Isam .mhcgroepsrapport .mhc-360__question {
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px dashed var(--border);
}
.Isam .mhcgroepsrapport .mhc-360__question:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.Isam .mhcgroepsrapport .mhc-360__q-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.Isam .mhcgroepsrapport .mhc-360__q-label {
  flex: 1 1 auto;
  font-size: 13px;
  color: var(--text);
  font-weight: 500;
  line-height: 1.35;
}
.Isam .mhcgroepsrapport .mhc-360__q-delta {
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  font-variant-numeric: tabular-nums;
  padding: 3px 12px;
  border-radius: 999px;
  background: var(--surface);
  border: 1px solid var(--border);
  min-width: 44px;
}
.Isam .mhcgroepsrapport .mhc-360__q-delta.mhc-360__delta--positive {
  color: var(--delta-positive);
  border-color: rgba(42, 109, 69, 0.3);
}
.Isam .mhcgroepsrapport .mhc-360__q-delta.mhc-360__delta--negative {
  color: var(--delta-negative);
  border-color: rgba(178, 58, 72, 0.3);
}
.Isam .mhcgroepsrapport .mhc-360__q-delta.mhc-360__delta--zero {
  color: var(--text-mute);
  font-weight: 500;
}
.Isam .mhcgroepsrapport .mhc-360__q-delta.mhc-360__delta--NO {
  color: var(--text-mute);
  font-style: italic;
  font-weight: 500;
}
.Isam .mhcgroepsrapport .mhc-360__bar-rows {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.Isam .mhcgroepsrapport .mhc-360__bar-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.Isam .mhcgroepsrapport .mhc-360__bar-source {
  flex: 0 0 72px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-soft);
}
.Isam .mhcgroepsrapport .mhc-360__bar-row.mhc-360__bar-row--self .mhc-360__bar-source {
  color: #14618A;
}
.Isam .mhcgroepsrapport .mhc-360__bar-row.mhc-360__bar-row--manager .mhc-360__bar-source {
  color: #8A5A1F;
}
.Isam .mhcgroepsrapport .mhc-360__bar-track {
  flex: 1 1 auto;
  position: relative;
  height: 22px;
  background: linear-gradient(to right, var(--tag-D-bg) 0%, var(--tag-D-bg) 25%, var(--tag-B-bg) 25%, var(--tag-B-bg) 50%, var(--tag-E-bg) 50%, var(--tag-E-bg) 75%, var(--tag-L-bg) 75%, var(--tag-L-bg) 100%);
  border-radius: 4px;
  opacity: 0.95;
  margin-right: 60px;
  /* room for value label */
}
.Isam .mhcgroepsrapport .mhc-360__bar-track::after {
  /* faint zone divider lines */
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, transparent 0, transparent calc(25% - 1px), rgba(255, 255, 255, 0.6) calc(25% - 1px), rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent calc(50% - 1px), rgba(255, 255, 255, 0.6) calc(50% - 1px), rgba(255, 255, 255, 0.6) 50%, transparent 50%, transparent calc(75% - 1px), rgba(255, 255, 255, 0.6) calc(75% - 1px), rgba(255, 255, 255, 0.6) 75%, transparent 75%);
  pointer-events: none;
  border-radius: 4px;
}
.Isam .mhcgroepsrapport .mhc-360__target-line {
  position: absolute;
  top: -3px;
  bottom: -3px;
  width: 2px;
  background: var(--target);
  /* Map mhc-360__score 1→25%, 2→50%, 3→75%, 4→100% */
  left: calc(var(--score) / 4 * 100%);
  border-radius: 1px;
  opacity: 0.65;
  transform: translateX(-50%);
  z-index: 1;
}
.Isam .mhcgroepsrapport .mhc-360__target-line::before {
  content: "▼";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 8px;
  color: var(--target);
  opacity: 0.7;
}
.Isam .mhcgroepsrapport .mhc-360__bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: calc(var(--score) / 4 * 100%);
  border-radius: 4px;
  z-index: 2;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: width 0.4s ease;
  overflow: visible;
}
.Isam .mhcgroepsrapport .mhc-360__bar--self {
  background: linear-gradient(to right, var(--self) 0%, #45B0DC 100%);
  color: #fff;
}
.Isam .mhcgroepsrapport .mhc-360__bar--manager {
  background: linear-gradient(to right, var(--manager) 0%, #EFB264 100%);
  color: #fff;
}
.Isam .mhcgroepsrapport .mhc-360__bar-value {
  position: absolute;
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.Isam .mhcgroepsrapport .mhc-360__bar--self .mhc-360__bar-value {
  color: #14618A;
}
.Isam .mhcgroepsrapport .mhc-360__bar--manager .mhc-360__bar-value {
  color: #8A5A1F;
}
.Isam .mhcgroepsrapport .mhc-360__bar-track.mhc-360__bar-track--no .mhc-360__bar-no-label {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  font-size: 11px;
  font-style: italic;
  color: var(--text-mute);
  z-index: 2;
}
.Isam .mhcgroepsrapport .mhc-360__bar-track.mhc-360__bar-track--no::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(108, 117, 125, 0.12) 6px, rgba(108, 117, 125, 0.12) 12px);
  border-radius: 4px;
  z-index: 1;
}
.Isam .mhcgroepsrapport .mhc-360__details[data-filter=self] .mhc-360__bar-row--manager,
.Isam .mhcgroepsrapport .mhc-360__details[data-filter=self] .mhc-360__q-delta,
.Isam .mhcgroepsrapport .mhc-360__details[data-filter=manager] .mhc-360__bar-row--self,
.Isam .mhcgroepsrapport .mhc-360__details[data-filter=manager] .mhc-360__q-delta {
  display: none;
}
.Isam .mhcgroepsrapport .mhc-360__legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  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: 20px;
}
.Isam .mhcgroepsrapport .mhc-360__legend > span {
  display: inline-flex;
  align-items: center;
  margin-right: 24px;
  margin-bottom: 2px;
}
.Isam .mhcgroepsrapport .mhc-360__legend > span:last-child {
  margin-right: 0;
}
.Isam .mhcgroepsrapport .mhc-360__legend > span > * {
  margin-right: 8px;
}
.Isam .mhcgroepsrapport .mhc-360__legend-swatch {
  display: inline-block;
  width: 18px;
  height: 12px;
  border-radius: 2px;
}
.Isam .mhcgroepsrapport .mhc-360__legend-swatch.mhc-360__legend-swatch--self {
  background: var(--self);
}
.Isam .mhcgroepsrapport .mhc-360__legend-swatch.mhc-360__legend-swatch--manager {
  background: var(--manager);
}
.Isam .mhcgroepsrapport .mhc-360__legend-line {
  display: inline-block;
  width: 16px;
  height: 2px;
  background: var(--target);
}
.Isam .mhcgroepsrapport .mhc-360__table-toggle {
  margin-top: 8px;
}
.Isam .mhcgroepsrapport .mhc-360__table-toggle summary {
  font-size: 12.5px;
  color: var(--text-mute);
  cursor: pointer;
  padding: 6px 0;
  list-style: none;
  user-select: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.Isam .mhcgroepsrapport .mhc-360__table-toggle summary::-webkit-details-marker {
  display: none;
}
.Isam .mhcgroepsrapport .mhc-360__table-toggle summary::before {
  content: "▸";
  font-size: 10px;
  transition: transform 0.15s ease;
}
.Isam .mhcgroepsrapport .mhc-360__table-toggle[open] summary::before {
  transform: rotate(90deg);
}
.Isam .mhcgroepsrapport .mhc-360__table-toggle summary:hover {
  color: var(--navy);
}
.Isam .mhcgroepsrapport .mhc-360__table-toggle .mhc-360__detail-table {
  margin-top: 12px;
}
.Isam .mhcgroepsrapport .mhc-360__footer {
  padding: 28px 48px 36px;
  background: var(--surface-soft);
  border-top: 1px solid var(--border);
  font-size: 13px;
  font-style: italic;
  color: var(--text-mute);
  text-align: center;
}
.Isam .mhcgroepsrapport .mhc-360__footer p {
  margin: 0;
  max-width: 580px;
  margin-inline: auto;
}
@media (max-width: 720px) {
  .Isam .mhcgroepsrapport body {
    padding: 20px 12px;
  }
  .Isam .mhcgroepsrapport .mhc-360__header {
    padding: 32px 24px 24px;
  }
  .Isam .mhcgroepsrapport .mhc-360__header h1 {
    font-size: 26px;
  }
  .Isam .mhcgroepsrapport .mhc-360__overview, .Isam .mhcgroepsrapport .mhc-360__deep-dive, .Isam .mhcgroepsrapport .mhc-360__details {
    padding: 28px 24px;
  }
  .Isam .mhcgroepsrapport .mhc-360__footer {
    padding: 24px;
  }
  .Isam .mhcgroepsrapport .mhc-360__chart-wrap {
    height: 360px;
  }
  .Isam .mhcgroepsrapport .mhc-360__comp {
    padding: 18px 18px;
  }
  .Isam .mhcgroepsrapport .mhc-360__scores {
    gap: 6px;
  }
  .Isam .mhcgroepsrapport .mhc-360__score {
    font-size: 11px;
    padding: 3px 9px;
  }
  .Isam .mhcgroepsrapport .mhc-360__filter-bar {
    width: 100%;
  }
  .Isam .mhcgroepsrapport .mhc-360__filter-btn {
    flex: 1;
    padding: 8px 10px;
    font-size: 12px;
  }
  .Isam .mhcgroepsrapport .mhc-360__detail-table {
    font-size: 12px;
  }
  .Isam .mhcgroepsrapport .mhc-360__detail-table th, .Isam .mhcgroepsrapport .mhc-360__detail-table td {
    padding: 8px 10px;
  }
  .Isam .mhcgroepsrapport .mhc-360__detail-table .mhc-360__col--question {
    width: 38%;
  }
}
@media print {
  .Isam .mhcgroepsrapport body {
    background: #fff;
    padding: 0;
    font-size: 11pt;
  }
  .Isam .mhcgroepsrapport .mhc-360 {
    max-width: none;
    box-shadow: none;
    border-radius: 0;
  }
  .Isam .mhcgroepsrapport .mhc-360__header {
    background: var(--navy) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    padding: 32px 32px 24px;
  }
  .Isam .mhcgroepsrapport .mhc-360__overview, .Isam .mhcgroepsrapport .mhc-360__deep-dive, .Isam .mhcgroepsrapport .mhc-360__details {
    padding: 24px 32px;
  }
  .Isam .mhcgroepsrapport .mhc-360__filter-bar {
    display: none;
  }
  .Isam .mhcgroepsrapport .mhc-360__details[data-filter] .mhc-360__col--manager,
.Isam .mhcgroepsrapport .mhc-360__details[data-filter] .mhc-360__col--self,
.Isam .mhcgroepsrapport .mhc-360__details[data-filter] .mhc-360__col--delta {
    display: table-cell !important;
  }
  .Isam .mhcgroepsrapport .mhc-360__comp, .Isam .mhcgroepsrapport .mhc-360__overall, .Isam .mhcgroepsrapport .mhc-360__comp-detail {
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .Isam .mhcgroepsrapport .mhc-360__findings, .Isam .mhcgroepsrapport .mhc-360__recommendation {
    background: transparent !important;
  }
  .Isam .mhcgroepsrapport .mhc-360__overall {
    background: var(--surface-soft) !important;
    color: var(--text) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .Isam .mhcgroepsrapport .mhc-360__overall h3, .Isam .mhcgroepsrapport .mhc-360__overall p {
    color: var(--text) !important;
  }
}
.Isam .mhcgroepsrapport .mhc-360 [class*=mhc-360__ico--]::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 12px;
  vertical-align: -5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__ico--overview::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F3A5F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12,3 21,8 21,16 12,21 3,16 3,8'/%3E%3Cpolygon points='12,8 16,10.5 16,14.5 12,17 8,14.5 8,10.5'/%3E%3Ccircle cx='12' cy='12' r='1.2' fill='%231F3A5F' stroke='none'/%3E%3C/svg%3E");
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__ico--deep-dive::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F3A5F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cline x1='20' y1='20' x2='15' y2='15'/%3E%3C/svg%3E");
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__ico--details::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F3A5F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='14' width='4' height='7' rx='0.5'/%3E%3Crect x='10' y='10' width='4' height='11' rx='0.5'/%3E%3Crect x='17' y='6' width='4' height='15' rx='0.5'/%3E%3C/svg%3E");
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__stat--good {
  position: relative;
  overflow: hidden;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__stat--good::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 6px;
  width: 64px;
  height: 28px;
  opacity: 0.22;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' fill='none' stroke='%232A6D45' 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;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__stat--good > * {
  position: relative;
  z-index: 1;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__stat--attention {
  position: relative;
  overflow: hidden;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__stat--attention::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 6px;
  width: 60px;
  height: 28px;
  opacity: 0.22;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' fill='none' stroke='%23B45454' 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;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__stat--attention > * {
  position: relative;
  z-index: 1;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 p,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 li,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 td,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__observation,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__recommendation {
  color: var(--text) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 h1,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 h2,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 h3,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 h4 {
  color: var(--navy) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__findings h3 {
  color: var(--amber-warm) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__recommendation::before {
  color: var(--amber-warm) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__header,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__header h1,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__header .mhc-360__eyebrow,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__header .mhc-360__meta,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__section-num,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall h3,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall p,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__filter-btn.is-active {
  color: #ffffff !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__header .mhc-360__eyebrow {
  color: var(--amber) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__score--self {
  color: #14618A !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__score--manager {
  color: #8A5A1F !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__score--target {
  color: var(--text-soft) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__score--ambition {
  color: var(--ambition) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__tag--D {
  color: var(--tag-D-fg) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__tag--B {
  color: var(--tag-B-fg) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__tag--E {
  color: var(--tag-E-fg) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__tag--L {
  color: var(--tag-L-fg) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__tag--NO {
  color: var(--tag-NO-fg) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__delta--positive {
  color: var(--delta-positive) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__delta--negative {
  color: var(--delta-negative) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__bar--self .mhc-360__bar-value {
  color: #14618A !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__bar--manager .mhc-360__bar-value {
  color: #8A5A1F !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 strong {
  color: inherit !important;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__comp > header h3 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-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;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__status::before {
  content: "";
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__status--strong {
  background: rgba(18, 127, 181, 0.12);
  color: #0E5780;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-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='%23127fb5'%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");
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__status--growth {
  background: rgba(50, 122, 41, 0.13);
  color: #285F22;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-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='%23327a29'%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");
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__status--focus {
  background: rgba(16, 41, 81, 0.1);
  color: #102951;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-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='%23102951'%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");
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__intro {
  padding: 24px 28px 4px;
  margin: 0 0 8px;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__intro-lead {
  font-size: 15px;
  line-height: 1.6;
  color: var(--text);
  margin: 0 0 22px;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__intro-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
  margin: 0 0 8px;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__intro-block {
  background: var(--surface-soft);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius);
  padding: 14px 16px 12px;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__intro-block h3 {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--amber-warm);
  font-weight: 600;
  margin: 0 0 8px;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__intro-block p {
  font-size: 13.5px;
  margin: 0 0 8px;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__intro-block ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__intro-block li {
  position: relative;
  padding: 4px 0 4px 16px;
  font-size: 13.5px;
  line-height: 1.5;
  margin: 0;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__intro-block li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--amber-warm);
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__intro-block li strong {
  color: var(--navy);
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__comp-desc {
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--text-soft);
  margin: 4px 0 14px;
  max-width: 70ch;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__development {
  background: var(--surface);
  border: 1px solid var(--border-soft);
  border-left: 4px solid var(--amber-warm);
  border-radius: var(--radius);
  padding: 18px 22px;
  margin: 16px 0 0;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__development h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--amber-warm);
  margin: 0 0 10px;
  letter-spacing: -0.01em;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__development h4 {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--navy);
  font-weight: 600;
  margin: 14px 0 6px;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__development h4:first-of-type {
  margin-top: 6px;
}
.Isam .mhcgroepsrapport .mhc-360 .mhc-360__development p {
  font-size: 14px;
  line-height: 1.55;
  margin: 0 0 6px;
  color: var(--text);
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__status--strong {
  color: #0E5780 !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__status--growth {
  color: #285F22 !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__status--focus {
  color: #102951 !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__intro-block h3,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__development h3 {
  color: var(--amber-warm) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__intro-block li strong,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__development h4 {
  color: var(--navy) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__intro-lead,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__intro-block p,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__intro-block li,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__development p {
  color: var(--text) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__comp-desc {
  color: var(--text-soft) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__group-stats {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
  margin: 24px 0 28px !important;
}
@media (max-width: 700px) {
  .Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__group-stats {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-wrap {
  display: flex !important;
  gap: 32px !important;
  align-items: center !important;
  margin: 20px 0 !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-wrap svg {
  flex-shrink: 0;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-legend {
  flex: 1;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-legend ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-legend li {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 8px !important;
  font-size: 14px !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-legend .swatch {
  width: 14px !important;
  height: 14px !important;
  border-radius: 3px !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist {
  display: grid !important;
  grid-template-columns: 80px 1fr 80px 1fr !important;
  gap: 8px 14px !important;
  align-items: center !important;
  margin: 14px 0 4px !important;
  font-size: 12px !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-label {
  color: var(--text-soft) !important;
  font-size: 12px !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-bar {
  display: flex !important;
  height: 22px !important;
  background: var(--surface-soft) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  font-size: 11px !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-seg {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: white !important;
  font-weight: 600 !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  padding: 0 4px !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-seg--D {
  background: #94a3b8 !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-seg--B {
  background: #64748b !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-seg--E {
  background: #2E9CCA !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-seg--L {
  background: #1F3A5F !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-legend-row {
  display: flex !important;
  gap: 16px !important;
  font-size: 11px !important;
  color: var(--text-soft) !important;
  margin-bottom: 8px !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-legend-row span {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-legend-row .sw {
  width: 11px !important;
  height: 11px !important;
  border-radius: 2px !important;
  display: inline-block !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 16px 0 !important;
  font-size: 13px !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-table th,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-table td {
  padding: 10px 12px !important;
  text-align: left !important;
  border-bottom: 1px solid var(--border-soft) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-table th {
  background: var(--surface-soft) !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-table td.num {
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-card {
  border: 1px solid var(--border-soft) !important;
  border-radius: var(--radius) !important;
  padding: 18px 22px !important;
  margin: 14px 0 !important;
  background: white !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-card h4 {
  margin: 0 0 4px !important;
  font-family: var(--font-bold) !important;
  font-weight: normal !important;
  color: var(--navy) !important;
  font-size: 16px !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-card .team-meta {
  font-size: 12px !important;
  color: var(--text-soft) !important;
  margin-bottom: 10px !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__conclusion {
  background: linear-gradient(135deg, #fff8eb 0%, #fff 100%) !important;
  border-left: 4px solid var(--amber-warm) !important;
  padding: 16px 22px !important;
  margin: 16px 0 24px !important;
  border-radius: 0 var(--radius) var(--radius) 0 !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__conclusion h4 {
  margin: 0 0 6px !important;
  font-family: var(--font-bold) !important;
  font-weight: normal !important;
  color: var(--amber-warm) !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__chart-wrap--group {
  text-align: center !important;
  margin: 24px 0 !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__not-completed {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 12px 0 !important;
  font-size: 13px !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__not-completed th,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__not-completed td {
  padding: 8px 12px !important;
  text-align: left !important;
  border-bottom: 1px solid var(--border-soft) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__not-completed th {
  background: var(--surface-soft) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  color: var(--text-soft) !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__not-completed .reason {
  color: var(--text-soft) !important;
  font-style: italic !important;
}
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall ol,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall ul,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall li,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall strong,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall b,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall em,
.Isam .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall h4 {
  color: #ffffff !important;
}
.Isam .IsamTopigsNorsvinMaster .hide-default-link a {
  text-decoration: none;
  color: inherit;
}
.Academy {
  --primary-color-1200: #118477;
  --primary-color-1200-rgb: 17,132,119;
  --primary-color-1000: #36a9e1;
  --primary-color-1000-rgb: 54,169,225;
  --primary-color-800: #267bbe;
  --primary-color-800-rgb: 38,123,190;
  --primary-color-100: #1da89c;
  --primary-color-100-rgb: 29,168,156;
  --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: #0432b4;
  --primary--color-DarkBlue-rgb: 4,50,180;
  --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;
}
.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;
}
.Isam .Button .button__Primary {
  background-color: var(--primary--color-DarkBlue);
  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;
}
.Isam .Button .button__Primary:hover {
  background-color: var(--secondary-color-800);
}
.Isam .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;
}
.Isam .Button .button__Secondary:hover {
  background-color: var(--primary-color-100);
  font-family: Default-Bold;
  text-transform: uppercase;
}
.Isam .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;
}
.Isam .Button .button__Tertiary:hover {
  background-color: var(--neutral-color-400);
}
.Isam .Button .button__Form__Next {
  background-color: var(--primary-color-800);
  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-Regular;
}
.Isam .Button .button__Form__Next:hover {
  background-color: var(--primary--color-DarkBlue);
}
.Isam .Button .button__Ghost {
  background-color: var(--neutral--color-Transparant);
  border-color: var(--primary-color-1200);
  color: var(--primary-color-1200);
  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;
}
.Isam .Button .button__Ghost:hover {
  background-color: var(--neutral-color-100);
  border-width: 1px;
  border-radius: 5px;
}
.Isam .Button .button__Form__Prev {
  background-color: var(--primary-color-1200);
  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;
}
.Isam .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;
}
.Isam .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;
}
.Isam .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;
}
.Isam .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;
}
.Isam .Button .button__Subnav:hover {
  background-color: var(--primary-color-800);
}
.Isam .Button .button__Subnav:active {
  background-color: var(--primary-color-800);
}
.Isam .Button .button__SubnavSelect {
  background-color: var(--primary-color-800);
  color: var(--primary--color-White);
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  border-width: 0px;
  border-radius: 0 0 5px 5px;
  font-size: 14px;
  font-family: Default-Bold;
  text-transform: uppercase;
}
.Isam .Button .button__SubnavSelect:hover {
  background-color: var(--secondary-color-400);
  color: var(--primary--color-White);
  font-family: Default-Bold;
}
.Isam .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;
}
.Isam .Button .button__Wireframe:hover {
  background-color: var(--secondary-color-50);
}
.Isam .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;
}
.Isam .Button .button__Text_small:hover {
  background-color: var(--neutral-color-100);
  border-radius: 8px;
  font-family: Default-Regular;
  font-size: 14px;
}
.Isam .second-menu ul.navbar-nav {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
  list-style: none;
}
.Isam .second-menu ul.navbar-nav li {
  margin-right: 1rem;
}
.Isam .second-menu ul.navbar-nav li:last-child {
  margin-right: 0;
}
.Isam .second-menu ul.navbar-nav li a.nav-link {
  font-family: "Default-Bold";
  font-size: 18px;
}
.Isam .second-menu ul.navbar-nav .nav-link.active,
.Isam .second-menu ul.navbar-nav .nav-link.active-parent,
.Isam .second-menu ul.navbar-nav .show > .nav-link {
  font-weight: regular;
  color: var(--primary-color-1200);
  border-bottom: 0px solid var(--primary-color-1200);
}
.IsamMHC {
  --primary-color-1200: #118477;
  --primary-color-1200-rgb: 17,132,119;
  --primary-color-1000: #36a9e1;
  --primary-color-1000-rgb: 54,169,225;
  --primary-color-800: #267bbe;
  --primary-color-800-rgb: 38,123,190;
  --primary-color-100: #1da89c;
  --primary-color-100-rgb: 29,168,156;
  --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: #0432b4;
  --primary--color-DarkBlue-rgb: 4,50,180;
  --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;
}
.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;
}
.Isam .h5, .Isam h5, Isam .h5, Isam h5 {
  font-family: Default-Bold;
  text-transform: none;
  font-size: 14px;
}
.IsamMHC .Button .button__Primary {
  background-color: var(--primary--color-DarkBlue);
  border-color: var(--primary--color-DarkBlue);
  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;
}
.IsamMHC .Button .button__Primary:hover {
  background-color: var(--secondary-color-600);
}
.IsamMHC .Button .button__Primary:active {
  background-color: var(--primary-color-100);
}
.IsamMHC .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;
}
.IsamMHC .Button .button__Secondary:hover {
  background-color: var(--primary-color-100);
  font-family: Default-Bold;
  text-transform: uppercase;
}
.IsamMHC .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;
}
.IsamMHC .Button .button__Tertiary:hover {
  background-color: var(--neutral-color-400);
}
.IsamMHC .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;
}
.IsamMHC .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;
}
.IsamMHC .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;
}
.IsamMHC .Button .button__Ghost {
  background-color: var(--neutral--color-Transparant);
  border-color: var(--primary-color-1200);
  color: var(--primary-color-1200);
  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;
}
.IsamMHC .Button .button__Ghost:hover {
  background-color: var(--neutral-color-100);
  border-width: 1px;
  border-radius: 5px;
}
.IsamMHC .Button .button__Form__Next {
  background-color: var(--primary-color-1200);
  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;
}
.IsamMHC .Button .button__Form__Next:hover {
  background-color: var(--primary--color-DarkBlue);
}
.IsamMHC .Button .button__Form__Prev {
  background-color: var(--primary-color-1200);
  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;
}
.IsamMHC .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;
}
.IsamMHC .Button .button__Subnav:hover {
  background-color: var(--primary-color-800);
}
.IsamMHC .Button .button__Subnav:active {
  background-color: var(--primary-color-800);
}
.IsamMHC .Button .button__SubnavSelect {
  background-color: var(--primary-color-800);
  color: var(--primary--color-White);
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  border-width: 0px;
  border-radius: 0 0 5px 5px;
  font-size: 14px;
  font-family: Default-Bold;
  text-transform: uppercase;
}
.IsamMHC .Button .button__SubnavSelect:hover {
  background-color: var(--secondary-color-400);
  color: var(--primary--color-White);
  font-family: Default-Bold;
}
.IsamMHC .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;
}
.IsamMHC .Button .button__Text_small:hover {
  background-color: var(--neutral-color-100);
  border-radius: 8px;
  font-family: Default-Regular;
  font-size: 14px;
}
.IsamMHC .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;
}
.IsamMHC .Button .button__Wireframe:hover {
  background-color: var(--secondary-color-50);
}
@charset "UTF-8";
.IsamMHC .mhcgroepsrapport {
  /* ════════════════════════════════════════════════════════════════════════
  MHC Mobility — 360° Feedback Groepsrapport — VOLLEDIGE CSS (standalone)
  v9 base + groep-additions in één bestand.
  ════════════════════════════════════════════════════════════════════════ */
  /* ============================================================
     MHC Mobility — 360° Feedback rapport — v7 (complete)

     Dit is v4 basis + v7-additions in één bestand.
     Vervang hiermee je huidige enkele CSS-bron in Bisbrick.

     Wat erin zit:
     - Alle v4-basis styling (header, overview, stats, spider-wrap,
       per-competentie articles, rode draad, reasons-panel, footer-styling, etc.)
     - v7-additions: status-badges, intro-sectie, comp-desc, 
       development-rubriek + host-proofing voor alle nieuwe kleuren
     ============================================================ */
  /* ============================================================
     MHC Mobility — 360° Feedback rapport
     Styling voor AI-gegenereerde individuele rapporten
     Werkt samen met mhc_360_systemprompt.md
     ============================================================ */
  /* ---------- 1. Design tokens (scoped to .mhc-360) ---------- */
  /* ---------- 2. Reset & base ---------- */
  /* Demo-only body styling — niet onderdeel van het component zelf.
     In Bisbrick (of een andere host) wordt deze regel niet gebruikt;
     het component zelf is volledig zelf-bevattend onder .mhc-360. */
  /* ---------- 3. Component root + headings (alles onder .mhc-360) ---------- */
  /* ---------- 4. Header ---------- */
  /* Section markers — big amber numerals before each section title */
  /* Stats strip — hero KPI tiles in section 1 */
  /* Reasons panel — Wat zou de reden kunnen zijn? */
  /* ---------- 5. Sectie 1: Overzicht ---------- */
  /* Spider chart container */
  /* Key findings */
  /* ---------- 6. Sectie 2: Verdieping ---------- */
  /* Score pills */
  /* Rode draad */
  /* ---------- 7. Sectie 3: Details ---------- */
  /* Filter mhc-360__bar */
  /* Detail tables */
  /* Filter — driestand via data-attribuut op .mhc-360__details */
  /* Niveau-tags */
  /* Delta */
  /* ---------- 8. Bar charts per vraag (sectie 3) ---------- */
  /* Axis mhc-360__bar across the top — D B E L labels aligned with mhc-360__bar zones */
  /* Per-question block */
  /* Question header: scenario text + delta badge */
  /* Bar rows wrapper */
  /* Single mhc-360__bar row: source label + track */
  /* Bar track — background with subtle level zones */
  /* Target line — vertical marker */
  /* The actual mhc-360__bar — fills from left to its mhc-360__score */
  /* Score value label — sits directly after the mhc-360__bar's end */
  /* "Niet geobserveerd" state — striped mhc-360__bar instead of solid */
  /* Filter hides rows based on selection */
  /* Legend below charts */
  /* Toggle to show exact mhc-360__tag table below dumbbell */
  /* ---------- 9. Footer ---------- */
  /* ---------- 10. Responsive ---------- */
  /* ---------- 11. Print ---------- */
  /* ════════════════════════════════════════════════════════════════════════
     12. SECTION ICONS — CSS-only, SVG via data URI
     Icons sit before the h2 text in each section-marker. The agent adds
     a single class to the h2 (e.g. mhc-360__ico--overview); no extra
     HTML element, no inline SVG, no LLM geometry.
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     13. TREND MOTIF — subtle upward trend line on "good" stat tiles
     Decorative only, drawn via ::after on .mhc-360__stat--good. No JS,
     no inline SVG in the HTML.
     ════════════════════════════════════════════════════════════════════════ */
  /* Attention-tile gets a subtle "spread/gap" motif instead — two diverging lines */
  /* ════════════════════════════════════════════════════════════════════════
     14. HOST-PROOFING — force every text color with !important + doubled
     root selector specificity. Wins cascade against host stylesheets that
     set global text colors on p / li / td via :root, body, or class rules
     loaded after this sheet. The earlier inheritance-based colors lose
     the cascade in some embed contexts; these rules win it outright.
     ════════════════════════════════════════════════════════════════════════ */
  /* Dark body text on light surfaces */
  /* Section + body headings — navy */
  /* Eyebrow + amber accent labels */
  /* WHITE text on dark surfaces — forced so host cannot darken */
  /* Eyebrow stays amber */
  /* Score pill colors */
  /* Tag colors keep their semantic foreground */
  /* Delta semantic colors */
  /* Bar value labels keep their accent */
  /* nested strong follows parent's forced color */
  /* ============================================================
     v7 ADDITIONS (was: mhc_360_report_v7_additions.css)
     ============================================================ */
  /* ════════════════════════════════════════════════════════════════════════
     MHC 360° v6 — CSS additions
     Voeg deze toe ONDERAAN je bestaande mhc_360_report_v4.css.
     Drie nieuwe blokken:
       (A) Status badges per competentie (⭐ / 🌱 / 🔍)
       (B) Intro-sectie (3 perspectieven + 4 niveaus)
       (C) Comp-desc (vaste omschrijving per competentie)
       (D) Development-rubriek (Ontwikkeling richting 2027)
     Plus host-proofing voor alle nieuwe text-colors.
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     A. STATUS BADGES — Sterk punt / Groeikans / Aandachtspunt
     Komen inline in de h3 van elk competentie-artikel. Lucide icoon links,
     label rechts, als pill.
     ════════════════════════════════════════════════════════════════════════ */
  /* Maak de h3 in de competentie-header een flex-container zodat de badge
     netjes naast de titel komt te staan, ook bij wrap op smalle schermen. */
  /* Base badge — pill met icoon */
  /* Modifier 1 — Sterk punt (Lucide star, blauw) */
  /* Modifier 2 — Groeikans (Lucide sprout, groen) */
  /* Modifier 3 — Aandachtspunt (Lucide search, navy) */
  /* ════════════════════════════════════════════════════════════════════════
     B. INTRO-SECTIE — drie perspectieven + vier niveaus
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     C. COMP-DESC — vaste omschrijving onder de competentie-titel
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     D. DEVELOPMENT — Ontwikkeling richting 2027
     Lijkt op .mhc-360__overall maar lichter — niet diepe-navy achtergrond
     maar witte card met amber accent. Zo wordt het visueel onderscheiden van
     "Rode draad" zonder dat het te dominant wordt.
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     HOST-PROOFING — text-colors voor alle nieuwe elementen
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     MHC Mobility — Groepsrapport — CSS aanvullingen

     Plak ONDERAAN je bestaande mhc_360_report_v9.css in Bisbrick.
     Alle selectors gebruiken .mhc-360.mhc-360 pattern voor hoge specificity —
     wint van de meeste Bisbrick host-styles.
     ════════════════════════════════════════════════════════════════════════ */
  /* A. Layout-klassen specifiek voor het groepsrapport
     ════════════════════════════════════════════════════════════════════════ */
  /* B. Fix: witte tekst op donkernavy in .mhc-360__overall (ol/li/strong)
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     C. Typography in .mhc-360__overall en .mhc-360__development
     Titels bold, lopende tekst regular voor betere visuele hiërarchie
     ════════════════════════════════════════════════════════════════════════ */
}
.IsamMHC .mhcgroepsrapport .mhc-360 {
  /* Brand kleuren */
  --navy: #1F3A5F;
  --navy-soft: #2C4F7B;
  --amber: #C9A352;
  --amber-warm: #E29F47;
  /* Data-serie kleuren */
  --self: #2E9CCA;
  /* zelfreflectie — cyan */
  --self-bg: rgba(46, 156, 202, 0.12);
  --self-border: rgba(46, 156, 202, 0.45);
  --manager: #E29F47;
  /* manager — warm amber */
  --manager-bg: rgba(226, 159, 71, 0.12);
  --manager-border: rgba(226, 159, 71, 0.45);
  --target: #555555;
  /* target — neutraal grijs (dotted in chart) */
  --ambition: #6FAE83;
  /* ambitie — sage groen (dashed in chart) */
  /* Niveau-tags (D / B / E / L) */
  --tag-D-bg: #E8F2F9;
  --tag-D-fg: #1F567F;
  --tag-B-bg: #FAE9D4;
  --tag-B-fg: #8A5A1F;
  --tag-E-bg: #DCEDE0;
  --tag-E-fg: #2A6D45;
  --tag-L-bg: #E8DEF2;
  --tag-L-fg: #4E3878;
  --tag-NO-bg: #ECEEF1;
  --tag-NO-fg: #6C757D;
  /* Delta */
  --delta-positive: #2A6D45;
  --delta-negative: #B23A48;
  --delta-zero: #6C757D;
  /* Surface */
  --bg: #FBFAF7;
  --surface: #FFFFFF;
  --surface-soft: #F4F1EA;
  --border: #E5E7EB;
  --border-soft: #EFEDE8;
  /* Tekst */
  --text: #1F2937;
  --text-soft: #4B5563;
  --text-mute: #6B7280;
  /* Type & layout — Raleway via Bisbrick defaults */
  --font: "Default-Regular", "Raleway", "Helvetica Neue", "Arial", system-ui, -apple-system, sans-serif;
  --font-light: "Default-Light", "Raleway", "Helvetica Neue", "Arial", system-ui, -apple-system, sans-serif;
  --font-bold: "Default-Bold", "Raleway", "Helvetica Neue", "Arial", system-ui, -apple-system, 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);
}
.IsamMHC .mhcgroepsrapport *, .IsamMHC .mhcgroepsrapport *::before, .IsamMHC .mhcgroepsrapport *::after {
  box-sizing: border-box;
}
.IsamMHC .mhcgroepsrapport html {
  -webkit-text-size-adjust: 100%;
}
.IsamMHC .mhcgroepsrapport body {
  margin: 0;
  padding: 40px 20px 80px;
  font-family: "Default-Regular", "Raleway", "Helvetica Neue", "Arial", system-ui, -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.55;
  color: #1F2937;
  background: #FBFAF7;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.IsamMHC .mhcgroepsrapport .mhc-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);
}
.IsamMHC .mhcgroepsrapport .mhc-360 h1,
.IsamMHC .mhcgroepsrapport .mhc-360 h2,
.IsamMHC .mhcgroepsrapport .mhc-360 h3,
.IsamMHC .mhcgroepsrapport .mhc-360 h4 {
  margin: 0;
  font-family: var(--font-bold);
  font-weight: normal;
  /* Default-Bold is een baked-bold font-family — geen extra weight nodig */
  color: var(--navy);
  line-height: 1.25;
}
.IsamMHC .mhcgroepsrapport .mhc-360 strong,
.IsamMHC .mhcgroepsrapport .mhc-360 b {
  font-family: var(--font-bold);
  font-weight: normal;
}
.IsamMHC .mhcgroepsrapport .mhc-360 p {
  margin: 0 0 0.9em;
}
.IsamMHC .mhcgroepsrapport .mhc-360 ul {
  margin: 0 0 0.9em;
  padding-left: 1.4em;
}
.IsamMHC .mhcgroepsrapport .mhc-360 li {
  margin-bottom: 0.5em;
}
.IsamMHC .mhcgroepsrapport .mhc-360__header {
  padding: 48px 48px 36px;
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-soft) 100%);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.IsamMHC .mhcgroepsrapport .mhc-360__header::before {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201, 163, 82, 0.18) 0%, transparent 70%);
  pointer-events: none;
}
.IsamMHC .mhcgroepsrapport .mhc-360__header .mhc-360__eyebrow {
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--amber);
  margin: 0 0 12px;
  font-weight: 600;
  position: relative;
}
.IsamMHC .mhcgroepsrapport .mhc-360__header h1 {
  font-size: 32px;
  color: #fff;
  margin: 0 0 12px;
  letter-spacing: -0.01em;
  position: relative;
}
.IsamMHC .mhcgroepsrapport .mhc-360__header .mhc-360__meta {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.78);
  margin: 0;
  font-style: italic;
  position: relative;
}
.IsamMHC .mhcgroepsrapport .mhc-360__section-marker {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 28px;
}
.IsamMHC .mhcgroepsrapport .mhc-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(--amber) 0%, var(--amber-warm) 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.02em;
  box-shadow: 0 2px 8px rgba(201, 163, 82, 0.3);
}
.IsamMHC .mhcgroepsrapport .mhc-360__section-marker h2 {
  margin: 0;
  font-size: 22px;
  padding-bottom: 0;
  border-bottom: none;
}
.IsamMHC .mhcgroepsrapport .mhc-360__stats {
  display: flex;
  gap: 12px;
  margin: 0 0 32px;
}
.IsamMHC .mhcgroepsrapport .mhc-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;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm);
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat .mhc-360__stat-label {
  font-size: 10.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-mute);
  font-weight: 600;
  margin-bottom: 4px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat .mhc-360__stat-value {
  font-size: 22px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.1;
  letter-spacing: -0.01em;
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat .mhc-360__stat-value.mhc-360__stat-value--text {
  font-size: 17px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat .mhc-360__stat-of {
  font-size: 16px;
  color: var(--text-mute);
  font-weight: 500;
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat .mhc-360__stat-sub {
  font-size: 12px;
  color: var(--text-soft);
  margin-top: auto;
  padding-top: 4px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat.mhc-360__stat--attention {
  border-color: var(--manager-border);
  background: linear-gradient(135deg, var(--manager-bg) 0%, var(--surface) 60%);
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat.mhc-360__stat--attention .mhc-360__stat-value {
  color: #946D24;
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat.mhc-360__stat--good {
  border-color: rgba(111, 174, 131, 0.4);
  background: linear-gradient(135deg, rgba(111, 174, 131, 0.1) 0%, var(--surface) 60%);
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat.mhc-360__stat--good .mhc-360__stat-value {
  color: #2A6D45;
}
.IsamMHC .mhcgroepsrapport .mhc-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;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reasons > h3 {
  font-size: 18px;
  margin: 0 0 8px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reasons > h3::before {
  content: "?";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--amber);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  flex-shrink: 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reasons-intro {
  color: var(--text-soft);
  font-size: 13.5px;
  margin: 0 0 22px;
  padding-left: 40px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reasons-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.IsamMHC .mhcgroepsrapport .mhc-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;
  position: relative;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason .mhc-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;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason.mhc-360__reason--self-high .mhc-360__reason-icon {
  background: var(--self-bg);
  color: var(--self);
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason.mhc-360__reason--manager-high .mhc-360__reason-icon {
  background: var(--manager-bg);
  color: var(--manager);
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason.mhc-360__reason--aligned-below .mhc-360__reason-icon {
  background: rgba(178, 58, 72, 0.1);
  color: var(--delta-negative);
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason.mhc-360__reason--aligned-ok .mhc-360__reason-icon {
  background: rgba(42, 109, 69, 0.1);
  color: var(--delta-positive);
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason h4 {
  font-size: 14px;
  color: var(--navy);
  margin: 0 0 10px;
  font-weight: 600;
  line-height: 1.35;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason ul {
  margin: 0;
  padding-left: 18px;
  font-size: 13px;
  color: var(--text);
  line-height: 1.5;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason li {
  margin-bottom: 6px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason li:last-child {
  margin-bottom: 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason li::marker {
  color: var(--amber);
}
.IsamMHC .mhcgroepsrapport .mhc-360__overview {
  padding: 40px 48px;
  border-bottom: 1px solid var(--border);
}
.IsamMHC .mhcgroepsrapport .mhc-360__overview h2 {
  font-size: 22px;
  margin: 0 0 24px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--amber);
  display: inline-block;
}
.IsamMHC .mhcgroepsrapport .mhc-360__chart-wrap {
  position: relative;
  height: 460px;
  margin: 0 0 36px;
  padding: 16px 8px 8px;
  background: var(--surface-soft);
  border-radius: var(--radius);
}
.IsamMHC .mhcgroepsrapport .mhc-360__findings {
  background: var(--surface-soft);
  border-left: 4px solid var(--amber);
  padding: 20px 24px 16px;
  border-radius: 0 var(--radius) var(--radius) 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360__findings h3 {
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--amber-warm);
  margin: 0 0 12px;
  font-weight: 700;
}
.IsamMHC .mhcgroepsrapport .mhc-360__findings ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360__findings li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  color: var(--text);
  line-height: 1.55;
}
.IsamMHC .mhcgroepsrapport .mhc-360__findings li:last-child {
  margin-bottom: 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360__findings li::before {
  content: "▸";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--amber);
  font-weight: bold;
}
.IsamMHC .mhcgroepsrapport .mhc-360__deep-dive {
  padding: 40px 48px;
  border-bottom: 1px solid var(--border);
}
.IsamMHC .mhcgroepsrapport .mhc-360__deep-dive > h2:first-child {
  font-size: 22px;
  margin: 0 0 28px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--amber);
  display: inline-block;
}
.IsamMHC .mhcgroepsrapport .mhc-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;
}
.IsamMHC .mhcgroepsrapport .mhc-360__comp header {
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px dashed var(--border-soft);
}
.IsamMHC .mhcgroepsrapport .mhc-360__comp header h3 {
  font-size: 17px;
  margin: 0 0 10px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__scores {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__score {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 999px;
  white-space: nowrap;
}
.IsamMHC .mhcgroepsrapport .mhc-360__score--self {
  background: var(--self-bg);
  color: #14618A;
  border: 1px solid var(--self-border);
}
.IsamMHC .mhcgroepsrapport .mhc-360__score--manager {
  background: var(--manager-bg);
  color: #8A5A1F;
  border: 1px solid var(--manager-border);
}
.IsamMHC .mhcgroepsrapport .mhc-360__score--target {
  background: transparent;
  color: var(--text-soft);
  border: 1px dashed #B5B5B5;
}
.IsamMHC .mhcgroepsrapport .mhc-360__score--ambition {
  background: transparent;
  color: var(--ambition);
  border: 1px dotted var(--ambition);
}
.IsamMHC .mhcgroepsrapport .mhc-360__comp .mhc-360__observation {
  color: var(--text);
  margin-bottom: 12px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__comp .mhc-360__recommendation {
  background: var(--surface-soft);
  border-left: 3px solid var(--amber);
  padding: 12px 16px;
  border-radius: 0 var(--radius) var(--radius) 0;
  margin: 0;
  font-size: 14.5px;
  color: var(--text);
}
.IsamMHC .mhcgroepsrapport .mhc-360__comp .mhc-360__recommendation::before {
  content: "Volgende stap";
  display: block;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--amber-warm);
  font-weight: 700;
  margin-bottom: 4px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__overall {
  background: var(--navy);
  color: #fff;
  border-radius: var(--radius);
  padding: 24px 28px;
  margin-top: 24px;
  page-break-inside: avoid;
  break-inside: avoid;
}
.IsamMHC .mhcgroepsrapport .mhc-360__overall h3 {
  color: #fff;
  font-size: 17px;
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--amber);
  display: inline-block;
}
.IsamMHC .mhcgroepsrapport .mhc-360__overall p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 15px;
  line-height: 1.6;
}
.IsamMHC .mhcgroepsrapport .mhc-360__details {
  padding: 40px 48px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__details > h2 {
  font-size: 22px;
  margin: 0 0 12px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--amber);
  display: inline-block;
}
.IsamMHC .mhcgroepsrapport .mhc-360__details-intro {
  color: var(--text-soft);
  font-size: 14px;
  margin: 0 0 24px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__filter-bar {
  display: inline-flex;
  background: var(--surface-soft);
  border-radius: var(--radius);
  padding: 4px;
  margin-bottom: 28px;
  gap: 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360__filter-btn {
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 16px;
  border: none;
  background: transparent;
  color: var(--text-soft);
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.15s ease;
}
.IsamMHC .mhcgroepsrapport .mhc-360__filter-btn:hover {
  color: var(--navy);
}
.IsamMHC .mhcgroepsrapport .mhc-360__filter-btn.is-active {
  background: var(--navy);
  color: #fff;
  box-shadow: var(--shadow-sm);
}
.IsamMHC .mhcgroepsrapport .mhc-360__filter-btn:focus-visible {
  outline: 2px solid var(--amber);
  outline-offset: 2px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__comp-detail {
  margin-bottom: 28px;
  page-break-inside: avoid;
  break-inside: avoid;
}
.IsamMHC .mhcgroepsrapport .mhc-360__comp-detail h3 {
  font-size: 15px;
  margin: 0 0 10px;
  color: var(--navy);
  font-weight: 600;
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  font-size: 13.5px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table thead {
  background: var(--surface-soft);
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table th {
  text-align: left;
  padding: 10px 14px;
  font-weight: 600;
  color: var(--navy);
  font-size: 12px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--border);
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--border-soft);
  vertical-align: middle;
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table tr:last-child td {
  border-bottom: none;
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table tbody tr:hover {
  background: var(--surface-soft);
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table .mhc-360__col--question {
  width: 42%;
  color: var(--text);
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table .mhc-360__col--self,
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table .mhc-360__col--manager {
  width: 22%;
  text-align: center;
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table .mhc-360__col--delta {
  width: 14%;
  text-align: center;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table th.mhc-360__col--self,
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table td.mhc-360__col--self {
  background: rgba(46, 156, 202, 0.04);
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table th.mhc-360__col--manager,
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table td.mhc-360__col--manager {
  background: rgba(226, 159, 71, 0.04);
}
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter=self] .mhc-360__col--manager,
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter=self] .mhc-360__col--delta {
  display: none;
}
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter=manager] .mhc-360__col--self,
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter=manager] .mhc-360__col--delta {
  display: none;
}
.IsamMHC .mhcgroepsrapport .mhc-360__tag {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.4;
  white-space: nowrap;
}
.IsamMHC .mhcgroepsrapport .mhc-360__tag--D {
  background: var(--tag-D-bg);
  color: var(--tag-D-fg);
}
.IsamMHC .mhcgroepsrapport .mhc-360__tag--B {
  background: var(--tag-B-bg);
  color: var(--tag-B-fg);
}
.IsamMHC .mhcgroepsrapport .mhc-360__tag--E {
  background: var(--tag-E-bg);
  color: var(--tag-E-fg);
}
.IsamMHC .mhcgroepsrapport .mhc-360__tag--L {
  background: var(--tag-L-bg);
  color: var(--tag-L-fg);
}
.IsamMHC .mhcgroepsrapport .mhc-360__tag--NO {
  background: var(--tag-NO-bg);
  color: var(--tag-NO-fg);
  font-style: italic;
  font-weight: 500;
}
.IsamMHC .mhcgroepsrapport .mhc-360__delta--positive {
  color: var(--delta-positive);
}
.IsamMHC .mhcgroepsrapport .mhc-360__delta--negative {
  color: var(--delta-negative);
}
.IsamMHC .mhcgroepsrapport .mhc-360__delta--zero {
  color: var(--delta-zero);
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-chart {
  background: var(--surface-soft);
  border-radius: var(--radius);
  padding: 22px 22px 20px;
  margin: 12px 0 18px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__axis {
  display: flex;
  margin-bottom: 14px;
  padding-left: 82px;
  /* matches .mhc-360__bar-source width + gap */
  padding-right: 70px;
  /* leaves room for the value labels at end of bars */
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--text-mute);
  border-bottom: 1px dashed var(--border);
  padding-bottom: 8px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__axis .mhc-360__axis-label {
  flex: 1 1 0;
  text-align: center;
  position: relative;
}
.IsamMHC .mhcgroepsrapport .mhc-360__question {
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px dashed var(--border);
}
.IsamMHC .mhcgroepsrapport .mhc-360__question:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.IsamMHC .mhcgroepsrapport .mhc-360__q-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__q-label {
  flex: 1 1 auto;
  font-size: 13px;
  color: var(--text);
  font-weight: 500;
  line-height: 1.35;
}
.IsamMHC .mhcgroepsrapport .mhc-360__q-delta {
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  font-variant-numeric: tabular-nums;
  padding: 3px 12px;
  border-radius: 999px;
  background: var(--surface);
  border: 1px solid var(--border);
  min-width: 44px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__q-delta.mhc-360__delta--positive {
  color: var(--delta-positive);
  border-color: rgba(42, 109, 69, 0.3);
}
.IsamMHC .mhcgroepsrapport .mhc-360__q-delta.mhc-360__delta--negative {
  color: var(--delta-negative);
  border-color: rgba(178, 58, 72, 0.3);
}
.IsamMHC .mhcgroepsrapport .mhc-360__q-delta.mhc-360__delta--zero {
  color: var(--text-mute);
  font-weight: 500;
}
.IsamMHC .mhcgroepsrapport .mhc-360__q-delta.mhc-360__delta--NO {
  color: var(--text-mute);
  font-style: italic;
  font-weight: 500;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-rows {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-source {
  flex: 0 0 72px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-soft);
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-row.mhc-360__bar-row--self .mhc-360__bar-source {
  color: #14618A;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-row.mhc-360__bar-row--manager .mhc-360__bar-source {
  color: #8A5A1F;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-track {
  flex: 1 1 auto;
  position: relative;
  height: 22px;
  background: linear-gradient(to right, var(--tag-D-bg) 0%, var(--tag-D-bg) 25%, var(--tag-B-bg) 25%, var(--tag-B-bg) 50%, var(--tag-E-bg) 50%, var(--tag-E-bg) 75%, var(--tag-L-bg) 75%, var(--tag-L-bg) 100%);
  border-radius: 4px;
  opacity: 0.95;
  margin-right: 60px;
  /* room for value label */
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-track::after {
  /* faint zone divider lines */
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, transparent 0, transparent calc(25% - 1px), rgba(255, 255, 255, 0.6) calc(25% - 1px), rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent calc(50% - 1px), rgba(255, 255, 255, 0.6) calc(50% - 1px), rgba(255, 255, 255, 0.6) 50%, transparent 50%, transparent calc(75% - 1px), rgba(255, 255, 255, 0.6) calc(75% - 1px), rgba(255, 255, 255, 0.6) 75%, transparent 75%);
  pointer-events: none;
  border-radius: 4px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__target-line {
  position: absolute;
  top: -3px;
  bottom: -3px;
  width: 2px;
  background: var(--target);
  /* Map mhc-360__score 1→25%, 2→50%, 3→75%, 4→100% */
  left: calc(var(--score) / 4 * 100%);
  border-radius: 1px;
  opacity: 0.65;
  transform: translateX(-50%);
  z-index: 1;
}
.IsamMHC .mhcgroepsrapport .mhc-360__target-line::before {
  content: "▼";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 8px;
  color: var(--target);
  opacity: 0.7;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: calc(var(--score) / 4 * 100%);
  border-radius: 4px;
  z-index: 2;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: width 0.4s ease;
  overflow: visible;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar--self {
  background: linear-gradient(to right, var(--self) 0%, #45B0DC 100%);
  color: #fff;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar--manager {
  background: linear-gradient(to right, var(--manager) 0%, #EFB264 100%);
  color: #fff;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-value {
  position: absolute;
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar--self .mhc-360__bar-value {
  color: #14618A;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar--manager .mhc-360__bar-value {
  color: #8A5A1F;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-track.mhc-360__bar-track--no .mhc-360__bar-no-label {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  font-size: 11px;
  font-style: italic;
  color: var(--text-mute);
  z-index: 2;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-track.mhc-360__bar-track--no::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(108, 117, 125, 0.12) 6px, rgba(108, 117, 125, 0.12) 12px);
  border-radius: 4px;
  z-index: 1;
}
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter=self] .mhc-360__bar-row--manager,
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter=self] .mhc-360__q-delta,
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter=manager] .mhc-360__bar-row--self,
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter=manager] .mhc-360__q-delta {
  display: none;
}
.IsamMHC .mhcgroepsrapport .mhc-360__legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  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: 20px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__legend > span {
  display: inline-flex;
  align-items: center;
  margin-right: 24px;
  margin-bottom: 2px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__legend > span:last-child {
  margin-right: 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360__legend > span > * {
  margin-right: 8px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__legend-swatch {
  display: inline-block;
  width: 18px;
  height: 12px;
  border-radius: 2px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__legend-swatch.mhc-360__legend-swatch--self {
  background: var(--self);
}
.IsamMHC .mhcgroepsrapport .mhc-360__legend-swatch.mhc-360__legend-swatch--manager {
  background: var(--manager);
}
.IsamMHC .mhcgroepsrapport .mhc-360__legend-line {
  display: inline-block;
  width: 16px;
  height: 2px;
  background: var(--target);
}
.IsamMHC .mhcgroepsrapport .mhc-360__table-toggle {
  margin-top: 8px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__table-toggle summary {
  font-size: 12.5px;
  color: var(--text-mute);
  cursor: pointer;
  padding: 6px 0;
  list-style: none;
  user-select: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__table-toggle summary::-webkit-details-marker {
  display: none;
}
.IsamMHC .mhcgroepsrapport .mhc-360__table-toggle summary::before {
  content: "▸";
  font-size: 10px;
  transition: transform 0.15s ease;
}
.IsamMHC .mhcgroepsrapport .mhc-360__table-toggle[open] summary::before {
  transform: rotate(90deg);
}
.IsamMHC .mhcgroepsrapport .mhc-360__table-toggle summary:hover {
  color: var(--navy);
}
.IsamMHC .mhcgroepsrapport .mhc-360__table-toggle .mhc-360__detail-table {
  margin-top: 12px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__footer {
  padding: 28px 48px 36px;
  background: var(--surface-soft);
  border-top: 1px solid var(--border);
  font-size: 13px;
  font-style: italic;
  color: var(--text-mute);
  text-align: center;
}
.IsamMHC .mhcgroepsrapport .mhc-360__footer p {
  margin: 0;
  max-width: 580px;
  margin-inline: auto;
}
@media (max-width: 720px) {
  .IsamMHC .mhcgroepsrapport body {
    padding: 20px 12px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__header {
    padding: 32px 24px 24px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__header h1 {
    font-size: 26px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__overview, .IsamMHC .mhcgroepsrapport .mhc-360__deep-dive, .IsamMHC .mhcgroepsrapport .mhc-360__details {
    padding: 28px 24px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__footer {
    padding: 24px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__chart-wrap {
    height: 360px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__comp {
    padding: 18px 18px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__scores {
    gap: 6px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__score {
    font-size: 11px;
    padding: 3px 9px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__filter-bar {
    width: 100%;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__filter-btn {
    flex: 1;
    padding: 8px 10px;
    font-size: 12px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__detail-table {
    font-size: 12px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__detail-table th, .IsamMHC .mhcgroepsrapport .mhc-360__detail-table td {
    padding: 8px 10px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__detail-table .mhc-360__col--question {
    width: 38%;
  }
}
@media print {
  .IsamMHC .mhcgroepsrapport body {
    background: #fff;
    padding: 0;
    font-size: 11pt;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360 {
    max-width: none;
    box-shadow: none;
    border-radius: 0;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__header {
    background: var(--navy) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    padding: 32px 32px 24px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__overview, .IsamMHC .mhcgroepsrapport .mhc-360__deep-dive, .IsamMHC .mhcgroepsrapport .mhc-360__details {
    padding: 24px 32px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__filter-bar {
    display: none;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter] .mhc-360__col--manager,
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter] .mhc-360__col--self,
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter] .mhc-360__col--delta {
    display: table-cell !important;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__comp, .IsamMHC .mhcgroepsrapport .mhc-360__overall, .IsamMHC .mhcgroepsrapport .mhc-360__comp-detail {
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__findings, .IsamMHC .mhcgroepsrapport .mhc-360__recommendation {
    background: transparent !important;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__overall {
    background: var(--surface-soft) !important;
    color: var(--text) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__overall h3, .IsamMHC .mhcgroepsrapport .mhc-360__overall p {
    color: var(--text) !important;
  }
}
.IsamMHC .mhcgroepsrapport .mhc-360 [class*=mhc-360__ico--]::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 12px;
  vertical-align: -5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__ico--overview::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F3A5F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12,3 21,8 21,16 12,21 3,16 3,8'/%3E%3Cpolygon points='12,8 16,10.5 16,14.5 12,17 8,14.5 8,10.5'/%3E%3Ccircle cx='12' cy='12' r='1.2' fill='%231F3A5F' stroke='none'/%3E%3C/svg%3E");
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__ico--deep-dive::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F3A5F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cline x1='20' y1='20' x2='15' y2='15'/%3E%3C/svg%3E");
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__ico--details::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F3A5F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='14' width='4' height='7' rx='0.5'/%3E%3Crect x='10' y='10' width='4' height='11' rx='0.5'/%3E%3Crect x='17' y='6' width='4' height='15' rx='0.5'/%3E%3C/svg%3E");
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__stat--good {
  position: relative;
  overflow: hidden;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__stat--good::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 6px;
  width: 64px;
  height: 28px;
  opacity: 0.22;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' fill='none' stroke='%232A6D45' 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;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__stat--good > * {
  position: relative;
  z-index: 1;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__stat--attention {
  position: relative;
  overflow: hidden;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__stat--attention::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 6px;
  width: 60px;
  height: 28px;
  opacity: 0.22;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' fill='none' stroke='%23B45454' 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;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__stat--attention > * {
  position: relative;
  z-index: 1;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 p,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 li,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 td,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__observation,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__recommendation {
  color: var(--text) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 h1,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 h2,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 h3,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 h4 {
  color: var(--navy) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__findings h3 {
  color: var(--amber-warm) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__recommendation::before {
  color: var(--amber-warm) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__header,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__header h1,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__header .mhc-360__eyebrow,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__header .mhc-360__meta,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__section-num,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall h3,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall p,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__filter-btn.is-active {
  color: #ffffff !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__header .mhc-360__eyebrow {
  color: var(--amber) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__score--self {
  color: #14618A !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__score--manager {
  color: #8A5A1F !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__score--target {
  color: var(--text-soft) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__score--ambition {
  color: var(--ambition) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__tag--D {
  color: var(--tag-D-fg) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__tag--B {
  color: var(--tag-B-fg) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__tag--E {
  color: var(--tag-E-fg) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__tag--L {
  color: var(--tag-L-fg) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__tag--NO {
  color: var(--tag-NO-fg) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__delta--positive {
  color: var(--delta-positive) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__delta--negative {
  color: var(--delta-negative) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__bar--self .mhc-360__bar-value {
  color: #14618A !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__bar--manager .mhc-360__bar-value {
  color: #8A5A1F !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 strong {
  color: inherit !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__comp > header h3 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-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;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__status::before {
  content: "";
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__status--strong {
  background: rgba(18, 127, 181, 0.12);
  color: #0E5780;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-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='%23127fb5'%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");
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__status--growth {
  background: rgba(50, 122, 41, 0.13);
  color: #285F22;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-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='%23327a29'%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");
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__status--focus {
  background: rgba(16, 41, 81, 0.1);
  color: #102951;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-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='%23102951'%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");
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro {
  padding: 24px 28px 4px;
  margin: 0 0 8px;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro-lead {
  font-size: 15px;
  line-height: 1.6;
  color: var(--text);
  margin: 0 0 22px;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
  margin: 0 0 8px;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro-block {
  background: var(--surface-soft);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius);
  padding: 14px 16px 12px;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro-block h3 {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--amber-warm);
  font-weight: 600;
  margin: 0 0 8px;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro-block p {
  font-size: 13.5px;
  margin: 0 0 8px;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro-block ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro-block li {
  position: relative;
  padding: 4px 0 4px 16px;
  font-size: 13.5px;
  line-height: 1.5;
  margin: 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro-block li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--amber-warm);
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro-block li strong {
  color: var(--navy);
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__comp-desc {
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--text-soft);
  margin: 4px 0 14px;
  max-width: 70ch;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__development {
  background: var(--surface);
  border: 1px solid var(--border-soft);
  border-left: 4px solid var(--amber-warm);
  border-radius: var(--radius);
  padding: 18px 22px;
  margin: 16px 0 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__development h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--amber-warm);
  margin: 0 0 10px;
  letter-spacing: -0.01em;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__development h4 {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--navy);
  font-weight: 600;
  margin: 14px 0 6px;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__development h4:first-of-type {
  margin-top: 6px;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__development p {
  font-size: 14px;
  line-height: 1.55;
  margin: 0 0 6px;
  color: var(--text);
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__status--strong {
  color: #0E5780 !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__status--growth {
  color: #285F22 !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__status--focus {
  color: #102951 !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__intro-block h3,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__development h3 {
  color: var(--amber-warm) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__intro-block li strong,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__development h4 {
  color: var(--navy) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__intro-lead,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__intro-block p,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__intro-block li,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__development p {
  color: var(--text) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__comp-desc {
  color: var(--text-soft) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__group-stats {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
  margin: 24px 0 28px !important;
}
@media (max-width: 700px) {
  .IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__group-stats {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-wrap {
  display: flex !important;
  gap: 32px !important;
  align-items: center !important;
  margin: 20px 0 !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-wrap svg {
  flex-shrink: 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-legend {
  flex: 1;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-legend ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-legend li {
  display: block !important;
  margin-bottom: 10px !important;
  line-height: 1.5 !important;
  font-size: 14px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-legend li .swatch {
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 12px !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 3px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-legend li strong {
  display: inline-block !important;
  min-width: 26px !important;
  margin-right: 10px !important;
  vertical-align: middle !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist {
  display: grid !important;
  grid-template-columns: 80px 1fr 80px 1fr !important;
  gap: 8px 14px !important;
  align-items: center !important;
  margin: 14px 0 4px !important;
  font-size: 12px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-label {
  color: var(--text-soft) !important;
  font-size: 12px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-bar {
  display: flex !important;
  height: 22px !important;
  background: var(--surface-soft) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  font-size: 11px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-seg {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: white !important;
  font-weight: 600 !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  padding: 0 4px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-seg--D {
  background: #94a3b8 !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-seg--B {
  background: #64748b !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-seg--E {
  background: #2E9CCA !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-seg--L {
  background: #1F3A5F !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-legend-row {
  display: block !important;
  margin-bottom: 12px !important;
  font-size: 11px !important;
  color: var(--text-soft) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-legend-row span {
  display: inline-block !important;
  margin-right: 24px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-legend-row span .sw {
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 8px !important;
  width: 11px !important;
  height: 11px !important;
  border-radius: 2px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 16px 0 !important;
  font-size: 13px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-table th,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-table td {
  padding: 10px 12px !important;
  text-align: left !important;
  border-bottom: 1px solid var(--border-soft) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-table th {
  background: var(--surface-soft) !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-table td.num {
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-card {
  border: 1px solid var(--border-soft) !important;
  border-radius: var(--radius) !important;
  padding: 18px 22px !important;
  margin: 14px 0 !important;
  background: white !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-card h4 {
  margin: 0 0 4px !important;
  font-family: var(--font-bold) !important;
  font-weight: normal !important;
  color: var(--navy) !important;
  font-size: 16px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-card .team-meta {
  font-size: 12px !important;
  color: var(--text-soft) !important;
  margin-bottom: 10px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__conclusion {
  background: linear-gradient(135deg, #fff8eb 0%, #fff 100%) !important;
  border-left: 4px solid var(--amber-warm) !important;
  padding: 16px 22px !important;
  margin: 16px 0 24px !important;
  border-radius: 0 var(--radius) var(--radius) 0 !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__conclusion h4 {
  margin: 0 0 6px !important;
  font-family: var(--font-bold) !important;
  font-weight: normal !important;
  color: var(--amber-warm) !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__chart-wrap--group {
  text-align: center !important;
  margin: 24px 0 !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__not-completed {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 12px 0 !important;
  font-size: 13px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__not-completed th,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__not-completed td {
  padding: 8px 12px !important;
  text-align: left !important;
  border-bottom: 1px solid var(--border-soft) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__not-completed th {
  background: var(--surface-soft) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  color: var(--text-soft) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__not-completed .reason {
  color: var(--text-soft) !important;
  font-style: italic !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall ol,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall ul,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall li,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall strong,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall b,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall em,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall h4 {
  color: #ffffff !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall h3,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__development h3 {
  font-family: var(--font-bold) !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  margin-top: 0 !important;
  margin-bottom: 6px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall h4,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__development h4 {
  font-family: var(--font-bold) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  margin-top: 16px !important;
  margin-bottom: 6px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall p,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__development p {
  font-family: var(--font) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}
@charset "UTF-8";
.IsamMHC .IsamMHCMaster {
  /* ── Buiten alle nesting ── */
}
.IsamMHC .IsamMHCMaster .top-bar {
  background: linear-gradient(to right, #005d89, #005d89);
  padding: 0.25rem;
  color: #ffffff;
  font-size: var(--font-size);
}
.IsamMHC .IsamMHCMaster .top-bar .top-bar-inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-self: center;
  color: #ffffff;
}
@media (max-width: 575.98px) {
  .IsamMHC .IsamMHCMaster .top-bar .top-bar-inner {
    flex-direction: column;
  }
}
.IsamMHC .IsamMHCMaster .top-bar .top-bar-inner .navbar .nav-item {
  padding: 0px 2px !important;
}
.IsamMHC .IsamMHCMaster .top-bar .top-bar-inner .navbar .nav-item .nav-link {
  padding: 0px !important;
}
.IsamMHC .IsamMHCMaster .top-bar .top-bar-inner span {
  font-size: 13px;
  color: #ffffff;
  font-family: Default-Regular;
}
.IsamMHC .IsamMHCMaster .top-bar .top-bar-inner .language-container {
  position: relative;
}
.IsamMHC .IsamMHCMaster .top-bar .top-bar-inner .language-container .language-select-label {
  position: absolute;
  pointer-events: none;
}
.IsamMHC .IsamMHCMaster .top-bar .top-bar-inner .language-container .language-select-label svg path {
  fill: #ffffff;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .top-bar .top-bar-inner .language-container .language-select option {
  color: #000;
  font-size: 11px;
}
.IsamMHC .IsamMHCMaster .top-bar .links ul {
  margin-bottom: 0 !important;
  list-style-type: none !important;
}
@media (max-width: 575.98px) {
  .IsamMHC .IsamMHCMaster .top-bar .links ul {
    padding-left: 0px;
  }
}
.IsamMHC .IsamMHCMaster .top-bar .links ul li {
  list-style-type: none !important;
  display: inline;
  padding: 0 0.5em;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .top-bar .links ul li a:hover {
  text-decoration: underline !important;
}
.IsamMHC .IsamMHCMaster .top-bar .user-info-section {
  font-size: 14px !important;
  color: #ffffff;
}
.IsamMHC .IsamMHCMaster .top-bar .user-info-section img {
  height: 15px;
}
.IsamMHC .IsamMHCMaster .top-bar .user-info-section li {
  list-style-type: none;
}
.IsamMHC .IsamMHCMaster .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;
}
@media (max-width: 575.98px) {
  .IsamMHC .IsamMHCMaster .top-bar .user-info-section a {
    margin: auto;
    text-align: center;
    display: block;
  }
}
.IsamMHC .IsamMHCMaster .top-bar .user-info-section a:hover {
  color: #6CA7ED !important;
  text-decoration: underline !important;
}
.IsamMHC .IsamMHCMaster .language-select option[value=en],
.IsamMHC .IsamMHCMaster .language-select option[value=pl],
.IsamMHC .IsamMHCMaster .language-select option[value=es],
.IsamMHC .IsamMHCMaster .language-select option[value=pt],
.IsamMHC .IsamMHCMaster .language-select option[value=zh],
.IsamMHC .IsamMHCMaster .language-select option[value=fr] {
  display: none;
}
.IsamMHC .IsamMHCMaster .floating-content {
  top: 72px;
}
.IsamMHC .IsamMHCMaster .middle-bar {
  border-bottom: 1px solid #e0e0e0;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.1);
}
.IsamMHC .IsamMHCMaster .middle-bar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.IsamMHC .IsamMHCMaster .middle-bar-inner .links {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.IsamMHC .IsamMHCMaster .middle-bar-inner .links .nav-item {
  font-family: Default-Regular !important;
  font-size: 16px;
  padding: 20px 0px 20px 0px;
}
.IsamMHC .IsamMHCMaster .middle-bar-inner .logo img {
  width: 60%;
  height: 60%;
  display: flex;
  padding: 20px 0 20px 0;
  /* Responsive layout - when the screen is <576px wide */
}
.IsamMHC .IsamMHCMaster .sv_q_checkbox_label {
  font-size: 18px;
}
.IsamMHC .IsamMHCMaster .sv_main .sv_container .sv_body .sv_p_root .sv_q_radiogroup_label {
  font-size: 18px;
  display: flex;
}
.IsamMHC .IsamMHCMaster .sv_main .sv_container .sv_body .sv_p_root .sv_q_radiogroup_label .sv_q_radiogroup_control_item {
  flex: none;
  margin-top: 4px;
  outline: none !important;
}
.IsamMHC .IsamMHCMaster .sv-ranking-item_content {
  font-size: 16px;
}
.IsamMHC .IsamMHCMaster .sv_q_rating_min_text {
  margin: 0px 18px 0px 0px !important;
}
.IsamMHC .IsamMHCMaster .sv_progress {
  font-size: 18px;
  font-family: Default-Light;
}
.IsamMHC .IsamMHCMaster .sv_p_title {
  padding: 0px;
  font-family: Default-Bold;
  font-size: 20px;
}
.IsamMHC .IsamMHCMaster .sv_q_description {
  font-size: 18px;
  font-family: Default-Light !important;
}
.IsamMHC .IsamMHCMaster .sv_page_title {
  font-size: 28px;
  color: bs-blue;
  font-family: Default-Bold;
}
.IsamMHC .IsamMHCMaster .sv_page_description {
  font-size: 20px;
  font-family: Default-Light;
}
.IsamMHC .IsamMHCMaster .sv_q_title {
  font-size: 1.1em;
  font-family: MuseoSlab-500;
}
.IsamMHC .IsamMHCMaster .sv-action-bar.sv_nav {
  padding: 50px 0 15px 0;
}
.IsamMHC .IsamMHCMaster .sv_q_rating_item_text {
  font-size: 20px;
  font-family: Default-Regular;
  margin: 15px;
  min-width: 48px !important;
  border-radius: 50%;
  border: 2px solid #3C98F2 !important;
  transition: background-color 0.2s ease-in-out;
}
.IsamMHC .IsamMHCMaster .sv_q_rating_item_text:hover {
  box-shadow: none;
  background: #3C98F2;
  color: #ffffff;
}
.IsamMHC .IsamMHCMaster .button-class {
  justify-content: center;
}
.IsamMHC .IsamMHCMaster .button-class .button {
  min-width: 170px;
  text-align: center;
  text-decoration: none;
}
.IsamMHC .IsamMHCMaster .hide-default-link a {
  text-decoration: none;
  color: inherit;
}
@charset "UTF-8";
.IsamMHC .IsamMHCMaster .navbar {
  padding: 0 !important;
}
.IsamMHC .IsamMHCMaster .navbar .nav-item {
  padding: 0 1rem;
}
.IsamMHC .IsamMHCMaster .navbar .navbar-nav .nav-link {
  color: var(--black-color) !important;
  font-family: Default-Regular;
  cursor: pointer;
}
.IsamMHC .IsamMHCMaster .navbar .navbar-nav .nav-link:hover {
  color: #6CA7ED !important;
}
.IsamMHC .IsamMHCMaster .navbar .nav-link.active,
.IsamMHC .IsamMHCMaster .navbar .nav-link.active-parent,
.IsamMHC .IsamMHCMaster .navbar .show > .nav-link {
  font-family: Default-Regular;
  border-bottom: 1px solid var(--base-color);
}
.IsamMHC .IsamMHCMaster .navbar .navbar-collapse {
  justify-content: center;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .navbar .navbar-toggler i {
  color: var(--black-color);
  font-size: 2rem;
}
.IsamMHC .IsamMHCMaster .navbar .navbar-toggler:focus {
  box-shadow: 0 0 0 0rem !important;
}
@charset "UTF-8";
.IsamMHC .IsamMHCMaster .tabs {
  /* Grid tabs — selected tab in brand red */
  /* Hover on non-selected tabs — subtle red */
  /* Optional: inactive tabs in muted navy */
}
.IsamMHC .IsamMHCMaster .tabs .grid-tabs .grid-tab.selected-grid-tab,
.IsamMHC .IsamMHCMaster .tabs .grid-tabs .grid-tab.selected-grid-tab .hide-text-overlfow,
.IsamMHC .IsamMHCMaster .tabs .grid-tabs .grid-tab.selected-grid-tab .line-clamp {
  color: #a01b30 !important;
  border-color: #a01b30 !important;
  background-color: transparent !important;
}
.IsamMHC .IsamMHCMaster .tabs .grid-tabs .grid-tab:not(.selected-grid-tab):hover,
.IsamMHC .IsamMHCMaster .tabs .grid-tabs .grid-tab:not(.selected-grid-tab):hover .hide-text-overlfow {
  color: #a01b30 !important;
}
.IsamMHC .IsamMHCMaster .tabs .grid-tabs .grid-tab:not(.selected-grid-tab),
.IsamMHC .IsamMHCMaster .tabs .grid-tabs .grid-tab:not(.selected-grid-tab) .hide-text-overlfow {
  color: #94a3b8;
}
@charset "UTF-8";
.IsamMHC .IsamMHCMaster .steps {
  /* ============================================================
    Brand palette:
    #5b0a4d  deep purple   (primary / current / passed) replace with #267bbe (Blue)
    #a01b30   red      (form accent / selected) replace with darkBlue #223b4f
    #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 ---- */
}
.IsamMHC .IsamMHCMaster .steps .sd-page .sd-question:first-of-type,
.IsamMHC .IsamMHCMaster .steps .sd-question--first {
  scroll-margin-top: 250px;
  /* hoogte van stepper + eventuele header */
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__list > li:first-child .sd-progress-buttons__connector {
  display: block !important;
}
.IsamMHC .IsamMHCMaster .steps .sd-root-modern,
.IsamMHC .IsamMHCMaster .steps .sd-body,
.IsamMHC .IsamMHCMaster .steps .sv-root,
.IsamMHC .IsamMHCMaster .steps :root {
  --sjs-primary-backcolor: #223b4f;
  --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);
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons {
  padding: 8px 0 7px;
  background: transparent;
  font-family: var(--font-sans, -apple-system, "Segoe UI", system-ui, sans-serif);
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__container {
  max-width: 100%;
  margin: 0 auto;
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__list-container {
  width: 100%;
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  counter-reset: step-counter;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__page-description {
  display: none;
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__connector {
  position: absolute;
  top: 76px;
  left: 50%;
  width: 100%;
  height: 2px;
  background: #cbd5e1 !important;
  border-radius: 2px;
  z-index: 0;
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__list > li:last-child .sd-progress-buttons__connector {
  display: none;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__button-background,
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__button-content,
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__button span {
  display: none;
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__button::before {
  content: counter(step-counter);
  font-size: 14px;
  font-weight: 500;
  color: #223b4f;
  font-variant-numeric: tabular-nums;
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__list-element--passed .sd-progress-buttons__page-title {
  color: #223b4f;
  /* was #267bbe */
  font-weight: 500;
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__list-element--passed .sd-progress-buttons__button {
  background: #223b4f;
  /* was #267bbe */
  border: 2px solid #223b4f;
  /* was #267bbe */
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__list-element--passed .sd-progress-buttons__button::before {
  content: "✓";
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__list-element--passed .sd-progress-buttons__connector {
  background: #223b4f !important;
  /* was #267bbe */
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__list-element--current .sd-progress-buttons__page-title {
  color: #267bbe;
  font-weight: 600;
  font-size: 14px;
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__list-element--current .sd-progress-buttons__button {
  width: 48px;
  height: 48px;
  margin: 0;
  background: #267bbe;
  border: 2px solid #267bbe;
  box-shadow: 0 0 0 4px rgba(91, 10, 77, 0.1);
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__list-element--current .sd-progress-buttons__button::before {
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__list-element--current .sd-progress-buttons__connector {
  background: #cbd5e1 !important;
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__list-element--nonclickable {
  cursor: default;
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__list-element--nonclickable .sd-progress-buttons__page-title {
  color: #9ca3af;
  font-weight: 400;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__list-element--nonclickable .sd-progress-buttons__button::before {
  color: #9ca3af;
  font-weight: 400;
  font-size: 13px;
}
.IsamMHC .IsamMHCMaster .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: #223b4f;
  background: #ECF0F4;
}
.IsamMHC .IsamMHCMaster .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,
.IsamMHC .IsamMHCMaster .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: #223b4f;
}
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__image-button-left,
.IsamMHC .IsamMHCMaster .steps .sd-progress-buttons__image-button-right {
  display: none;
}
.IsamMHC .IsamMHCMaster .steps .sd-radio__control:checked + .sd-radio__decorator,
.IsamMHC .IsamMHCMaster .steps .sd-item__control:checked + .sd-radio__decorator {
  border-color: #223b4f !important;
}
.IsamMHC .IsamMHCMaster .steps .sd-radio__control:checked + .sd-radio__decorator::after,
.IsamMHC .IsamMHCMaster .steps .sd-item__control:checked + .sd-radio__decorator::after {
  background-color: #223b4f !important;
}
.IsamMHC .IsamMHCMaster .steps .sd-checkbox__control:checked + .sd-checkbox__decorator,
.IsamMHC .IsamMHCMaster .steps .sd-item__control:checked + .sd-checkbox__decorator {
  background-color: #223b4f !important;
  border-color: #223b4f !important;
}
.IsamMHC .IsamMHCMaster .steps .sd-selectbase__label:hover .sd-radio__decorator,
.IsamMHC .IsamMHCMaster .steps .sd-selectbase__label:hover .sd-checkbox__decorator {
  border-color: #223b4f !important;
}
.IsamMHC .IsamMHCMaster .steps .sd-radio__control:focus-visible + .sd-radio__decorator,
.IsamMHC .IsamMHCMaster .steps .sd-checkbox__control:focus-visible + .sd-checkbox__decorator,
.IsamMHC .IsamMHCMaster .steps .sd-item__control:focus-visible + .sd-radio__decorator,
.IsamMHC .IsamMHCMaster .steps .sd-item__control:focus-visible + .sd-checkbox__decorator,
.IsamMHC .IsamMHCMaster .steps .sd-input:focus-visible,
.IsamMHC .IsamMHCMaster .steps .sd-dropdown:focus-visible {
  outline: 2px solid #223b4f !important;
  outline-offset: 2px !important;
}
.IsamMHC .IsamMHCMaster .steps .sd-boolean--checked .sd-boolean__thumb,
.IsamMHC .IsamMHCMaster .steps .sd-boolean__switch:has(input:checked) {
  background-color: #223b4f !important;
}
.IsamMHC .IsamMHCMaster .steps .sd-btn--action,
.IsamMHC .IsamMHCMaster .steps .sd-navigation__complete-btn,
.IsamMHC .IsamMHCMaster .steps .sd-navigation__next-btn {
  background-color: #223b4f !important;
  border-color: #223b4f !important;
  color: #ffffff !important;
}
.IsamMHC .IsamMHCMaster .steps .sd-btn--action:hover,
.IsamMHC .IsamMHCMaster .steps .sd-navigation__complete-btn:hover,
.IsamMHC .IsamMHCMaster .steps .sd-navigation__next-btn:hover {
  background-color: #e43226 !important;
  border-color: #e43226 !important;
}
.IsamMHC .IsamMHCMaster .steps .sd-rating__item--selected,
.IsamMHC .IsamMHCMaster .steps .sd-rating__item-text--selected {
  background-color: #223b4f !important;
  color: #ffffff !important;
  border-color: #223b4f !important;
}
.IsamMHC .IsamMHCMaster .page-menu {
  min-height: 100%;
  padding-left: 0;
}
.IsamMHC .IsamMHCMaster .page-menu li a {
  font-family: Default-Bold !important;
}
.IsamMHC .IsamMHCMaster .Isam .Button .button__Ghost {
  border: 1px solid;
}
.IsamMHC .IsamMHCMaster .button-fill .button-class .button {
  width: -webkit-fill-available;
}
.IsamMHC .IsamMHCMaster .button__Ghost {
  border: 1px solid;
}
.IsamMHC .IsamMHCMaster .login-button .button__Primary {
  background-color: var(--primary-color-1200);
  color: var(--neutral-color-50);
  border-width: 0px;
  font-size: 16px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  border-radius: 5px;
  font-family: Default-Regular;
}
.IsamMHC .IsamMHCMaster .login-button .button-class .button {
  min-width: 100px;
  text-align: center;
  text-decoration: none;
}
.IsamMHC .IsamMHCMaster .search-select-box .search-options {
  font: Default-Regular !important;
  font-size: 16px;
}
.IsamMHC .IsamMHCMaster ul.navbar-nav {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
  list-style: none;
}
.IsamMHC .IsamMHCMaster ul.navbar-nav li {
  margin-right: 1rem;
}
.IsamMHC .IsamMHCMaster ul.navbar-nav li:last-child {
  margin-right: 0;
}
.IsamMHC .IsamMHCMaster ul.navbar-nav li a.nav-link {
  font-family: "Default-Bold";
  font-size: 16px;
}
.IsamMHC .IsamMHCMaster ul.navbar-nav .nav-link.active,
.IsamMHC .IsamMHCMaster ul.navbar-nav .nav-link.active-parent,
.IsamMHC .IsamMHCMaster ul.navbar-nav .show > .nav-link {
  font-weight: regular;
  color: var(--primary-color-1200);
  border-bottom: 0px solid var(--primary-color-1200);
}
@charset "UTF-8";
.IsamMHC .IsamMHCMaster .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 ──────────────────────────────────────────────────── */
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport *, .IsamMHC .IsamMHCMaster .feedbackcandidatereport *::before, .IsamMHC .IsamMHCMaster .feedbackcandidatereport *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport html {
  font-size: 14px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport body {
  font-family: var(--font-body);
  color: #1a2733;
  background: #f5f6f8;
  line-height: 1.7;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport h1, .IsamMHC .IsamMHCMaster .feedbackcandidatereport h2, .IsamMHC .IsamMHCMaster .feedbackcandidatereport h3, .IsamMHC .IsamMHCMaster .feedbackcandidatereport h4 {
  font-family: var(--font-head);
  line-height: 1.25;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport a {
  color: var(--s-orange);
  text-decoration: none;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .report {
  max-width: 860px;
  margin: 0 auto;
  background: var(--s-white);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .report-page {
  padding: var(--sp-10) var(--sp-10);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .report-cover {
  background: var(--s-darkred);
  padding: var(--sp-12) var(--sp-10);
  position: relative;
  overflow: hidden;
}
.IsamMHC .IsamMHCMaster .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%);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .report-cover::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 6px;
  height: 100%;
  background: var(--s-orange);
  opacity: 0.9;
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .cover-subtitle {
  font-size: 1.1rem;
  color: var(--s-slate);
  margin-bottom: var(--sp-8);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .cover-meta {
  display: flex;
  gap: var(--sp-6);
  flex-wrap: wrap;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .cover-meta-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .cover-meta-item span:last-child {
  font-size: 0.9rem;
  color: var(--s-white);
  font-weight: 500;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .cover-badge--strategic {
  background: var(--s-purple);
  color: var(--s-white);
  border: 1px solid #8b1e77;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .cover-badge--tactical {
  background: var(--s-orange);
  color: var(--s-white);
  border: 1px solid #c05d0e;
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .section-header--purple {
  background: var(--s-purple);
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .subsection-title--purple {
  border-bottom-color: var(--s-purple);
  color: var(--s-purple);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
  margin: var(--sp-4) 0 var(--sp-6);
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-table th:not(:first-child) {
  text-align: center;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-table td {
  padding: var(--sp-2) var(--sp-4);
  border-bottom: 1px solid var(--s-lightgrey);
  vertical-align: middle;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-table tr:nth-child(even) td {
  background: #f8f9fb;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-table tr:hover td {
  background: #f0f4f8;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-table td:not(:first-child) {
  text-align: center;
  font-weight: 600;
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-table__sub-row td:first-child {
  padding-left: var(--sp-8);
  color: #3a4a58;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score--4 {
  color: var(--rating-4-text);
  background: var(--rating-4-bg);
  border-radius: 0;
  padding: 2px 8px;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score--3 {
  color: var(--rating-3-text);
  background: var(--rating-3-bg);
  border-radius: 0;
  padding: 2px 8px;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score--2 {
  color: var(--rating-2-text);
  background: var(--rating-2-bg);
  border-radius: 0;
  padding: 2px 8px;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score--1 {
  color: var(--rating-1-text);
  background: var(--rating-1-bg);
  border-radius: 0;
  padding: 2px 8px;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .delta {
  font-weight: 700;
  font-size: 0.85rem;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .delta--positive {
  color: var(--s-darkred);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .delta--negative {
  color: #0a6e3e;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .delta--neutral {
  color: #555;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .delta::before {
  margin-right: 2px;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .delta--positive::before {
  content: "▲";
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .delta--negative::before {
  content: "▼";
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .ind--4 {
  background: var(--rating-4-bg);
  color: var(--rating-4-text);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .ind--3 {
  background: var(--rating-3-bg);
  color: var(--rating-3-text);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .ind--2 {
  background: var(--rating-2-bg);
  color: var(--rating-2-text);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .ind--1 {
  background: var(--rating-1-bg);
  color: var(--rating-1-text);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .flag {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 1px 5px;
  border-radius: 0;
  margin-left: 4px;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .flag--bs {
  background: var(--rating-1-bg);
  color: var(--rating-1-text);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .flag--hs {
  background: var(--rating-4-bg);
  color: var(--rating-4-text);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .flag--dp {
  background: var(--rating-2-bg);
  color: var(--rating-2-text);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .flag--hv {
  background: #e8e0f0;
  color: var(--s-purple);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .flag--na {
  background: #ececec;
  color: #555;
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-legend {
  display: flex;
  gap: var(--sp-6);
  margin-bottom: var(--sp-4);
  flex-wrap: wrap;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-legend__item {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  font-size: 0.78rem;
  color: #3a4a58;
  font-weight: 500;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-legend__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-legend__dot--focus {
  background: var(--s-orange);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-legend__dot--others {
  background: var(--s-navy);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-legend__dot--manager {
  background: var(--s-purple);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-legend__dot--peer {
  background: var(--s-orange);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-legend__dot--dr {
  background: var(--s-slate);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-legend__dot--extcl {
  background: var(--s-red);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-wrapper {
  position: relative;
  width: 100%;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-wrapper--radar {
  height: 360px;
  max-width: 480px;
  margin: 0 auto;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-wrapper--hbar--sm {
  height: 120px;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-wrapper--hbar--md {
  height: 180px;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-wrapper--hbar--lg {
  height: 260px;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-wrapper--hbar--xl {
  height: 340px;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-table-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-6);
  align-items: start;
}
@media (max-width: 640px) {
  .IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-table-grid {
    grid-template-columns: 1fr;
  }
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .group-divider {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  margin: var(--sp-8) 0 var(--sp-4);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .group-divider__bar {
  width: 4px;
  height: 24px;
  border-radius: 0;
  background: var(--s-orange);
  flex-shrink: 0;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .group-divider__bar--purple {
  background: var(--s-purple);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .group-divider__bar--red {
  background: var(--s-red);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .group-divider__bar--slate {
  background: var(--s-slate);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .group-divider__bar--navy {
  background: var(--s-navy);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .group-divider__text {
  font-family: var(--font-head);
  font-size: 1rem;
  font-weight: 700;
  color: var(--s-navy);
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .analysis-prose {
  font-size: 0.9rem;
  line-height: 1.8;
  color: #2a3a48;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .analysis-prose p {
  margin-bottom: var(--sp-4);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .analysis-prose strong {
  color: var(--s-navy);
  font-weight: 700;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .callout {
  border-radius: 0;
  padding: var(--sp-4) var(--sp-5);
  margin: var(--sp-4) 0;
  border-left: 4px solid;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .callout--strength {
  background: var(--rating-4-bg);
  border-color: #2a7d52;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .callout--development {
  background: var(--rating-2-bg);
  border-color: var(--s-orange);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .callout--insight {
  background: var(--s-navy-10);
  border-color: var(--s-navy);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .callout--blind-spot {
  background: var(--rating-1-bg);
  border-color: var(--s-darkred);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .callout--hidden-strength {
  background: #e8f0fa;
  border-color: #2d5fa6;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .callout--na {
  background: #f5f0fa;
  border-color: var(--s-purple);
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .callout--strength .callout__label {
  color: var(--rating-4-text);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .callout--development .callout__label {
  color: #7a4e00;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .callout--insight .callout__label {
  color: var(--s-navy);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .callout--blind-spot .callout__label {
  color: var(--s-darkred);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .callout--hidden-strength .callout__label {
  color: #2d5fa6;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .callout--na .callout__label {
  color: var(--s-purple);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .callout__competency {
  font-weight: 700;
  font-size: 0.875rem;
  margin-bottom: var(--sp-1);
  color: #1a2733;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .callout__text {
  font-size: 0.85rem;
  line-height: 1.65;
  color: #3a4a58;
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .delta-bar-wrap:last-child {
  border-bottom: none;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .delta-bar-label {
  width: 200px;
  flex-shrink: 0;
  font-size: 0.8rem;
  color: #3a4a58;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .delta-bar-track {
  flex: 1;
  height: 8px;
  background: var(--s-lightgrey);
  border-radius: 0;
  position: relative;
  overflow: visible;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .delta-bar-fill {
  position: absolute;
  top: 0;
  height: 100%;
  border-radius: 0;
  transition: width 0.6s ease;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .delta-bar-fill--pos {
  background: var(--s-darkred);
  left: 50%;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .delta-bar-fill--neg {
  background: #2a7d52;
  right: 50%;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .delta-bar-centre {
  position: absolute;
  left: 50%;
  top: -2px;
  width: 2px;
  height: 12px;
  background: #999;
  transform: translateX(-50%);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .delta-bar-value {
  width: 48px;
  text-align: right;
  font-size: 0.8rem;
  font-weight: 700;
  flex-shrink: 0;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .delta-bar-value--pos {
  color: var(--s-darkred);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .delta-bar-value--neg {
  color: #2a7d52;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .delta-bar-value--neu {
  color: #777;
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-card__value {
  font-family: var(--font-head);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  margin-bottom: var(--sp-1);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-card__value--4 {
  color: var(--rating-4-text);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-card__value--3 {
  color: #2a5e14;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-card__value--2 {
  color: #7a4e00;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-card__value--1 {
  color: var(--s-darkred);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-card__label {
  font-size: 0.7rem;
  color: #888;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-card--overall {
  border-top: 3px solid var(--s-orange);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-card--focus {
  background: var(--s-navy);
  border-color: var(--s-navy);
  color: var(--s-white);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-card--focus .score-card__group {
  color: var(--s-slate);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-card--focus .score-card__value {
  color: var(--s-orange);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-card--focus .score-card__label {
  color: var(--s-slate);
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .perception-cell__score {
  font-family: var(--font-head);
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .perception-cell__n {
  font-size: 0.65rem;
  color: #aaa;
  margin-top: 2px;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .perception-cell--focus {
  border-top: 3px solid var(--role-focus);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .perception-cell--focus .perception-cell__score {
  color: var(--role-focus);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .perception-cell--manager {
  border-top: 3px solid var(--role-manager);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .perception-cell--manager .perception-cell__score {
  color: var(--role-manager);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .perception-cell--peer {
  border-top: 3px solid var(--role-peer);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .perception-cell--peer .perception-cell__score {
  color: var(--role-peer);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .perception-cell--dr {
  border-top: 3px solid var(--s-navy);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .perception-cell--dr .perception-cell__score {
  color: var(--s-navy);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .perception-cell--intcl {
  border-top: 3px solid var(--role-intcl);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .perception-cell--intcl .perception-cell__score {
  color: var(--role-intcl);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .perception-cell--extcl {
  border-top: 3px solid var(--role-extcl);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .perception-cell--extcl .perception-cell__score {
  color: var(--role-extcl);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .perception-cell--suppl {
  border-top: 3px solid var(--role-suppl);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .perception-cell--suppl .perception-cell__score {
  color: var(--role-suppl);
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .na-item {
  margin-bottom: var(--sp-3);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .na-item:last-child {
  margin-bottom: 0;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .na-item__name {
  font-weight: 700;
  font-size: 0.85rem;
  color: var(--s-navy);
  margin-bottom: 2px;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .na-item__text {
  font-size: 0.82rem;
  color: #4a3a58;
  font-style: italic;
  line-height: 1.55;
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .report-footer__meta {
  font-size: 0.72rem;
  color: var(--s-slate);
}
@media print {
  .IsamMHC .IsamMHCMaster .feedbackcandidatereport body {
    background: white;
    font-size: 11px;
  }
  .IsamMHC .IsamMHCMaster .feedbackcandidatereport .report {
    box-shadow: none;
    max-width: 100%;
  }
  .IsamMHC .IsamMHCMaster .feedbackcandidatereport .report-page {
    padding: 16mm 18mm;
  }
  .IsamMHC .IsamMHCMaster .feedbackcandidatereport .section-header {
    margin-left: -18mm;
    margin-right: -18mm;
  }
  .IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-wrapper--radar {
    height: 300px;
  }
  .IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-wrapper--hbar {
    page-break-inside: avoid;
  }
  .IsamMHC .IsamMHCMaster .feedbackcandidatereport .callout {
    page-break-inside: avoid;
  }
  .IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-cards {
    page-break-inside: avoid;
  }
  .IsamMHC .IsamMHCMaster .feedbackcandidatereport .chart-block {
    page-break-inside: avoid;
  }
  .IsamMHC .IsamMHCMaster .feedbackcandidatereport .report-cover {
    page-break-after: always;
  }
  .IsamMHC .IsamMHCMaster .feedbackcandidatereport h2, .IsamMHC .IsamMHCMaster .feedbackcandidatereport h3 {
    page-break-after: avoid;
  }
  .IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-table th,
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .score-table td {
    padding: 4px 8px;
    font-size: 9px;
  }
  @page {
    .IsamMHC .IsamMHCMaster .feedbackcandidatereport {
      size: A4;
      margin: 0;
    }
  }
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .mt-0 {
  margin-top: 0;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .mb-4 {
  margin-bottom: var(--sp-4);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .mb-6 {
  margin-bottom: var(--sp-6);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .mb-8 {
  margin-bottom: var(--sp-8);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .text-sm {
  font-size: 0.8rem;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .text-muted {
  color: #6b7f8e;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .text-navy {
  color: var(--s-navy);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .text-orange {
  color: var(--s-orange);
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .bold {
  font-weight: 700;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .upper {
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcandidatereport .divider {
  border: none;
  border-top: 1px solid var(--s-lightgrey);
  margin: var(--sp-6) 0;
}
@charset "UTF-8";
.IsamMHC .IsamMHCMaster .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 ──────────────────────────────────────────────────────────── */
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes *, .IsamMHC .IsamMHCMaster .feedbackcoachnotes *::before, .IsamMHC .IsamMHCMaster .feedbackcoachnotes *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes html {
  font-size: 14px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes body {
  font-family: var(--font-body);
  color: var(--s-ink);
  background: var(--cn-bg);
  line-height: 1.65;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes h1, .IsamMHC .IsamMHCMaster .feedbackcoachnotes h2, .IsamMHC .IsamMHCMaster .feedbackcoachnotes h3, .IsamMHC .IsamMHCMaster .feedbackcoachnotes h4 {
  font-family: var(--font-head);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .coach-report {
  max-width: 860px;
  margin: 0 auto;
  background: var(--cn-surface);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .coach-page {
  padding: 2.5rem 3rem;
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .conf-banner__lock {
  font-size: 1.1rem;
  color: var(--cn-conf-text);
  flex-shrink: 0;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .coach-header {
  background: var(--s-navy);
  padding: 1.75rem 3rem;
  border-left: 6px solid var(--s-darkred);
  position: relative;
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .coach-header__name {
  font-family: var(--font-head);
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--s-white);
  margin-bottom: 0.25rem;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .coach-header__meta {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-top: 0.75rem;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .coach-header__meta-item {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .coach-header__meta-item span:last-child {
  font-size: 0.85rem;
  color: var(--s-white);
  font-weight: 600;
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-blind-spot {
  border-left-color: var(--obs-blind);
  background: var(--obs-blind-bg);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-hidden {
  border-left-color: var(--obs-hidden);
  background: var(--obs-hidden-bg);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-mismatch {
  border-left-color: var(--obs-mismatch);
  background: var(--obs-mismatch-bg);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-underpromotion {
  border-left-color: var(--obs-promo);
  background: var(--obs-promo-bg);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-visibility {
  border-left-color: var(--obs-vis);
  background: var(--obs-vis-bg);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-relationship {
  border-left-color: var(--obs-rel);
  background: var(--obs-rel-bg);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-avoidance {
  border-left-color: var(--obs-avoid);
  background: var(--obs-avoid-bg);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-variance {
  border-left-color: var(--obs-var);
  background: var(--obs-var-bg);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-int-bubble {
  border-left-color: var(--obs-bubble);
  background: var(--obs-bubble-bg);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-ext-drift {
  border-left-color: var(--obs-drift);
  background: var(--obs-drift-bg);
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-blind-spot .obs-card__type {
  color: var(--obs-blind);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-hidden .obs-card__type {
  color: var(--obs-hidden);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-mismatch .obs-card__type {
  color: var(--obs-mismatch);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-underpromotion .obs-card__type {
  color: var(--obs-promo);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-visibility .obs-card__type {
  color: var(--obs-vis);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-relationship .obs-card__type {
  color: var(--obs-rel);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-avoidance .obs-card__type {
  color: var(--obs-avoid);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-variance .obs-card__type {
  color: var(--obs-var);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-int-bubble .obs-card__type {
  color: var(--obs-bubble);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-ext-drift .obs-card__type {
  color: var(--obs-drift);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-card__headline {
  font-weight: 700;
  font-size: 0.875rem;
  color: var(--s-ink);
  margin-bottom: 0.25rem;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-card__scores {
  font-family: var(--font-mono);
  font-size: 0.78rem;
  color: var(--cn-muted);
  margin-bottom: 0.35rem;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-card__text {
  font-size: 0.83rem;
  line-height: 1.6;
  color: var(--s-ink-light);
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .delta-block__title::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 2px;
  background: var(--s-orange);
  flex-shrink: 0;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .delta-block__content {
  font-size: 0.84rem;
  line-height: 1.65;
  color: var(--s-ink-light);
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .delta-inline--pos {
  color: var(--s-darkred);
  background: var(--obs-blind-bg);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .delta-inline--neg {
  color: #0d6e56;
  background: var(--r4-bg);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .delta-inline--neu {
  color: var(--cn-muted);
  background: var(--cn-divider);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .raw-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.78rem;
  margin: 0.5rem 0;
  font-family: var(--font-mono);
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .raw-table th:first-child {
  text-align: left;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .raw-table td {
  padding: 0.3rem 0.6rem;
  border-bottom: 1px solid var(--cn-divider);
  text-align: center;
  vertical-align: middle;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .raw-table td:first-child {
  text-align: left;
  font-family: var(--font-body);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .raw-table tr:nth-child(even) td {
  background: #f8f9fb;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .raw-table tr:hover td {
  background: #f0f4f8;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .raw-table .s4 {
  color: var(--r4-t);
  font-weight: 700;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .raw-table .s3 {
  color: var(--r3-t);
  font-weight: 700;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .raw-table .s2 {
  color: var(--r2-t);
  font-weight: 700;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .raw-table .s1 {
  color: var(--r1-t);
  font-weight: 700;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .raw-table .sna {
  color: #999;
  font-style: italic;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .raw-table .dpos {
  color: var(--s-darkred);
  font-weight: 800;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .raw-table .dneg {
  color: #0d6e56;
  font-weight: 800;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .raw-table .dneu {
  color: var(--cn-muted);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .raw-table .var-hi {
  color: var(--obs-var);
  font-weight: 700;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .raw-table .flags {
  display: flex;
  gap: 2px;
  justify-content: center;
  flex-wrap: wrap;
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .flag-bs {
  background: var(--obs-blind-bg);
  color: var(--obs-blind);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .flag-hs {
  background: var(--obs-hidden-bg);
  color: var(--obs-hidden);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .flag-dp {
  background: var(--r2-bg);
  color: var(--r2-t);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .flag-na {
  background: #ececec;
  color: #555;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .flag-hv {
  background: var(--obs-var-bg);
  color: var(--obs-var);
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .opener-list {
  counter-reset: opener;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0.5rem 0;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .na-type {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--cn-divider);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .na-type:last-child {
  border-bottom: none;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .na-type__items {
  font-size: 0.83rem;
  color: var(--s-ink-light);
  line-height: 1.5;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .na-type__severity {
  display: inline-block;
  margin-left: 0.4rem;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 1px 5px;
  border-radius: 0;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .na-high {
  background: var(--r1-bg);
  color: var(--r1-t);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .na-med {
  background: var(--r2-bg);
  color: var(--r2-t);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .na-low {
  background: var(--cn-divider);
  color: var(--cn-muted);
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .variance-row:last-child {
  border-bottom: none;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .variance-row__label {
  width: 200px;
  flex-shrink: 0;
  color: var(--s-ink);
  font-weight: 600;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .variance-bar {
  flex: 1;
  height: 6px;
  background: var(--cn-divider);
  border-radius: 0;
  overflow: hidden;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .variance-bar__fill {
  height: 100%;
  background: var(--s-darkred);
  transition: width 0.4s ease;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .variance-bar__fill--low {
  background: var(--r4-bg);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .variance-bar__fill--medium {
  background: var(--r2-bg);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .variance-bar__fill--high {
  background: var(--s-darkred);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .variance-value {
  width: 40px;
  text-align: right;
  font-family: var(--font-mono);
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--cn-muted);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .variance-value--high {
  color: var(--s-darkred);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .profile-mismatch {
  border: 2px solid var(--s-purple);
  padding: 1rem;
  margin: 0.5rem 0;
  border-radius: 0;
  background: var(--obs-mismatch-bg);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .profile-mismatch__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .profile-mismatch__label {
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--s-purple);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .profile-mismatch__text {
  font-size: 0.84rem;
  color: var(--s-ink-light);
  line-height: 1.6;
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .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);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .coach-footer__conf {
  font-size: 0.68rem;
  color: var(--cn-conf-text);
  font-weight: 600;
  letter-spacing: 0.08em;
}
@media print {
  .IsamMHC .IsamMHCMaster .feedbackcoachnotes body {
    background: white;
    font-size: 11px;
  }
  .IsamMHC .IsamMHCMaster .feedbackcoachnotes .coach-report {
    box-shadow: none;
    max-width: 100%;
  }
  .IsamMHC .IsamMHCMaster .feedbackcoachnotes .coach-page {
    padding: 14mm 18mm;
  }
  .IsamMHC .IsamMHCMaster .feedbackcoachnotes .cn-section {
    margin-left: -18mm;
    margin-right: -18mm;
  }
  .IsamMHC .IsamMHCMaster .feedbackcoachnotes .obs-card {
    page-break-inside: avoid;
  }
  .IsamMHC .IsamMHCMaster .feedbackcoachnotes .opener-item {
    page-break-inside: avoid;
  }
  .IsamMHC .IsamMHCMaster .feedbackcoachnotes .conf-banner {
    -webkit-print-color-adjust: exact;
  }
  @page {
    .IsamMHC .IsamMHCMaster .feedbackcoachnotes {
      size: A4;
      margin: 0;
    }
  }
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .text-muted {
  color: var(--cn-muted);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .text-navy {
  color: var(--s-navy);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .text-red {
  color: var(--s-darkred);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .mono {
  font-family: var(--font-mono);
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .bold {
  font-weight: 700;
}
.IsamMHC .IsamMHCMaster .feedbackcoachnotes .upper {
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.IsamMHC .IsamMHCMaster .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;
}
.IsamMHC .IsamMHCMaster .nopadding-form div.sd-body__page.sd-page {
  padding-left: 0 !important;
}
.IsamMHC .IsamMHCMaster .nopadding-form div.sd-body.sd-body--static {
  margin-left: 0 !important;
}
.IsamMHC .IsamMHCMaster .nopadding-form span .sv-string-viewer {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@charset "UTF-8";
.IsamMHC {
  /* ============================================================
  MHC Mobility — 360° Feedback rapport — v7 (complete)

  Dit is v4 basis + v7-additions in één bestand.
  Vervang hiermee je huidige enkele CSS-bron in Bisbrick.

  Wat erin zit:
  - Alle v4-basis styling (header, overview, stats, spider-wrap,
    per-competentie articles, rode draad, reasons-panel, footer-styling, etc.)
  - v7-additions: status-badges, intro-sectie, comp-desc, 
    development-rubriek + host-proofing voor alle nieuwe kleuren
  ============================================================ */
  /* ============================================================
     MHC Mobility — 360° Feedback rapport
     Styling voor AI-gegenereerde individuele rapporten
     Werkt samen met mhc_360_systemprompt.md
     ============================================================ */
  /* ---------- 1. Design tokens (scoped to .mhc-360) ---------- */
  /* ---------- 2. Reset & base ---------- */
  /* Demo-only body styling — niet onderdeel van het component zelf.
     In Bisbrick (of een andere host) wordt deze regel niet gebruikt;
     het component zelf is volledig zelf-bevattend onder .mhc-360. */
  /* ---------- 3. Component root + headings (alles onder .mhc-360) ---------- */
  /* ---------- 4. Header ---------- */
  /* Section markers — big amber numerals before each section title */
  /* Stats strip — hero KPI tiles in section 1 */
  /* Reasons panel — Wat zou de reden kunnen zijn? */
  /* ---------- 5. Sectie 1: Overzicht ---------- */
  /* Spider chart container */
  /* Key findings */
  /* ---------- 6. Sectie 2: Verdieping ---------- */
  /* Score pills */
  /* Rode draad */
  /* ---------- 7. Sectie 3: Details ---------- */
  /* Filter mhc-360__bar */
  /* Detail tables */
  /* Filter — driestand via data-attribuut op .mhc-360__details */
  /* Niveau-tags */
  /* Delta */
  /* ---------- 8. Bar charts per vraag (sectie 3) ---------- */
  /* Axis mhc-360__bar across the top — D B E L labels aligned with mhc-360__bar zones */
  /* Per-question block */
  /* Question header: scenario text + delta badge */
  /* Bar rows wrapper */
  /* Single mhc-360__bar row: source label + track */
  /* Bar track — background with subtle level zones */
  /* Target line — vertical marker */
  /* The actual mhc-360__bar — fills from left to its mhc-360__score */
  /* Score value label — sits directly after the mhc-360__bar's end */
  /* "Niet geobserveerd" state — striped mhc-360__bar instead of solid */
  /* Filter hides rows based on selection */
  /* Legend below charts */
  /* Toggle to show exact mhc-360__tag table below dumbbell */
  /* ---------- 9. Footer ---------- */
  /* ---------- 10. Responsive ---------- */
  /* ---------- 11. Print ---------- */
  /* ════════════════════════════════════════════════════════════════════════
     12. SECTION ICONS — CSS-only, SVG via data URI
     Icons sit before the h2 text in each section-marker. The agent adds
     a single class to the h2 (e.g. mhc-360__ico--overview); no extra
     HTML element, no inline SVG, no LLM geometry.
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     13. TREND MOTIF — subtle upward trend line on "good" stat tiles
     Decorative only, drawn via ::after on .mhc-360__stat--good. No JS,
     no inline SVG in the HTML.
     ════════════════════════════════════════════════════════════════════════ */
  /* Attention-tile gets a subtle "spread/gap" motif instead — two diverging lines */
  /* ════════════════════════════════════════════════════════════════════════
     14. HOST-PROOFING — force every text color with !important + doubled
     root selector specificity. Wins cascade against host stylesheets that
     set global text colors on p / li / td via :root, body, or class rules
     loaded after this sheet. The earlier inheritance-based colors lose
     the cascade in some embed contexts; these rules win it outright.
     ════════════════════════════════════════════════════════════════════════ */
  /* Dark body text on light surfaces */
  /* Section + body headings — navy */
  /* Eyebrow + amber accent labels */
  /* WHITE text on dark surfaces — forced so host cannot darken */
  /* Eyebrow stays amber */
  /* Score pill colors */
  /* Tag colors keep their semantic foreground */
  /* Delta semantic colors */
  /* Bar value labels keep their accent */
  /* nested strong follows parent's forced color */
  /* ============================================================
     v7 ADDITIONS (was: mhc_360_report_v7_additions.css)
     ============================================================ */
  /* ════════════════════════════════════════════════════════════════════════
     MHC 360° v6 — CSS additions
     Voeg deze toe ONDERAAN je bestaande mhc_360_report_v4.css.
     Drie nieuwe blokken:
       (A) Status badges per competentie (⭐ / 🌱 / 🔍)
       (B) Intro-sectie (3 perspectieven + 4 niveaus)
       (C) Comp-desc (vaste omschrijving per competentie)
       (D) Development-rubriek (Ontwikkeling richting 2027)
     Plus host-proofing voor alle nieuwe text-colors.
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     A. STATUS BADGES — Sterk punt / Groeikans / Aandachtspunt
     Komen inline in de h3 van elk competentie-artikel. Lucide icoon links,
     label rechts, als pill.
     ════════════════════════════════════════════════════════════════════════ */
  /* Maak de h3 in de competentie-header een flex-container zodat de badge
     netjes naast de titel komt te staan, ook bij wrap op smalle schermen. */
  /* Base badge — pill met icoon */
  /* Modifier 1 — Sterk punt (Lucide star, blauw) */
  /* Modifier 2 — Groeikans (Lucide sprout, groen) */
  /* Modifier 3 — Aandachtspunt (Lucide search, navy) */
  /* ════════════════════════════════════════════════════════════════════════
     B. INTRO-SECTIE — drie perspectieven + vier niveaus
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     C. COMP-DESC — vaste omschrijving onder de competentie-titel
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     D. DEVELOPMENT — Ontwikkeling richting 2027
     Lijkt op .mhc-360__overall maar lichter — niet diepe-navy achtergrond
     maar witte card met amber accent. Zo wordt het visueel onderscheiden van
     "Rode draad" zonder dat het te dominant wordt.
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     HOST-PROOFING — text-colors voor alle nieuwe elementen
     ════════════════════════════════════════════════════════════════════════ */
  /* Niet knippen bij printen */
  /* Radar chart inner styling */
  /* html-1: geen bottom radius */
  /* Radar chart schuift 20px omhoog en bedekt de schaduw van html-1 */
}
.IsamMHC .mhc-360 {
  /* Brand kleuren */
  --navy: #1F3A5F;
  --navy-soft: #2C4F7B;
  --amber: #C9A352;
  --amber-warm: #E29F47;
  /* Data-serie kleuren */
  --self: #2E9CCA;
  /* zelfreflectie — cyan */
  --self-bg: rgba(46, 156, 202, 0.12);
  --self-border: rgba(46, 156, 202, 0.45);
  --manager: #E29F47;
  /* manager — warm amber */
  --manager-bg: rgba(226, 159, 71, 0.12);
  --manager-border: rgba(226, 159, 71, 0.45);
  --target: #555555;
  /* target — neutraal grijs (dotted in chart) */
  --ambition: #6FAE83;
  /* ambitie — sage groen (dashed in chart) */
  /* Niveau-tags (D / B / E / L) */
  --tag-D-bg: #E8F2F9;
  --tag-D-fg: #1F567F;
  --tag-B-bg: #FAE9D4;
  --tag-B-fg: #8A5A1F;
  --tag-E-bg: #DCEDE0;
  --tag-E-fg: #2A6D45;
  --tag-L-bg: #E8DEF2;
  --tag-L-fg: #4E3878;
  --tag-NO-bg: #ECEEF1;
  --tag-NO-fg: #6C757D;
  /* Delta */
  --delta-positive: #2A6D45;
  --delta-negative: #B23A48;
  --delta-zero: #6C757D;
  /* Surface */
  --bg: #FBFAF7;
  --surface: #FFFFFF;
  --surface-soft: #F4F1EA;
  --border: #E5E7EB;
  --border-soft: #EFEDE8;
  /* Tekst */
  --text: #1F2937;
  --text-soft: #4B5563;
  --text-mute: #6B7280;
  /* Type & layout — Raleway via Bisbrick defaults */
  --font: "Default-Regular", "Raleway", "Helvetica Neue", "Arial", system-ui, -apple-system, sans-serif;
  --font-light: "Default-Light", "Raleway", "Helvetica Neue", "Arial", system-ui, -apple-system, sans-serif;
  --font-bold: "Default-Bold", "Raleway", "Helvetica Neue", "Arial", system-ui, -apple-system, 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);
}
.IsamMHC *, .IsamMHC *::before, .IsamMHC *::after {
  box-sizing: border-box;
}
.IsamMHC html {
  -webkit-text-size-adjust: 100%;
}
.IsamMHC body {
  margin: 0;
  padding: 40px 20px 80px;
  font-family: "Default-Regular", "Raleway", "Helvetica Neue", "Arial", system-ui, -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.55;
  color: #1F2937;
  background: #FBFAF7;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.IsamMHC .mhc-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);
}
.IsamMHC .mhc-360 h1,
.IsamMHC .mhc-360 h2,
.IsamMHC .mhc-360 h3,
.IsamMHC .mhc-360 h4 {
  margin: 0;
  font-family: var(--font-bold);
  font-weight: normal;
  /* Default-Bold is een baked-bold font-family — geen extra weight nodig */
  color: var(--navy);
  line-height: 1.25;
}
.IsamMHC .mhc-360 strong,
.IsamMHC .mhc-360 b {
  font-family: var(--font-bold);
  font-weight: normal;
}
.IsamMHC .mhc-360 p {
  margin: 0 0 0.9em;
}
.IsamMHC .mhc-360 ul {
  margin: 0 0 0.9em;
  padding-left: 1.4em;
}
.IsamMHC .mhc-360 li {
  margin-bottom: 0.5em;
}
.IsamMHC .mhc-360__header {
  padding: 48px 48px 36px;
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-soft) 100%);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.IsamMHC .mhc-360__header::before {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201, 163, 82, 0.18) 0%, transparent 70%);
  pointer-events: none;
}
.IsamMHC .mhc-360__header .mhc-360__eyebrow {
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--amber);
  margin: 0 0 12px;
  font-weight: 600;
  position: relative;
}
.IsamMHC .mhc-360__header h1 {
  font-size: 32px;
  color: #fff;
  margin: 0 0 12px;
  letter-spacing: -0.01em;
  position: relative;
}
.IsamMHC .mhc-360__header .mhc-360__meta {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.78);
  margin: 0;
  font-style: italic;
  position: relative;
}
.IsamMHC .mhc-360__section-marker {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 28px;
}
.IsamMHC .mhc-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(--amber) 0%, var(--amber-warm) 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.02em;
  box-shadow: 0 2px 8px rgba(201, 163, 82, 0.3);
}
.IsamMHC .mhc-360__section-marker h2 {
  margin: 0;
  font-size: 22px;
  padding-bottom: 0;
  border-bottom: none;
}
.IsamMHC .mhc-360__stats {
  display: flex;
  gap: 12px;
  margin: 0 0 32px;
}
.IsamMHC .mhc-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;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.IsamMHC .mhc-360__stat:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm);
}
.IsamMHC .mhc-360__stat .mhc-360__stat-label {
  font-size: 10.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-mute);
  font-weight: 600;
  margin-bottom: 4px;
}
.IsamMHC .mhc-360__stat .mhc-360__stat-value {
  font-size: 22px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.1;
  letter-spacing: -0.01em;
}
.IsamMHC .mhc-360__stat .mhc-360__stat-value.mhc-360__stat-value--text {
  font-size: 17px;
}
.IsamMHC .mhc-360__stat .mhc-360__stat-of {
  font-size: 16px;
  color: var(--text-mute);
  font-weight: 500;
}
.IsamMHC .mhc-360__stat .mhc-360__stat-sub {
  font-size: 12px;
  color: var(--text-soft);
  margin-top: auto;
  padding-top: 4px;
}
.IsamMHC .mhc-360__stat.mhc-360__stat--attention {
  border-color: var(--manager-border);
  background: linear-gradient(135deg, var(--manager-bg) 0%, var(--surface) 60%);
}
.IsamMHC .mhc-360__stat.mhc-360__stat--attention .mhc-360__stat-value {
  color: #946D24;
}
.IsamMHC .mhc-360__stat.mhc-360__stat--good {
  border-color: rgba(111, 174, 131, 0.4);
  background: linear-gradient(135deg, rgba(111, 174, 131, 0.1) 0%, var(--surface) 60%);
}
.IsamMHC .mhc-360__stat.mhc-360__stat--good .mhc-360__stat-value {
  color: #2A6D45;
}
.IsamMHC .mhc-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;
}
.IsamMHC .mhc-360__reasons > h3 {
  font-size: 18px;
  margin: 0 0 8px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.IsamMHC .mhc-360__reasons > h3::before {
  content: "?";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--amber);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  flex-shrink: 0;
}
.IsamMHC .mhc-360__reasons-intro {
  color: var(--text-soft);
  font-size: 13.5px;
  margin: 0 0 22px;
  padding-left: 40px;
}
.IsamMHC .mhc-360__reasons-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.IsamMHC .mhc-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;
  position: relative;
}
.IsamMHC .mhc-360__reason .mhc-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;
}
.IsamMHC .mhc-360__reason.mhc-360__reason--self-high .mhc-360__reason-icon {
  background: var(--self-bg);
  color: var(--self);
}
.IsamMHC .mhc-360__reason.mhc-360__reason--manager-high .mhc-360__reason-icon {
  background: var(--manager-bg);
  color: var(--manager);
}
.IsamMHC .mhc-360__reason.mhc-360__reason--aligned-below .mhc-360__reason-icon {
  background: rgba(178, 58, 72, 0.1);
  color: var(--delta-negative);
}
.IsamMHC .mhc-360__reason.mhc-360__reason--aligned-ok .mhc-360__reason-icon {
  background: rgba(42, 109, 69, 0.1);
  color: var(--delta-positive);
}
.IsamMHC .mhc-360__reason h4 {
  font-size: 14px;
  color: var(--navy);
  margin: 0 0 10px;
  font-weight: 600;
  line-height: 1.35;
}
.IsamMHC .mhc-360__reason ul {
  margin: 0;
  padding-left: 18px;
  font-size: 13px;
  color: var(--text);
  line-height: 1.5;
}
.IsamMHC .mhc-360__reason li {
  margin-bottom: 6px;
}
.IsamMHC .mhc-360__reason li:last-child {
  margin-bottom: 0;
}
.IsamMHC .mhc-360__reason li::marker {
  color: var(--amber);
}
.IsamMHC .mhc-360__overview {
  padding: 40px 48px;
  border-bottom: 1px solid var(--border);
}
.IsamMHC .mhc-360__overview h2 {
  font-size: 22px;
  margin: 0 0 24px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--amber);
  display: inline-block;
}
.IsamMHC .mhc-360__chart-wrap {
  position: relative;
  height: 460px;
  margin: 0 0 36px;
  padding: 16px 8px 8px;
  background: var(--surface-soft);
  border-radius: var(--radius);
}
.IsamMHC .mhc-360__findings {
  background: var(--surface-soft);
  border-left: 4px solid var(--amber);
  padding: 20px 24px 16px;
  border-radius: 0 var(--radius) var(--radius) 0;
}
.IsamMHC .mhc-360__findings h3 {
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--amber-warm);
  margin: 0 0 12px;
  font-weight: 700;
}
.IsamMHC .mhc-360__findings ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.IsamMHC .mhc-360__findings li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  color: var(--text);
  line-height: 1.55;
}
.IsamMHC .mhc-360__findings li:last-child {
  margin-bottom: 0;
}
.IsamMHC .mhc-360__findings li::before {
  content: "▸";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--amber);
  font-weight: bold;
}
.IsamMHC .mhc-360__deep-dive {
  padding: 40px 48px;
  border-bottom: 1px solid var(--border);
}
.IsamMHC .mhc-360__deep-dive > h2:first-child {
  font-size: 22px;
  margin: 0 0 28px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--amber);
  display: inline-block;
}
.IsamMHC .mhc-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;
}
.IsamMHC .mhc-360__comp header {
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px dashed var(--border-soft);
}
.IsamMHC .mhc-360__comp header h3 {
  font-size: 17px;
  margin: 0 0 10px;
}
.IsamMHC .mhc-360__scores {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.IsamMHC .mhc-360__score {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 999px;
  white-space: nowrap;
}
.IsamMHC .mhc-360__score--self {
  background: var(--self-bg);
  color: #14618A;
  border: 1px solid var(--self-border);
}
.IsamMHC .mhc-360__score--manager {
  background: var(--manager-bg);
  color: #8A5A1F;
  border: 1px solid var(--manager-border);
}
.IsamMHC .mhc-360__score--target {
  background: transparent;
  color: var(--text-soft);
  border: 1px dashed #B5B5B5;
}
.IsamMHC .mhc-360__score--ambition {
  background: transparent;
  color: var(--ambition);
  border: 1px dotted var(--ambition);
}
.IsamMHC .mhc-360__comp .mhc-360__observation {
  color: var(--text);
  margin-bottom: 12px;
}
.IsamMHC .mhc-360__comp .mhc-360__recommendation {
  background: var(--surface-soft);
  border-left: 3px solid var(--amber);
  padding: 12px 16px;
  border-radius: 0 var(--radius) var(--radius) 0;
  margin: 0;
  font-size: 14.5px;
  color: var(--text);
}
.IsamMHC .mhc-360__comp .mhc-360__recommendation::before {
  content: "Volgende stap";
  display: block;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--amber-warm);
  font-weight: 700;
  margin-bottom: 4px;
}
.IsamMHC .mhc-360__overall {
  background: var(--navy);
  color: #fff;
  border-radius: var(--radius);
  padding: 24px 28px;
  margin-top: 24px;
  page-break-inside: avoid;
  break-inside: avoid;
}
.IsamMHC .mhc-360__overall h3 {
  color: #fff;
  font-size: 17px;
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--amber);
  display: inline-block;
}
.IsamMHC .mhc-360__overall p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 15px;
  line-height: 1.6;
}
.IsamMHC .mhc-360__details {
  padding: 40px 48px;
}
.IsamMHC .mhc-360__details > h2 {
  font-size: 22px;
  margin: 0 0 12px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--amber);
  display: inline-block;
}
.IsamMHC .mhc-360__details-intro {
  color: var(--text-soft);
  font-size: 14px;
  margin: 0 0 24px;
}
.IsamMHC .mhc-360__filter-bar {
  display: inline-flex;
  background: var(--surface-soft);
  border-radius: var(--radius);
  padding: 4px;
  margin-bottom: 28px;
  gap: 0;
}
.IsamMHC .mhc-360__filter-btn {
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 16px;
  border: none;
  background: transparent;
  color: var(--text-soft);
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.15s ease;
}
.IsamMHC .mhc-360__filter-btn:hover {
  color: var(--navy);
}
.IsamMHC .mhc-360__filter-btn.is-active {
  background: var(--navy);
  color: #fff;
  box-shadow: var(--shadow-sm);
}
.IsamMHC .mhc-360__filter-btn:focus-visible {
  outline: 2px solid var(--amber);
  outline-offset: 2px;
}
.IsamMHC .mhc-360__comp-detail {
  margin-bottom: 28px;
  page-break-inside: avoid;
  break-inside: avoid;
}
.IsamMHC .mhc-360__comp-detail h3 {
  font-size: 15px;
  margin: 0 0 10px;
  color: var(--navy);
  font-weight: 600;
}
.IsamMHC .mhc-360__detail-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  font-size: 13.5px;
}
.IsamMHC .mhc-360__detail-table thead {
  background: var(--surface-soft);
}
.IsamMHC .mhc-360__detail-table th {
  text-align: left;
  padding: 10px 14px;
  font-weight: 600;
  color: var(--navy);
  font-size: 12px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--border);
}
.IsamMHC .mhc-360__detail-table td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--border-soft);
  vertical-align: middle;
}
.IsamMHC .mhc-360__detail-table tr:last-child td {
  border-bottom: none;
}
.IsamMHC .mhc-360__detail-table tbody tr:hover {
  background: var(--surface-soft);
}
.IsamMHC .mhc-360__detail-table .mhc-360__col--question {
  width: 42%;
  color: var(--text);
}
.IsamMHC .mhc-360__detail-table .mhc-360__col--self,
.IsamMHC .mhc-360__detail-table .mhc-360__col--manager {
  width: 22%;
  text-align: center;
}
.IsamMHC .mhc-360__detail-table .mhc-360__col--delta {
  width: 14%;
  text-align: center;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.IsamMHC .mhc-360__detail-table th.mhc-360__col--self,
.IsamMHC .mhc-360__detail-table td.mhc-360__col--self {
  background: rgba(46, 156, 202, 0.04);
}
.IsamMHC .mhc-360__detail-table th.mhc-360__col--manager,
.IsamMHC .mhc-360__detail-table td.mhc-360__col--manager {
  background: rgba(226, 159, 71, 0.04);
}
.IsamMHC .mhc-360__details[data-filter=self] .mhc-360__col--manager,
.IsamMHC .mhc-360__details[data-filter=self] .mhc-360__col--delta {
  display: none;
}
.IsamMHC .mhc-360__details[data-filter=manager] .mhc-360__col--self,
.IsamMHC .mhc-360__details[data-filter=manager] .mhc-360__col--delta {
  display: none;
}
.IsamMHC .mhc-360__tag {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.4;
  white-space: nowrap;
}
.IsamMHC .mhc-360__tag--D {
  background: var(--tag-D-bg);
  color: var(--tag-D-fg);
}
.IsamMHC .mhc-360__tag--B {
  background: var(--tag-B-bg);
  color: var(--tag-B-fg);
}
.IsamMHC .mhc-360__tag--E {
  background: var(--tag-E-bg);
  color: var(--tag-E-fg);
}
.IsamMHC .mhc-360__tag--L {
  background: var(--tag-L-bg);
  color: var(--tag-L-fg);
}
.IsamMHC .mhc-360__tag--NO {
  background: var(--tag-NO-bg);
  color: var(--tag-NO-fg);
  font-style: italic;
  font-weight: 500;
}
.IsamMHC .mhc-360__delta--positive {
  color: var(--delta-positive);
}
.IsamMHC .mhc-360__delta--negative {
  color: var(--delta-negative);
}
.IsamMHC .mhc-360__delta--zero {
  color: var(--delta-zero);
}
.IsamMHC .mhc-360__bar-chart {
  background: var(--surface-soft);
  border-radius: var(--radius);
  padding: 22px 22px 20px;
  margin: 12px 0 18px;
}
.IsamMHC .mhc-360__axis {
  display: flex;
  margin-bottom: 14px;
  padding-left: 82px;
  /* matches .mhc-360__bar-source width + gap */
  padding-right: 70px;
  /* leaves room for the value labels at end of bars */
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--text-mute);
  border-bottom: 1px dashed var(--border);
  padding-bottom: 8px;
}
.IsamMHC .mhc-360__axis .mhc-360__axis-label {
  flex: 1 1 0;
  text-align: center;
  position: relative;
}
.IsamMHC .mhc-360__question {
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px dashed var(--border);
}
.IsamMHC .mhc-360__question:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.IsamMHC .mhc-360__q-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.IsamMHC .mhc-360__q-label {
  flex: 1 1 auto;
  font-size: 13px;
  color: var(--text);
  font-weight: 500;
  line-height: 1.35;
}
.IsamMHC .mhc-360__q-delta {
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  font-variant-numeric: tabular-nums;
  padding: 3px 12px;
  border-radius: 999px;
  background: var(--surface);
  border: 1px solid var(--border);
  min-width: 44px;
}
.IsamMHC .mhc-360__q-delta.mhc-360__delta--positive {
  color: var(--delta-positive);
  border-color: rgba(42, 109, 69, 0.3);
}
.IsamMHC .mhc-360__q-delta.mhc-360__delta--negative {
  color: var(--delta-negative);
  border-color: rgba(178, 58, 72, 0.3);
}
.IsamMHC .mhc-360__q-delta.mhc-360__delta--zero {
  color: var(--text-mute);
  font-weight: 500;
}
.IsamMHC .mhc-360__q-delta.mhc-360__delta--NO {
  color: var(--text-mute);
  font-style: italic;
  font-weight: 500;
}
.IsamMHC .mhc-360__bar-rows {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.IsamMHC .mhc-360__bar-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.IsamMHC .mhc-360__bar-source {
  flex: 0 0 72px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-soft);
}
.IsamMHC .mhc-360__bar-row.mhc-360__bar-row--self .mhc-360__bar-source {
  color: #14618A;
}
.IsamMHC .mhc-360__bar-row.mhc-360__bar-row--manager .mhc-360__bar-source {
  color: #8A5A1F;
}
.IsamMHC .mhc-360__bar-track {
  flex: 1 1 auto;
  position: relative;
  height: 22px;
  background: linear-gradient(to right, var(--tag-D-bg) 0%, var(--tag-D-bg) 25%, var(--tag-B-bg) 25%, var(--tag-B-bg) 50%, var(--tag-E-bg) 50%, var(--tag-E-bg) 75%, var(--tag-L-bg) 75%, var(--tag-L-bg) 100%);
  border-radius: 4px;
  opacity: 0.95;
  margin-right: 60px;
  /* room for value label */
}
.IsamMHC .mhc-360__bar-track::after {
  /* faint zone divider lines */
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, transparent 0, transparent calc(25% - 1px), rgba(255, 255, 255, 0.6) calc(25% - 1px), rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent calc(50% - 1px), rgba(255, 255, 255, 0.6) calc(50% - 1px), rgba(255, 255, 255, 0.6) 50%, transparent 50%, transparent calc(75% - 1px), rgba(255, 255, 255, 0.6) calc(75% - 1px), rgba(255, 255, 255, 0.6) 75%, transparent 75%);
  pointer-events: none;
  border-radius: 4px;
}
.IsamMHC .mhc-360__target-line {
  position: absolute;
  top: -3px;
  bottom: -3px;
  width: 2px;
  background: var(--target);
  /* Map mhc-360__score 1→25%, 2→50%, 3→75%, 4→100% */
  left: calc(var(--score) / 4 * 100%);
  border-radius: 1px;
  opacity: 0.65;
  transform: translateX(-50%);
  z-index: 1;
}
.IsamMHC .mhc-360__target-line::before {
  content: "▼";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 8px;
  color: var(--target);
  opacity: 0.7;
}
.IsamMHC .mhc-360__bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: calc(var(--score) / 4 * 100%);
  border-radius: 4px;
  z-index: 2;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: width 0.4s ease;
  overflow: visible;
}
.IsamMHC .mhc-360__bar--self {
  background: linear-gradient(to right, var(--self) 0%, #45B0DC 100%);
  color: #fff;
}
.IsamMHC .mhc-360__bar--manager {
  background: linear-gradient(to right, var(--manager) 0%, #EFB264 100%);
  color: #fff;
}
.IsamMHC .mhc-360__bar-value {
  position: absolute;
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.IsamMHC .mhc-360__bar--self .mhc-360__bar-value {
  color: #14618A;
}
.IsamMHC .mhc-360__bar--manager .mhc-360__bar-value {
  color: #8A5A1F;
}
.IsamMHC .mhc-360__bar-track.mhc-360__bar-track--no .mhc-360__bar-no-label {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  font-size: 11px;
  font-style: italic;
  color: var(--text-mute);
  z-index: 2;
}
.IsamMHC .mhc-360__bar-track.mhc-360__bar-track--no::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(108, 117, 125, 0.12) 6px, rgba(108, 117, 125, 0.12) 12px);
  border-radius: 4px;
  z-index: 1;
}
.IsamMHC .mhc-360__details[data-filter=self] .mhc-360__bar-row--manager,
.IsamMHC .mhc-360__details[data-filter=self] .mhc-360__q-delta,
.IsamMHC .mhc-360__details[data-filter=manager] .mhc-360__bar-row--self,
.IsamMHC .mhc-360__details[data-filter=manager] .mhc-360__q-delta {
  display: none;
}
.IsamMHC .mhc-360__legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  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: 20px;
}
.IsamMHC .mhc-360__legend > span {
  display: inline-flex;
  align-items: center;
  margin-right: 24px;
  margin-bottom: 2px;
}
.IsamMHC .mhc-360__legend > span:last-child {
  margin-right: 0;
}
.IsamMHC .mhc-360__legend > span > * {
  margin-right: 8px;
}
.IsamMHC .mhc-360__legend-swatch {
  display: inline-block;
  width: 18px;
  height: 12px;
  border-radius: 2px;
}
.IsamMHC .mhc-360__legend-swatch.mhc-360__legend-swatch--self {
  background: var(--self);
}
.IsamMHC .mhc-360__legend-swatch.mhc-360__legend-swatch--manager {
  background: var(--manager);
}
.IsamMHC .mhc-360__legend-line {
  display: inline-block;
  width: 16px;
  height: 2px;
  background: var(--target);
}
.IsamMHC .mhc-360__table-toggle {
  margin-top: 8px;
}
.IsamMHC .mhc-360__table-toggle summary {
  font-size: 12.5px;
  color: var(--text-mute);
  cursor: pointer;
  padding: 6px 0;
  list-style: none;
  user-select: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.IsamMHC .mhc-360__table-toggle summary::-webkit-details-marker {
  display: none;
}
.IsamMHC .mhc-360__table-toggle summary::before {
  content: "▸";
  font-size: 10px;
  transition: transform 0.15s ease;
}
.IsamMHC .mhc-360__table-toggle[open] summary::before {
  transform: rotate(90deg);
}
.IsamMHC .mhc-360__table-toggle summary:hover {
  color: var(--navy);
}
.IsamMHC .mhc-360__table-toggle .mhc-360__detail-table {
  margin-top: 12px;
}
.IsamMHC .mhc-360__footer {
  padding: 28px 48px 36px;
  background: var(--surface-soft);
  border-top: 1px solid var(--border);
  font-size: 13px;
  font-style: italic;
  color: var(--text-mute);
  text-align: center;
}
.IsamMHC .mhc-360__footer p {
  margin: 0;
  max-width: 580px;
  margin-inline: auto;
}
@media (max-width: 720px) {
  .IsamMHC body {
    padding: 20px 12px;
  }
  .IsamMHC .mhc-360__header {
    padding: 32px 24px 24px;
  }
  .IsamMHC .mhc-360__header h1 {
    font-size: 26px;
  }
  .IsamMHC .mhc-360__overview, .IsamMHC .mhc-360__deep-dive, .IsamMHC .mhc-360__details {
    padding: 28px 24px;
  }
  .IsamMHC .mhc-360__footer {
    padding: 24px;
  }
  .IsamMHC .mhc-360__chart-wrap {
    height: 360px;
  }
  .IsamMHC .mhc-360__comp {
    padding: 18px 18px;
  }
  .IsamMHC .mhc-360__scores {
    gap: 6px;
  }
  .IsamMHC .mhc-360__score {
    font-size: 11px;
    padding: 3px 9px;
  }
  .IsamMHC .mhc-360__filter-bar {
    width: 100%;
  }
  .IsamMHC .mhc-360__filter-btn {
    flex: 1;
    padding: 8px 10px;
    font-size: 12px;
  }
  .IsamMHC .mhc-360__detail-table {
    font-size: 12px;
  }
  .IsamMHC .mhc-360__detail-table th, .IsamMHC .mhc-360__detail-table td {
    padding: 8px 10px;
  }
  .IsamMHC .mhc-360__detail-table .mhc-360__col--question {
    width: 38%;
  }
}
@media print {
  .IsamMHC body {
    background: #fff;
    padding: 0;
    font-size: 11pt;
  }
  .IsamMHC .mhc-360 {
    max-width: none;
    box-shadow: none;
    border-radius: 0;
  }
  .IsamMHC .mhc-360__header {
    background: var(--navy) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    padding: 32px 32px 24px;
  }
  .IsamMHC .mhc-360__overview, .IsamMHC .mhc-360__deep-dive, .IsamMHC .mhc-360__details {
    padding: 24px 32px;
  }
  .IsamMHC .mhc-360__filter-bar {
    display: none;
  }
  .IsamMHC .mhc-360__details[data-filter] .mhc-360__col--manager,
.IsamMHC .mhc-360__details[data-filter] .mhc-360__col--self,
.IsamMHC .mhc-360__details[data-filter] .mhc-360__col--delta {
    display: table-cell !important;
  }
  .IsamMHC .mhc-360__comp, .IsamMHC .mhc-360__overall, .IsamMHC .mhc-360__comp-detail {
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .IsamMHC .mhc-360__findings, .IsamMHC .mhc-360__recommendation {
    background: transparent !important;
  }
  .IsamMHC .mhc-360__overall {
    color: var(--text) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .IsamMHC .mhc-360__overall h3, .IsamMHC .mhc-360__overall p {
    color: var(--text) !important;
  }
  .IsamMHC #Spider {
    page-break-inside: avoid;
    break-inside: avoid;
    box-shadow: none !important;
    border: none !important;
  }
  .IsamMHC .mhc-360__section-marker {
    page-break-before: always;
    break-before: always;
  }
}
.IsamMHC .mhc-360 [class*=mhc-360__ico--]::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 12px;
  vertical-align: -5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.IsamMHC .mhc-360 .mhc-360__ico--overview::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F3A5F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12,3 21,8 21,16 12,21 3,16 3,8'/%3E%3Cpolygon points='12,8 16,10.5 16,14.5 12,17 8,14.5 8,10.5'/%3E%3Ccircle cx='12' cy='12' r='1.2' fill='%231F3A5F' stroke='none'/%3E%3C/svg%3E");
}
.IsamMHC .mhc-360 .mhc-360__ico--deep-dive::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F3A5F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cline x1='20' y1='20' x2='15' y2='15'/%3E%3C/svg%3E");
}
.IsamMHC .mhc-360 .mhc-360__ico--details::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F3A5F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='14' width='4' height='7' rx='0.5'/%3E%3Crect x='10' y='10' width='4' height='11' rx='0.5'/%3E%3Crect x='17' y='6' width='4' height='15' rx='0.5'/%3E%3C/svg%3E");
}
.IsamMHC .mhc-360 .mhc-360__stat--good {
  position: relative;
  overflow: hidden;
}
.IsamMHC .mhc-360 .mhc-360__stat--good::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 6px;
  width: 64px;
  height: 28px;
  opacity: 0.22;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' fill='none' stroke='%232A6D45' 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;
}
.IsamMHC .mhc-360 .mhc-360__stat--good > * {
  position: relative;
  z-index: 1;
}
.IsamMHC .mhc-360 .mhc-360__stat--attention {
  position: relative;
  overflow: hidden;
}
.IsamMHC .mhc-360 .mhc-360__stat--attention::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 6px;
  width: 60px;
  height: 28px;
  opacity: 0.22;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' fill='none' stroke='%23B45454' 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;
}
.IsamMHC .mhc-360 .mhc-360__stat--attention > * {
  position: relative;
  z-index: 1;
}
.IsamMHC .mhc-360.mhc-360 p,
.IsamMHC .mhc-360.mhc-360 li,
.IsamMHC .mhc-360.mhc-360 td,
.IsamMHC .mhc-360.mhc-360 .mhc-360__observation,
.IsamMHC .mhc-360.mhc-360 .mhc-360__recommendation {
  color: var(--text) !important;
}
.IsamMHC .mhc-360.mhc-360 h1,
.IsamMHC .mhc-360.mhc-360 h2,
.IsamMHC .mhc-360.mhc-360 h3,
.IsamMHC .mhc-360.mhc-360 h4 {
  color: var(--navy) !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__findings h3 {
  color: var(--amber-warm) !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__recommendation::before {
  color: var(--amber-warm) !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__header,
.IsamMHC .mhc-360.mhc-360 .mhc-360__header h1,
.IsamMHC .mhc-360.mhc-360 .mhc-360__header .mhc-360__eyebrow,
.IsamMHC .mhc-360.mhc-360 .mhc-360__header .mhc-360__meta,
.IsamMHC .mhc-360.mhc-360 .mhc-360__section-num,
.IsamMHC .mhc-360.mhc-360 .mhc-360__overall,
.IsamMHC .mhc-360.mhc-360 .mhc-360__overall h3,
.IsamMHC .mhc-360.mhc-360 .mhc-360__overall p,
.IsamMHC .mhc-360.mhc-360 .mhc-360__filter-btn.is-active {
  color: #ffffff !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__header .mhc-360__eyebrow {
  color: var(--amber) !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__score--self {
  color: #14618A !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__score--manager {
  color: #8A5A1F !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__score--target {
  color: var(--text-soft) !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__score--ambition {
  color: var(--ambition) !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__tag--D {
  color: var(--tag-D-fg) !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__tag--B {
  color: var(--tag-B-fg) !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__tag--E {
  color: var(--tag-E-fg) !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__tag--L {
  color: var(--tag-L-fg) !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__tag--NO {
  color: var(--tag-NO-fg) !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__delta--positive {
  color: var(--delta-positive) !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__delta--negative {
  color: var(--delta-negative) !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__bar--self .mhc-360__bar-value {
  color: #14618A !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__bar--manager .mhc-360__bar-value {
  color: #8A5A1F !important;
}
.IsamMHC .mhc-360.mhc-360 strong {
  color: inherit !important;
}
.IsamMHC .mhc-360 .mhc-360__comp > header h3 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.IsamMHC .mhc-360 .mhc-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;
}
.IsamMHC .mhc-360 .mhc-360__status::before {
  content: "";
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.IsamMHC .mhc-360 .mhc-360__status--strong {
  background: rgba(18, 127, 181, 0.12);
  color: #0E5780;
}
.IsamMHC .mhc-360 .mhc-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='%23127fb5'%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");
}
.IsamMHC .mhc-360 .mhc-360__status--growth {
  background: rgba(50, 122, 41, 0.13);
  color: #285F22;
}
.IsamMHC .mhc-360 .mhc-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='%23327a29'%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");
}
.IsamMHC .mhc-360 .mhc-360__status--focus {
  background: rgba(16, 41, 81, 0.1);
  color: #102951;
}
.IsamMHC .mhc-360 .mhc-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='%23102951'%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");
}
.IsamMHC .mhc-360 .mhc-360__intro {
  padding: 24px 28px 4px;
  margin: 0 0 8px;
}
.IsamMHC .mhc-360 .mhc-360__intro-lead {
  font-size: 15px;
  line-height: 1.6;
  color: var(--text);
  margin: 0 0 22px;
}
.IsamMHC .mhc-360 .mhc-360__intro-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
  margin: 0 0 8px;
}
.IsamMHC .mhc-360 .mhc-360__intro-block {
  background: var(--surface-soft);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius);
  padding: 14px 16px 12px;
}
.IsamMHC .mhc-360 .mhc-360__intro-block h3 {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--amber-warm);
  font-weight: 600;
  margin: 0 0 8px;
}
.IsamMHC .mhc-360 .mhc-360__intro-block p {
  font-size: 13.5px;
  margin: 0 0 8px;
}
.IsamMHC .mhc-360 .mhc-360__intro-block ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.IsamMHC .mhc-360 .mhc-360__intro-block li {
  position: relative;
  padding: 4px 0 4px 16px;
  font-size: 13.5px;
  line-height: 1.5;
  margin: 0;
}
.IsamMHC .mhc-360 .mhc-360__intro-block li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--amber-warm);
}
.IsamMHC .mhc-360 .mhc-360__intro-block li strong {
  color: var(--navy);
}
.IsamMHC .mhc-360 .mhc-360__comp-desc {
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--text-soft);
  margin: 4px 0 14px;
  max-width: 70ch;
}
.IsamMHC .mhc-360 .mhc-360__development {
  background: var(--surface);
  border: 1px solid var(--border-soft);
  border-left: 4px solid var(--amber-warm);
  border-radius: var(--radius);
  padding: 18px 22px;
  margin: 16px 0 0;
}
.IsamMHC .mhc-360 .mhc-360__development h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--amber-warm);
  margin: 0 0 10px;
  letter-spacing: -0.01em;
}
.IsamMHC .mhc-360 .mhc-360__development h4 {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--navy);
  font-weight: 600;
  margin: 14px 0 6px;
}
.IsamMHC .mhc-360 .mhc-360__development h4:first-of-type {
  margin-top: 6px;
}
.IsamMHC .mhc-360 .mhc-360__development p {
  font-size: 14px;
  line-height: 1.55;
  margin: 0 0 6px;
  color: var(--text);
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__status--strong {
  color: #0E5780 !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__status--growth {
  color: #285F22 !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__status--focus {
  color: #102951 !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__intro-block h3,
.IsamMHC .mhc-360.mhc-360 .mhc-360__development h3 {
  color: var(--amber-warm) !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__intro-block li strong,
.IsamMHC .mhc-360.mhc-360 .mhc-360__development h4 {
  color: var(--navy) !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__intro-lead,
.IsamMHC .mhc-360.mhc-360 .mhc-360__intro-block p,
.IsamMHC .mhc-360.mhc-360 .mhc-360__intro-block li,
.IsamMHC .mhc-360.mhc-360 .mhc-360__development p {
  color: var(--text) !important;
}
.IsamMHC .mhc-360.mhc-360 .mhc-360__comp-desc {
  color: var(--text-soft) !important;
}
.IsamMHC .mhc-360__stats {
  page-break-inside: avoid;
  break-inside: avoid;
}
.IsamMHC bisbrick-radar-chart {
  page-break-inside: avoid;
  break-inside: avoid;
}
.IsamMHC bisbrick-radar-chart.mhc-360 .chart-wrapper {
  background: #F4F1EA;
  border-radius: 8px;
  padding: 16px 8px 8px;
}
.IsamMHC .mhc-360:has(.mhc-360__overview) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.IsamMHC bisbrick-radar-chart.mhc-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;
}
@charset "UTF-8";
.IsamMHC .mhcgroepsrapport {
  /* ════════════════════════════════════════════════════════════════════════
  MHC Mobility — 360° Feedback Groepsrapport — VOLLEDIGE CSS (standalone)
  v9 base + groep-additions in één bestand.
  ════════════════════════════════════════════════════════════════════════ */
  /* ============================================================
     MHC Mobility — 360° Feedback rapport — v7 (complete)

     Dit is v4 basis + v7-additions in één bestand.
     Vervang hiermee je huidige enkele CSS-bron in Bisbrick.

     Wat erin zit:
     - Alle v4-basis styling (header, overview, stats, spider-wrap,
       per-competentie articles, rode draad, reasons-panel, footer-styling, etc.)
     - v7-additions: status-badges, intro-sectie, comp-desc, 
       development-rubriek + host-proofing voor alle nieuwe kleuren
     ============================================================ */
  /* ============================================================
     MHC Mobility — 360° Feedback rapport
     Styling voor AI-gegenereerde individuele rapporten
     Werkt samen met mhc_360_systemprompt.md
     ============================================================ */
  /* ---------- 1. Design tokens (scoped to .mhc-360) ---------- */
  /* ---------- 2. Reset & base ---------- */
  /* Demo-only body styling — niet onderdeel van het component zelf.
     In Bisbrick (of een andere host) wordt deze regel niet gebruikt;
     het component zelf is volledig zelf-bevattend onder .mhc-360. */
  /* ---------- 3. Component root + headings (alles onder .mhc-360) ---------- */
  /* ---------- 4. Header ---------- */
  /* Section markers — big amber numerals before each section title */
  /* Stats strip — hero KPI tiles in section 1 */
  /* Reasons panel — Wat zou de reden kunnen zijn? */
  /* ---------- 5. Sectie 1: Overzicht ---------- */
  /* Spider chart container */
  /* Key findings */
  /* ---------- 6. Sectie 2: Verdieping ---------- */
  /* Score pills */
  /* Rode draad */
  /* ---------- 7. Sectie 3: Details ---------- */
  /* Filter mhc-360__bar */
  /* Detail tables */
  /* Filter — driestand via data-attribuut op .mhc-360__details */
  /* Niveau-tags */
  /* Delta */
  /* ---------- 8. Bar charts per vraag (sectie 3) ---------- */
  /* Axis mhc-360__bar across the top — D B E L labels aligned with mhc-360__bar zones */
  /* Per-question block */
  /* Question header: scenario text + delta badge */
  /* Bar rows wrapper */
  /* Single mhc-360__bar row: source label + track */
  /* Bar track — background with subtle level zones */
  /* Target line — vertical marker */
  /* The actual mhc-360__bar — fills from left to its mhc-360__score */
  /* Score value label — sits directly after the mhc-360__bar's end */
  /* "Niet geobserveerd" state — striped mhc-360__bar instead of solid */
  /* Filter hides rows based on selection */
  /* Legend below charts */
  /* Toggle to show exact mhc-360__tag table below dumbbell */
  /* ---------- 9. Footer ---------- */
  /* ---------- 10. Responsive ---------- */
  /* ---------- 11. Print ---------- */
  /* ════════════════════════════════════════════════════════════════════════
     12. SECTION ICONS — CSS-only, SVG via data URI
     Icons sit before the h2 text in each section-marker. The agent adds
     a single class to the h2 (e.g. mhc-360__ico--overview); no extra
     HTML element, no inline SVG, no LLM geometry.
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     13. TREND MOTIF — subtle upward trend line on "good" stat tiles
     Decorative only, drawn via ::after on .mhc-360__stat--good. No JS,
     no inline SVG in the HTML.
     ════════════════════════════════════════════════════════════════════════ */
  /* Attention-tile gets a subtle "spread/gap" motif instead — two diverging lines */
  /* ════════════════════════════════════════════════════════════════════════
     14. HOST-PROOFING — force every text color with !important + doubled
     root selector specificity. Wins cascade against host stylesheets that
     set global text colors on p / li / td via :root, body, or class rules
     loaded after this sheet. The earlier inheritance-based colors lose
     the cascade in some embed contexts; these rules win it outright.
     ════════════════════════════════════════════════════════════════════════ */
  /* Dark body text on light surfaces */
  /* Section + body headings — navy */
  /* Eyebrow + amber accent labels */
  /* WHITE text on dark surfaces — forced so host cannot darken */
  /* Eyebrow stays amber */
  /* Score pill colors */
  /* Tag colors keep their semantic foreground */
  /* Delta semantic colors */
  /* Bar value labels keep their accent */
  /* nested strong follows parent's forced color */
  /* ============================================================
     v7 ADDITIONS (was: mhc_360_report_v7_additions.css)
     ============================================================ */
  /* ════════════════════════════════════════════════════════════════════════
     MHC 360° v6 — CSS additions
     Voeg deze toe ONDERAAN je bestaande mhc_360_report_v4.css.
     Drie nieuwe blokken:
       (A) Status badges per competentie (⭐ / 🌱 / 🔍)
       (B) Intro-sectie (3 perspectieven + 4 niveaus)
       (C) Comp-desc (vaste omschrijving per competentie)
       (D) Development-rubriek (Ontwikkeling richting 2027)
     Plus host-proofing voor alle nieuwe text-colors.
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     A. STATUS BADGES — Sterk punt / Groeikans / Aandachtspunt
     Komen inline in de h3 van elk competentie-artikel. Lucide icoon links,
     label rechts, als pill.
     ════════════════════════════════════════════════════════════════════════ */
  /* Maak de h3 in de competentie-header een flex-container zodat de badge
     netjes naast de titel komt te staan, ook bij wrap op smalle schermen. */
  /* Base badge — pill met icoon */
  /* Modifier 1 — Sterk punt (Lucide star, blauw) */
  /* Modifier 2 — Groeikans (Lucide sprout, groen) */
  /* Modifier 3 — Aandachtspunt (Lucide search, navy) */
  /* ════════════════════════════════════════════════════════════════════════
     B. INTRO-SECTIE — drie perspectieven + vier niveaus
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     C. COMP-DESC — vaste omschrijving onder de competentie-titel
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     D. DEVELOPMENT — Ontwikkeling richting 2027
     Lijkt op .mhc-360__overall maar lichter — niet diepe-navy achtergrond
     maar witte card met amber accent. Zo wordt het visueel onderscheiden van
     "Rode draad" zonder dat het te dominant wordt.
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     HOST-PROOFING — text-colors voor alle nieuwe elementen
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     MHC Mobility — Groepsrapport — CSS aanvullingen

     Plak ONDERAAN je bestaande mhc_360_report_v9.css in Bisbrick.
     Alle selectors gebruiken .mhc-360.mhc-360 pattern voor hoge specificity —
     wint van de meeste Bisbrick host-styles.
     ════════════════════════════════════════════════════════════════════════ */
  /* A. Layout-klassen specifiek voor het groepsrapport
     ════════════════════════════════════════════════════════════════════════ */
  /* B. Fix: witte tekst op donkernavy in .mhc-360__overall (ol/li/strong)
     ════════════════════════════════════════════════════════════════════════ */
  /* ════════════════════════════════════════════════════════════════════════
     C. Typography in .mhc-360__overall en .mhc-360__development
     Titels bold, lopende tekst regular voor betere visuele hiërarchie
     ════════════════════════════════════════════════════════════════════════ */
}
.IsamMHC .mhcgroepsrapport .mhc-360 {
  /* Brand kleuren */
  --navy: #1F3A5F;
  --navy-soft: #2C4F7B;
  --amber: #C9A352;
  --amber-warm: #E29F47;
  /* Data-serie kleuren */
  --self: #2E9CCA;
  /* zelfreflectie — cyan */
  --self-bg: rgba(46, 156, 202, 0.12);
  --self-border: rgba(46, 156, 202, 0.45);
  --manager: #E29F47;
  /* manager — warm amber */
  --manager-bg: rgba(226, 159, 71, 0.12);
  --manager-border: rgba(226, 159, 71, 0.45);
  --target: #555555;
  /* target — neutraal grijs (dotted in chart) */
  --ambition: #6FAE83;
  /* ambitie — sage groen (dashed in chart) */
  /* Niveau-tags (D / B / E / L) */
  --tag-D-bg: #E8F2F9;
  --tag-D-fg: #1F567F;
  --tag-B-bg: #FAE9D4;
  --tag-B-fg: #8A5A1F;
  --tag-E-bg: #DCEDE0;
  --tag-E-fg: #2A6D45;
  --tag-L-bg: #E8DEF2;
  --tag-L-fg: #4E3878;
  --tag-NO-bg: #ECEEF1;
  --tag-NO-fg: #6C757D;
  /* Delta */
  --delta-positive: #2A6D45;
  --delta-negative: #B23A48;
  --delta-zero: #6C757D;
  /* Surface */
  --bg: #FBFAF7;
  --surface: #FFFFFF;
  --surface-soft: #F4F1EA;
  --border: #E5E7EB;
  --border-soft: #EFEDE8;
  /* Tekst */
  --text: #1F2937;
  --text-soft: #4B5563;
  --text-mute: #6B7280;
  /* Type & layout — Raleway via Bisbrick defaults */
  --font: "Default-Regular", "Raleway", "Helvetica Neue", "Arial", system-ui, -apple-system, sans-serif;
  --font-light: "Default-Light", "Raleway", "Helvetica Neue", "Arial", system-ui, -apple-system, sans-serif;
  --font-bold: "Default-Bold", "Raleway", "Helvetica Neue", "Arial", system-ui, -apple-system, 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);
}
.IsamMHC .mhcgroepsrapport *, .IsamMHC .mhcgroepsrapport *::before, .IsamMHC .mhcgroepsrapport *::after {
  box-sizing: border-box;
}
.IsamMHC .mhcgroepsrapport html {
  -webkit-text-size-adjust: 100%;
}
.IsamMHC .mhcgroepsrapport body {
  margin: 0;
  padding: 40px 20px 80px;
  font-family: "Default-Regular", "Raleway", "Helvetica Neue", "Arial", system-ui, -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.55;
  color: #1F2937;
  background: #FBFAF7;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.IsamMHC .mhcgroepsrapport .mhc-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);
}
.IsamMHC .mhcgroepsrapport .mhc-360 h1,
.IsamMHC .mhcgroepsrapport .mhc-360 h2,
.IsamMHC .mhcgroepsrapport .mhc-360 h3,
.IsamMHC .mhcgroepsrapport .mhc-360 h4 {
  margin: 0;
  font-family: var(--font-bold);
  font-weight: normal;
  /* Default-Bold is een baked-bold font-family — geen extra weight nodig */
  color: var(--navy);
  line-height: 1.25;
}
.IsamMHC .mhcgroepsrapport .mhc-360 strong,
.IsamMHC .mhcgroepsrapport .mhc-360 b {
  font-family: var(--font-bold);
  font-weight: normal;
}
.IsamMHC .mhcgroepsrapport .mhc-360 p {
  margin: 0 0 0.9em;
}
.IsamMHC .mhcgroepsrapport .mhc-360 ul {
  margin: 0 0 0.9em;
  padding-left: 1.4em;
}
.IsamMHC .mhcgroepsrapport .mhc-360 li {
  margin-bottom: 0.5em;
}
.IsamMHC .mhcgroepsrapport .mhc-360__header {
  padding: 48px 48px 36px;
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-soft) 100%);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.IsamMHC .mhcgroepsrapport .mhc-360__header::before {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201, 163, 82, 0.18) 0%, transparent 70%);
  pointer-events: none;
}
.IsamMHC .mhcgroepsrapport .mhc-360__header .mhc-360__eyebrow {
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--amber);
  margin: 0 0 12px;
  font-weight: 600;
  position: relative;
}
.IsamMHC .mhcgroepsrapport .mhc-360__header h1 {
  font-size: 32px;
  color: #fff;
  margin: 0 0 12px;
  letter-spacing: -0.01em;
  position: relative;
}
.IsamMHC .mhcgroepsrapport .mhc-360__header .mhc-360__meta {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.78);
  margin: 0;
  font-style: italic;
  position: relative;
}
.IsamMHC .mhcgroepsrapport .mhc-360__section-marker {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 28px;
}
.IsamMHC .mhcgroepsrapport .mhc-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(--amber) 0%, var(--amber-warm) 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.02em;
  box-shadow: 0 2px 8px rgba(201, 163, 82, 0.3);
}
.IsamMHC .mhcgroepsrapport .mhc-360__section-marker h2 {
  margin: 0;
  font-size: 22px;
  padding-bottom: 0;
  border-bottom: none;
}
.IsamMHC .mhcgroepsrapport .mhc-360__stats {
  display: flex;
  gap: 12px;
  margin: 0 0 32px;
}
.IsamMHC .mhcgroepsrapport .mhc-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;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm);
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat .mhc-360__stat-label {
  font-size: 10.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-mute);
  font-weight: 600;
  margin-bottom: 4px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat .mhc-360__stat-value {
  font-size: 22px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.1;
  letter-spacing: -0.01em;
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat .mhc-360__stat-value.mhc-360__stat-value--text {
  font-size: 17px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat .mhc-360__stat-of {
  font-size: 16px;
  color: var(--text-mute);
  font-weight: 500;
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat .mhc-360__stat-sub {
  font-size: 12px;
  color: var(--text-soft);
  margin-top: auto;
  padding-top: 4px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat.mhc-360__stat--attention {
  border-color: var(--manager-border);
  background: linear-gradient(135deg, var(--manager-bg) 0%, var(--surface) 60%);
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat.mhc-360__stat--attention .mhc-360__stat-value {
  color: #946D24;
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat.mhc-360__stat--good {
  border-color: rgba(111, 174, 131, 0.4);
  background: linear-gradient(135deg, rgba(111, 174, 131, 0.1) 0%, var(--surface) 60%);
}
.IsamMHC .mhcgroepsrapport .mhc-360__stat.mhc-360__stat--good .mhc-360__stat-value {
  color: #2A6D45;
}
.IsamMHC .mhcgroepsrapport .mhc-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;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reasons > h3 {
  font-size: 18px;
  margin: 0 0 8px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reasons > h3::before {
  content: "?";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--amber);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  flex-shrink: 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reasons-intro {
  color: var(--text-soft);
  font-size: 13.5px;
  margin: 0 0 22px;
  padding-left: 40px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reasons-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.IsamMHC .mhcgroepsrapport .mhc-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;
  position: relative;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason .mhc-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;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason.mhc-360__reason--self-high .mhc-360__reason-icon {
  background: var(--self-bg);
  color: var(--self);
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason.mhc-360__reason--manager-high .mhc-360__reason-icon {
  background: var(--manager-bg);
  color: var(--manager);
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason.mhc-360__reason--aligned-below .mhc-360__reason-icon {
  background: rgba(178, 58, 72, 0.1);
  color: var(--delta-negative);
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason.mhc-360__reason--aligned-ok .mhc-360__reason-icon {
  background: rgba(42, 109, 69, 0.1);
  color: var(--delta-positive);
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason h4 {
  font-size: 14px;
  color: var(--navy);
  margin: 0 0 10px;
  font-weight: 600;
  line-height: 1.35;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason ul {
  margin: 0;
  padding-left: 18px;
  font-size: 13px;
  color: var(--text);
  line-height: 1.5;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason li {
  margin-bottom: 6px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason li:last-child {
  margin-bottom: 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360__reason li::marker {
  color: var(--amber);
}
.IsamMHC .mhcgroepsrapport .mhc-360__overview {
  padding: 40px 48px;
  border-bottom: 1px solid var(--border);
}
.IsamMHC .mhcgroepsrapport .mhc-360__overview h2 {
  font-size: 22px;
  margin: 0 0 24px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--amber);
  display: inline-block;
}
.IsamMHC .mhcgroepsrapport .mhc-360__chart-wrap {
  position: relative;
  height: 460px;
  margin: 0 0 36px;
  padding: 16px 8px 8px;
  background: var(--surface-soft);
  border-radius: var(--radius);
}
.IsamMHC .mhcgroepsrapport .mhc-360__findings {
  background: var(--surface-soft);
  border-left: 4px solid var(--amber);
  padding: 20px 24px 16px;
  border-radius: 0 var(--radius) var(--radius) 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360__findings h3 {
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--amber-warm);
  margin: 0 0 12px;
  font-weight: 700;
}
.IsamMHC .mhcgroepsrapport .mhc-360__findings ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360__findings li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  color: var(--text);
  line-height: 1.55;
}
.IsamMHC .mhcgroepsrapport .mhc-360__findings li:last-child {
  margin-bottom: 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360__findings li::before {
  content: "▸";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--amber);
  font-weight: bold;
}
.IsamMHC .mhcgroepsrapport .mhc-360__deep-dive {
  padding: 40px 48px;
  border-bottom: 1px solid var(--border);
}
.IsamMHC .mhcgroepsrapport .mhc-360__deep-dive > h2:first-child {
  font-size: 22px;
  margin: 0 0 28px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--amber);
  display: inline-block;
}
.IsamMHC .mhcgroepsrapport .mhc-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;
}
.IsamMHC .mhcgroepsrapport .mhc-360__comp header {
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px dashed var(--border-soft);
}
.IsamMHC .mhcgroepsrapport .mhc-360__comp header h3 {
  font-size: 17px;
  margin: 0 0 10px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__scores {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__score {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 999px;
  white-space: nowrap;
}
.IsamMHC .mhcgroepsrapport .mhc-360__score--self {
  background: var(--self-bg);
  color: #14618A;
  border: 1px solid var(--self-border);
}
.IsamMHC .mhcgroepsrapport .mhc-360__score--manager {
  background: var(--manager-bg);
  color: #8A5A1F;
  border: 1px solid var(--manager-border);
}
.IsamMHC .mhcgroepsrapport .mhc-360__score--target {
  background: transparent;
  color: var(--text-soft);
  border: 1px dashed #B5B5B5;
}
.IsamMHC .mhcgroepsrapport .mhc-360__score--ambition {
  background: transparent;
  color: var(--ambition);
  border: 1px dotted var(--ambition);
}
.IsamMHC .mhcgroepsrapport .mhc-360__comp .mhc-360__observation {
  color: var(--text);
  margin-bottom: 12px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__comp .mhc-360__recommendation {
  background: var(--surface-soft);
  border-left: 3px solid var(--amber);
  padding: 12px 16px;
  border-radius: 0 var(--radius) var(--radius) 0;
  margin: 0;
  font-size: 14.5px;
  color: var(--text);
}
.IsamMHC .mhcgroepsrapport .mhc-360__comp .mhc-360__recommendation::before {
  content: "Volgende stap";
  display: block;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--amber-warm);
  font-weight: 700;
  margin-bottom: 4px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__overall {
  background: var(--navy);
  color: #fff;
  border-radius: var(--radius);
  padding: 24px 28px;
  margin-top: 24px;
  page-break-inside: avoid;
  break-inside: avoid;
}
.IsamMHC .mhcgroepsrapport .mhc-360__overall h3 {
  color: #fff;
  font-size: 17px;
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--amber);
  display: inline-block;
}
.IsamMHC .mhcgroepsrapport .mhc-360__overall p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 15px;
  line-height: 1.6;
}
.IsamMHC .mhcgroepsrapport .mhc-360__details {
  padding: 40px 48px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__details > h2 {
  font-size: 22px;
  margin: 0 0 12px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--amber);
  display: inline-block;
}
.IsamMHC .mhcgroepsrapport .mhc-360__details-intro {
  color: var(--text-soft);
  font-size: 14px;
  margin: 0 0 24px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__filter-bar {
  display: inline-flex;
  background: var(--surface-soft);
  border-radius: var(--radius);
  padding: 4px;
  margin-bottom: 28px;
  gap: 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360__filter-btn {
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 16px;
  border: none;
  background: transparent;
  color: var(--text-soft);
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.15s ease;
}
.IsamMHC .mhcgroepsrapport .mhc-360__filter-btn:hover {
  color: var(--navy);
}
.IsamMHC .mhcgroepsrapport .mhc-360__filter-btn.is-active {
  background: var(--navy);
  color: #fff;
  box-shadow: var(--shadow-sm);
}
.IsamMHC .mhcgroepsrapport .mhc-360__filter-btn:focus-visible {
  outline: 2px solid var(--amber);
  outline-offset: 2px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__comp-detail {
  margin-bottom: 28px;
  page-break-inside: avoid;
  break-inside: avoid;
}
.IsamMHC .mhcgroepsrapport .mhc-360__comp-detail h3 {
  font-size: 15px;
  margin: 0 0 10px;
  color: var(--navy);
  font-weight: 600;
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  font-size: 13.5px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table thead {
  background: var(--surface-soft);
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table th {
  text-align: left;
  padding: 10px 14px;
  font-weight: 600;
  color: var(--navy);
  font-size: 12px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--border);
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--border-soft);
  vertical-align: middle;
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table tr:last-child td {
  border-bottom: none;
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table tbody tr:hover {
  background: var(--surface-soft);
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table .mhc-360__col--question {
  width: 42%;
  color: var(--text);
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table .mhc-360__col--self,
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table .mhc-360__col--manager {
  width: 22%;
  text-align: center;
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table .mhc-360__col--delta {
  width: 14%;
  text-align: center;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table th.mhc-360__col--self,
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table td.mhc-360__col--self {
  background: rgba(46, 156, 202, 0.04);
}
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table th.mhc-360__col--manager,
.IsamMHC .mhcgroepsrapport .mhc-360__detail-table td.mhc-360__col--manager {
  background: rgba(226, 159, 71, 0.04);
}
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter=self] .mhc-360__col--manager,
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter=self] .mhc-360__col--delta {
  display: none;
}
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter=manager] .mhc-360__col--self,
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter=manager] .mhc-360__col--delta {
  display: none;
}
.IsamMHC .mhcgroepsrapport .mhc-360__tag {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.4;
  white-space: nowrap;
}
.IsamMHC .mhcgroepsrapport .mhc-360__tag--D {
  background: var(--tag-D-bg);
  color: var(--tag-D-fg);
}
.IsamMHC .mhcgroepsrapport .mhc-360__tag--B {
  background: var(--tag-B-bg);
  color: var(--tag-B-fg);
}
.IsamMHC .mhcgroepsrapport .mhc-360__tag--E {
  background: var(--tag-E-bg);
  color: var(--tag-E-fg);
}
.IsamMHC .mhcgroepsrapport .mhc-360__tag--L {
  background: var(--tag-L-bg);
  color: var(--tag-L-fg);
}
.IsamMHC .mhcgroepsrapport .mhc-360__tag--NO {
  background: var(--tag-NO-bg);
  color: var(--tag-NO-fg);
  font-style: italic;
  font-weight: 500;
}
.IsamMHC .mhcgroepsrapport .mhc-360__delta--positive {
  color: var(--delta-positive);
}
.IsamMHC .mhcgroepsrapport .mhc-360__delta--negative {
  color: var(--delta-negative);
}
.IsamMHC .mhcgroepsrapport .mhc-360__delta--zero {
  color: var(--delta-zero);
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-chart {
  background: var(--surface-soft);
  border-radius: var(--radius);
  padding: 22px 22px 20px;
  margin: 12px 0 18px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__axis {
  display: flex;
  margin-bottom: 14px;
  padding-left: 82px;
  /* matches .mhc-360__bar-source width + gap */
  padding-right: 70px;
  /* leaves room for the value labels at end of bars */
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--text-mute);
  border-bottom: 1px dashed var(--border);
  padding-bottom: 8px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__axis .mhc-360__axis-label {
  flex: 1 1 0;
  text-align: center;
  position: relative;
}
.IsamMHC .mhcgroepsrapport .mhc-360__question {
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px dashed var(--border);
}
.IsamMHC .mhcgroepsrapport .mhc-360__question:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.IsamMHC .mhcgroepsrapport .mhc-360__q-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__q-label {
  flex: 1 1 auto;
  font-size: 13px;
  color: var(--text);
  font-weight: 500;
  line-height: 1.35;
}
.IsamMHC .mhcgroepsrapport .mhc-360__q-delta {
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  font-variant-numeric: tabular-nums;
  padding: 3px 12px;
  border-radius: 999px;
  background: var(--surface);
  border: 1px solid var(--border);
  min-width: 44px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__q-delta.mhc-360__delta--positive {
  color: var(--delta-positive);
  border-color: rgba(42, 109, 69, 0.3);
}
.IsamMHC .mhcgroepsrapport .mhc-360__q-delta.mhc-360__delta--negative {
  color: var(--delta-negative);
  border-color: rgba(178, 58, 72, 0.3);
}
.IsamMHC .mhcgroepsrapport .mhc-360__q-delta.mhc-360__delta--zero {
  color: var(--text-mute);
  font-weight: 500;
}
.IsamMHC .mhcgroepsrapport .mhc-360__q-delta.mhc-360__delta--NO {
  color: var(--text-mute);
  font-style: italic;
  font-weight: 500;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-rows {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-source {
  flex: 0 0 72px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-soft);
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-row.mhc-360__bar-row--self .mhc-360__bar-source {
  color: #14618A;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-row.mhc-360__bar-row--manager .mhc-360__bar-source {
  color: #8A5A1F;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-track {
  flex: 1 1 auto;
  position: relative;
  height: 22px;
  background: linear-gradient(to right, var(--tag-D-bg) 0%, var(--tag-D-bg) 25%, var(--tag-B-bg) 25%, var(--tag-B-bg) 50%, var(--tag-E-bg) 50%, var(--tag-E-bg) 75%, var(--tag-L-bg) 75%, var(--tag-L-bg) 100%);
  border-radius: 4px;
  opacity: 0.95;
  margin-right: 60px;
  /* room for value label */
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-track::after {
  /* faint zone divider lines */
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, transparent 0, transparent calc(25% - 1px), rgba(255, 255, 255, 0.6) calc(25% - 1px), rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent calc(50% - 1px), rgba(255, 255, 255, 0.6) calc(50% - 1px), rgba(255, 255, 255, 0.6) 50%, transparent 50%, transparent calc(75% - 1px), rgba(255, 255, 255, 0.6) calc(75% - 1px), rgba(255, 255, 255, 0.6) 75%, transparent 75%);
  pointer-events: none;
  border-radius: 4px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__target-line {
  position: absolute;
  top: -3px;
  bottom: -3px;
  width: 2px;
  background: var(--target);
  /* Map mhc-360__score 1→25%, 2→50%, 3→75%, 4→100% */
  left: calc(var(--score) / 4 * 100%);
  border-radius: 1px;
  opacity: 0.65;
  transform: translateX(-50%);
  z-index: 1;
}
.IsamMHC .mhcgroepsrapport .mhc-360__target-line::before {
  content: "▼";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 8px;
  color: var(--target);
  opacity: 0.7;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: calc(var(--score) / 4 * 100%);
  border-radius: 4px;
  z-index: 2;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: width 0.4s ease;
  overflow: visible;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar--self {
  background: linear-gradient(to right, var(--self) 0%, #45B0DC 100%);
  color: #fff;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar--manager {
  background: linear-gradient(to right, var(--manager) 0%, #EFB264 100%);
  color: #fff;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-value {
  position: absolute;
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar--self .mhc-360__bar-value {
  color: #14618A;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar--manager .mhc-360__bar-value {
  color: #8A5A1F;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-track.mhc-360__bar-track--no .mhc-360__bar-no-label {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  font-size: 11px;
  font-style: italic;
  color: var(--text-mute);
  z-index: 2;
}
.IsamMHC .mhcgroepsrapport .mhc-360__bar-track.mhc-360__bar-track--no::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(108, 117, 125, 0.12) 6px, rgba(108, 117, 125, 0.12) 12px);
  border-radius: 4px;
  z-index: 1;
}
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter=self] .mhc-360__bar-row--manager,
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter=self] .mhc-360__q-delta,
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter=manager] .mhc-360__bar-row--self,
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter=manager] .mhc-360__q-delta {
  display: none;
}
.IsamMHC .mhcgroepsrapport .mhc-360__legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  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: 20px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__legend > span {
  display: inline-flex;
  align-items: center;
  margin-right: 24px;
  margin-bottom: 2px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__legend > span:last-child {
  margin-right: 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360__legend > span > * {
  margin-right: 8px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__legend-swatch {
  display: inline-block;
  width: 18px;
  height: 12px;
  border-radius: 2px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__legend-swatch.mhc-360__legend-swatch--self {
  background: var(--self);
}
.IsamMHC .mhcgroepsrapport .mhc-360__legend-swatch.mhc-360__legend-swatch--manager {
  background: var(--manager);
}
.IsamMHC .mhcgroepsrapport .mhc-360__legend-line {
  display: inline-block;
  width: 16px;
  height: 2px;
  background: var(--target);
}
.IsamMHC .mhcgroepsrapport .mhc-360__table-toggle {
  margin-top: 8px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__table-toggle summary {
  font-size: 12.5px;
  color: var(--text-mute);
  cursor: pointer;
  padding: 6px 0;
  list-style: none;
  user-select: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__table-toggle summary::-webkit-details-marker {
  display: none;
}
.IsamMHC .mhcgroepsrapport .mhc-360__table-toggle summary::before {
  content: "▸";
  font-size: 10px;
  transition: transform 0.15s ease;
}
.IsamMHC .mhcgroepsrapport .mhc-360__table-toggle[open] summary::before {
  transform: rotate(90deg);
}
.IsamMHC .mhcgroepsrapport .mhc-360__table-toggle summary:hover {
  color: var(--navy);
}
.IsamMHC .mhcgroepsrapport .mhc-360__table-toggle .mhc-360__detail-table {
  margin-top: 12px;
}
.IsamMHC .mhcgroepsrapport .mhc-360__footer {
  padding: 28px 48px 36px;
  background: var(--surface-soft);
  border-top: 1px solid var(--border);
  font-size: 13px;
  font-style: italic;
  color: var(--text-mute);
  text-align: center;
}
.IsamMHC .mhcgroepsrapport .mhc-360__footer p {
  margin: 0;
  max-width: 580px;
  margin-inline: auto;
}
@media (max-width: 720px) {
  .IsamMHC .mhcgroepsrapport body {
    padding: 20px 12px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__header {
    padding: 32px 24px 24px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__header h1 {
    font-size: 26px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__overview, .IsamMHC .mhcgroepsrapport .mhc-360__deep-dive, .IsamMHC .mhcgroepsrapport .mhc-360__details {
    padding: 28px 24px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__footer {
    padding: 24px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__chart-wrap {
    height: 360px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__comp {
    padding: 18px 18px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__scores {
    gap: 6px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__score {
    font-size: 11px;
    padding: 3px 9px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__filter-bar {
    width: 100%;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__filter-btn {
    flex: 1;
    padding: 8px 10px;
    font-size: 12px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__detail-table {
    font-size: 12px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__detail-table th, .IsamMHC .mhcgroepsrapport .mhc-360__detail-table td {
    padding: 8px 10px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__detail-table .mhc-360__col--question {
    width: 38%;
  }
}
@media print {
  .IsamMHC .mhcgroepsrapport body {
    background: #fff;
    padding: 0;
    font-size: 11pt;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360 {
    max-width: none;
    box-shadow: none;
    border-radius: 0;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__header {
    background: var(--navy) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    padding: 32px 32px 24px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__overview, .IsamMHC .mhcgroepsrapport .mhc-360__deep-dive, .IsamMHC .mhcgroepsrapport .mhc-360__details {
    padding: 24px 32px;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__filter-bar {
    display: none;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter] .mhc-360__col--manager,
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter] .mhc-360__col--self,
.IsamMHC .mhcgroepsrapport .mhc-360__details[data-filter] .mhc-360__col--delta {
    display: table-cell !important;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__comp, .IsamMHC .mhcgroepsrapport .mhc-360__overall, .IsamMHC .mhcgroepsrapport .mhc-360__comp-detail {
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__findings, .IsamMHC .mhcgroepsrapport .mhc-360__recommendation {
    background: transparent !important;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__overall {
    background: var(--surface-soft) !important;
    color: var(--text) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .IsamMHC .mhcgroepsrapport .mhc-360__overall h3, .IsamMHC .mhcgroepsrapport .mhc-360__overall p {
    color: var(--text) !important;
  }
}
.IsamMHC .mhcgroepsrapport .mhc-360 [class*=mhc-360__ico--]::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 12px;
  vertical-align: -5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__ico--overview::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F3A5F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12,3 21,8 21,16 12,21 3,16 3,8'/%3E%3Cpolygon points='12,8 16,10.5 16,14.5 12,17 8,14.5 8,10.5'/%3E%3Ccircle cx='12' cy='12' r='1.2' fill='%231F3A5F' stroke='none'/%3E%3C/svg%3E");
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__ico--deep-dive::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F3A5F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cline x1='20' y1='20' x2='15' y2='15'/%3E%3C/svg%3E");
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__ico--details::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F3A5F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='14' width='4' height='7' rx='0.5'/%3E%3Crect x='10' y='10' width='4' height='11' rx='0.5'/%3E%3Crect x='17' y='6' width='4' height='15' rx='0.5'/%3E%3C/svg%3E");
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__stat--good {
  position: relative;
  overflow: hidden;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__stat--good::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 6px;
  width: 64px;
  height: 28px;
  opacity: 0.22;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' fill='none' stroke='%232A6D45' 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;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__stat--good > * {
  position: relative;
  z-index: 1;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__stat--attention {
  position: relative;
  overflow: hidden;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__stat--attention::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 6px;
  width: 60px;
  height: 28px;
  opacity: 0.22;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' fill='none' stroke='%23B45454' 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;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__stat--attention > * {
  position: relative;
  z-index: 1;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 p,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 li,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 td,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__observation,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__recommendation {
  color: var(--text) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 h1,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 h2,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 h3,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 h4 {
  color: var(--navy) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__findings h3 {
  color: var(--amber-warm) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__recommendation::before {
  color: var(--amber-warm) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__header,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__header h1,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__header .mhc-360__eyebrow,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__header .mhc-360__meta,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__section-num,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall h3,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall p,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__filter-btn.is-active {
  color: #ffffff !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__header .mhc-360__eyebrow {
  color: var(--amber) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__score--self {
  color: #14618A !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__score--manager {
  color: #8A5A1F !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__score--target {
  color: var(--text-soft) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__score--ambition {
  color: var(--ambition) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__tag--D {
  color: var(--tag-D-fg) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__tag--B {
  color: var(--tag-B-fg) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__tag--E {
  color: var(--tag-E-fg) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__tag--L {
  color: var(--tag-L-fg) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__tag--NO {
  color: var(--tag-NO-fg) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__delta--positive {
  color: var(--delta-positive) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__delta--negative {
  color: var(--delta-negative) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__bar--self .mhc-360__bar-value {
  color: #14618A !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__bar--manager .mhc-360__bar-value {
  color: #8A5A1F !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 strong {
  color: inherit !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__comp > header h3 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-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;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__status::before {
  content: "";
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__status--strong {
  background: rgba(18, 127, 181, 0.12);
  color: #0E5780;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-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='%23127fb5'%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");
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__status--growth {
  background: rgba(50, 122, 41, 0.13);
  color: #285F22;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-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='%23327a29'%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");
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__status--focus {
  background: rgba(16, 41, 81, 0.1);
  color: #102951;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-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='%23102951'%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");
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro {
  padding: 24px 28px 4px;
  margin: 0 0 8px;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro-lead {
  font-size: 15px;
  line-height: 1.6;
  color: var(--text);
  margin: 0 0 22px;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
  margin: 0 0 8px;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro-block {
  background: var(--surface-soft);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius);
  padding: 14px 16px 12px;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro-block h3 {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--amber-warm);
  font-weight: 600;
  margin: 0 0 8px;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro-block p {
  font-size: 13.5px;
  margin: 0 0 8px;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro-block ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro-block li {
  position: relative;
  padding: 4px 0 4px 16px;
  font-size: 13.5px;
  line-height: 1.5;
  margin: 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro-block li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--amber-warm);
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__intro-block li strong {
  color: var(--navy);
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__comp-desc {
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--text-soft);
  margin: 4px 0 14px;
  max-width: 70ch;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__development {
  background: var(--surface);
  border: 1px solid var(--border-soft);
  border-left: 4px solid var(--amber-warm);
  border-radius: var(--radius);
  padding: 18px 22px;
  margin: 16px 0 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__development h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--amber-warm);
  margin: 0 0 10px;
  letter-spacing: -0.01em;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__development h4 {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--navy);
  font-weight: 600;
  margin: 14px 0 6px;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__development h4:first-of-type {
  margin-top: 6px;
}
.IsamMHC .mhcgroepsrapport .mhc-360 .mhc-360__development p {
  font-size: 14px;
  line-height: 1.55;
  margin: 0 0 6px;
  color: var(--text);
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__status--strong {
  color: #0E5780 !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__status--growth {
  color: #285F22 !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__status--focus {
  color: #102951 !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__intro-block h3,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__development h3 {
  color: var(--amber-warm) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__intro-block li strong,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__development h4 {
  color: var(--navy) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__intro-lead,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__intro-block p,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__intro-block li,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__development p {
  color: var(--text) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__comp-desc {
  color: var(--text-soft) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__group-stats {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
  margin: 24px 0 28px !important;
}
@media (max-width: 700px) {
  .IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__group-stats {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-wrap {
  display: flex !important;
  gap: 32px !important;
  align-items: center !important;
  margin: 20px 0 !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-wrap svg {
  flex-shrink: 0;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-legend {
  flex: 1;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-legend ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-legend li {
  display: block !important;
  margin-bottom: 10px !important;
  line-height: 1.5 !important;
  font-size: 14px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-legend li .swatch {
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 12px !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 3px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__donut-legend li strong {
  display: inline-block !important;
  min-width: 26px !important;
  margin-right: 10px !important;
  vertical-align: middle !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist {
  display: grid !important;
  grid-template-columns: 80px 1fr 80px 1fr !important;
  gap: 8px 14px !important;
  align-items: center !important;
  margin: 14px 0 4px !important;
  font-size: 12px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-label {
  color: var(--text-soft) !important;
  font-size: 12px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-bar {
  display: flex !important;
  height: 22px !important;
  background: var(--surface-soft) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  font-size: 11px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-seg {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: white !important;
  font-weight: 600 !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  padding: 0 4px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-seg--D {
  background: #94a3b8 !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-seg--B {
  background: #64748b !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-seg--E {
  background: #2E9CCA !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-seg--L {
  background: #1F3A5F !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-legend-row {
  display: block !important;
  margin-bottom: 12px !important;
  font-size: 11px !important;
  color: var(--text-soft) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-legend-row span {
  display: inline-block !important;
  margin-right: 24px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__dist-legend-row span .sw {
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 8px !important;
  width: 11px !important;
  height: 11px !important;
  border-radius: 2px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 16px 0 !important;
  font-size: 13px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-table th,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-table td {
  padding: 10px 12px !important;
  text-align: left !important;
  border-bottom: 1px solid var(--border-soft) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-table th {
  background: var(--surface-soft) !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-table td.num {
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-card {
  border: 1px solid var(--border-soft) !important;
  border-radius: var(--radius) !important;
  padding: 18px 22px !important;
  margin: 14px 0 !important;
  background: white !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-card h4 {
  margin: 0 0 4px !important;
  font-family: var(--font-bold) !important;
  font-weight: normal !important;
  color: var(--navy) !important;
  font-size: 16px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__team-card .team-meta {
  font-size: 12px !important;
  color: var(--text-soft) !important;
  margin-bottom: 10px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__conclusion {
  background: linear-gradient(135deg, #fff8eb 0%, #fff 100%) !important;
  border-left: 4px solid var(--amber-warm) !important;
  padding: 16px 22px !important;
  margin: 16px 0 24px !important;
  border-radius: 0 var(--radius) var(--radius) 0 !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__conclusion h4 {
  margin: 0 0 6px !important;
  font-family: var(--font-bold) !important;
  font-weight: normal !important;
  color: var(--amber-warm) !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__chart-wrap--group {
  text-align: center !important;
  margin: 24px 0 !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__not-completed {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 12px 0 !important;
  font-size: 13px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__not-completed th,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__not-completed td {
  padding: 8px 12px !important;
  text-align: left !important;
  border-bottom: 1px solid var(--border-soft) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__not-completed th {
  background: var(--surface-soft) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  color: var(--text-soft) !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__not-completed .reason {
  color: var(--text-soft) !important;
  font-style: italic !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall ol,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall ul,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall li,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall strong,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall b,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall em,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall h4 {
  color: #ffffff !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall h3,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__development h3 {
  font-family: var(--font-bold) !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  margin-top: 0 !important;
  margin-bottom: 6px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall h4,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__development h4 {
  font-family: var(--font-bold) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  margin-top: 16px !important;
  margin-bottom: 6px !important;
}
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__overall p,
.IsamMHC .mhcgroepsrapport .mhc-360.mhc-360 .mhc-360__development p {
  font-family: var(--font) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}
.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;
}