.auth-shell_page__krDVE {
  min-height: 100vh;
  background:
    linear-gradient(rgba(15, 23, 42, 0.5), rgba(15, 23, 42, 0.45)),
    url("/images/backgrounds/features_background.jpg") center/cover fixed;
  color: #0f172a;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 20px;
}

.auth-shell_shell__BGCLV {
  width: min(1180px, 100%);
  min-height: 640px;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(430px, 1fr);
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.22);
}

.auth-shell_brandPanel__xM4yV {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 44px;
  background:
    linear-gradient(180deg, rgba(64, 32, 93, 0.9), rgba(29, 20, 47, 0.94)),
    url("/images/backgrounds/contact_background.jpg") center/cover;
  color: #ffffff;
}

.auth-shell_logoLink__tdD_M {
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.96);
  border-radius: 8px;
}

.auth-shell_logo__WscJl {
  width: 215px;
  height: auto;
}

.auth-shell_brandCopy__g3GrC {
  max-width: 420px;
  margin: 54px 0;
}

.auth-shell_brandCopy__g3GrC span {
  display: inline-flex;
  color: #b7efc5;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.auth-shell_brandCopy__g3GrC h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.55rem, 4.6vw, 4.25rem);
  line-height: 0.98;
  letter-spacing: 0;
  margin: 0 0 22px;
}

.auth-shell_brandCopy__g3GrC p {
  color: rgba(255, 255, 255, 0.84);
  font-size: 1rem;
  line-height: 1.7;
  max-width: 36rem;
  margin: 0;
}

.auth-shell_proofList__52VVw {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.auth-shell_proofItem__ZlYjH {
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(255, 255, 255, 0.86);
  font-size: 0.92rem;
}

.auth-shell_proofItem__ZlYjH span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #6ee7a8;
  box-shadow: 0 0 0 6px rgba(110, 231, 168, 0.16);
  flex: 0 0 auto;
}

.auth-shell_formPanel__SePP3 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 52px;
  background: #ffffff;
}

.auth-shell_formCard__0in8H {
  width: min(100%, 500px);
}

.auth-shell_formHeader__c8BDG {
  margin-bottom: 30px;
}

.auth-shell_formHeader__c8BDG span {
  display: block;
  color: #6e3b85;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.auth-shell_formHeader__c8BDG h2 {
  color: #111827;
  font-size: clamp(2rem, 3.6vw, 2.65rem);
  line-height: 1.04;
  letter-spacing: 0;
  margin: 0 0 12px;
}

.auth-shell_formHeader__c8BDG p {
  color: #667085;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

.auth-shell_formFooter__315vB {
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid #e5e7eb;
  color: #667085;
  font-size: 0.94rem;
  text-align: center;
}

.auth-shell_formFooter__315vB a {
  color: #6e3b85;
  font-weight: 800;
  text-decoration: none;
}

.auth-shell_formFooter__315vB a:hover {
  color: #c86448;
}

@media (max-width: 920px) {
  .auth-shell_page__krDVE {
    align-items: stretch;
    padding: 0;
  }

  .auth-shell_shell__BGCLV {
    min-height: 100vh;
    grid-template-columns: 1fr;
    border-radius: 0;
  }

  .auth-shell_brandPanel__xM4yV {
    min-height: 430px;
    padding: 28px;
  }

  .auth-shell_brandCopy__g3GrC {
    margin: 42px 0 28px;
  }

  .auth-shell_formPanel__SePP3 {
    padding: 34px 20px 42px;
  }
}

@media (max-width: 560px) {
  .auth-shell_brandPanel__xM4yV {
    min-height: 380px;
  }

  .auth-shell_logo__WscJl {
    width: 190px;
  }

  .auth-shell_brandCopy__g3GrC h1 {
    font-size: 2.65rem;
  }
}

.authLogin_visuallyHidden__SXRd8 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.authLogin_inputField__31bi4 {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.authLogin_inputField__31bi4 input,
.authLogin_passwordInputWrapper__jcv5Z {
  width: 100%;
  min-height: 54px;
  border-radius: 8px;
  border: 1px solid #d6dce7;
  background: #f8fafc;
  color: #101828;
  outline: none;
  font-size: 0.98rem;
  box-sizing: border-box;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background-color 0.18s ease;
}

.authLogin_inputField__31bi4 input {
  padding: 0 16px;
}

.authLogin_inputField__31bi4 input::placeholder {
  color: #8792a2;
}

.authLogin_inputField__31bi4 input:focus,
.authLogin_passwordInputWrapper__jcv5Z:focus-within {
  border-color: #6e3b85;
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(110, 59, 133, 0.12);
}

.authLogin_passwordBox__0Hdfv {
  margin-top: 14px;
}

.authLogin_passwordInputWrapper__jcv5Z {
  display: flex;
  align-items: center;
  padding-right: 8px;
}

.authLogin_passwordInputWrapper__jcv5Z input {
  border: 0;
  background: transparent;
  box-shadow: none;
  flex: 1 1;
  min-height: 52px;
}

.authLogin_passwordInputWrapper__jcv5Z input:focus {
  box-shadow: none;
}

.authLogin_passwordToggleButton__sN6fy {
  border: 0;
  background: #eef2f7;
  cursor: pointer;
  padding: 8px 12px;
  font-size: 0.78rem;
  color: #475467;
  border-radius: 6px;
  font-weight: 800;
}

.authLogin_passwordToggleButton__sN6fy:hover {
  background: #e4e7ec;
  color: #111827;
}

.authLogin_fieldError___rey5 {
  margin: 6px 0 0;
  font-size: 0.82rem;
  color: #b42318;
  text-align: left;
}

.authLogin_buttonRow__mNvJ_ {
  margin-top: 22px;
}

.authLogin_buttonRow__mNvJ_ button,
.authLogin_loginButton__9Xu62 {
  width: 100%;
  min-height: 54px;
  border: 0;
  border-radius: 8px;
  background: #6e3b85;
  color: #ffffff;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0;
  transition:
    background-color 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

.authLogin_loginButton__9Xu62:hover:not(:disabled) {
  background: #5a2f70;
  box-shadow: 0 12px 26px rgba(110, 59, 133, 0.24);
  transform: translateY(-1px);
}

.authLogin_loginButton__9Xu62:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.authLogin_errorAlert__7PBSD {
  margin: 0 0 18px;
  padding: 12px 14px;
  border-radius: 8px;
  background: #fff1f0;
  color: #b42318;
  border: 1px solid #f5b8b2;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.authLogin_errorAlert__7PBSD button {
  border: 0;
  background: transparent;
  cursor: pointer;
  color: #b42318;
  font-size: 1.1rem;
}

.register_title__H0KRk {
  display: none;
}

.register_inputField__NaDQm .MuiOutlinedInput-root {
  min-height: 56px;
  border-radius: 8px;
  background: #f8fafc;
  color: #101828;
}

.register_inputField__NaDQm .MuiInputBase-input {
  padding: 16px 18px;
}

.register_inputField__NaDQm .MuiOutlinedInput-notchedOutline {
  border-color: #d6dce7;
}

.register_inputField__NaDQm .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #6e3b85;
  border-width: 1px;
  box-shadow: 0 0 0 4px rgba(110, 59, 133, 0.12);
}

.register_inputField__NaDQm .MuiInputLabel-root {
  color: #667085;
}

.register_inputField__NaDQm .MuiInputLabel-root.Mui-focused {
  color: #6e3b85;
}

.register_inputField__NaDQm .Mui-disabled {
  opacity: 0.72;
}

.register_buttonContainer__vSVAt {
  margin-top: 18px;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  grid-gap: 14px;
  gap: 14px;
  width: 100%;
  align-items: stretch;
}

.register_backButton__CfDi6,
.register_actionButton__H0wJK {
  width: 100%;
  min-height: 56px;
  border-radius: 8px !important;
  text-transform: none !important;
  font-weight: 900 !important;
  font-size: 0.98rem !important;
  box-shadow: none !important;
  white-space: nowrap;
}

.register_backButton__CfDi6 {
  background: #eef2f7 !important;
  color: #344054 !important;
}

.register_backButton__CfDi6:hover {
  background: #e4e7ec !important;
}

.register_actionButton__H0wJK {
  background: #6e3b85 !important;
  color: #ffffff !important;
}

.register_actionButton__H0wJK:hover {
  background: #5a2f70 !important;
  box-shadow: 0 12px 26px rgba(110, 59, 133, 0.22) !important;
}

.register_inputField__NaDQm .MuiIconButton-root {
  width: 38px;
  height: 38px;
  margin-right: 2px;
  color: #667085;
  border-radius: 6px;
}

.register_inputField__NaDQm .MuiIconButton-root:hover {
  background: #eef2f7;
  color: #111827;
}

.register_errorAlert__LeVC_ {
  border-radius: 8px !important;
  border: 1px solid #f5b8b2;
}

@media (max-width: 520px) {
  .register_buttonContainer__vSVAt {
    grid-template-columns: 1fr;
  }
}

.validate_inputField__s5iN2 .MuiOutlinedInput-root {
  min-height: 54px;
  border-radius: 8px;
  background: #f8fafc;
}

.validate_inputField__s5iN2 .MuiOutlinedInput-notchedOutline {
  border-color: #d6dce7;
}

.validate_inputField__s5iN2 .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #6e3b85;
  border-width: 1px;
  box-shadow: 0 0 0 4px rgba(110, 59, 133, 0.12);
}

.validate_inputField__s5iN2 .MuiInputLabel-root {
  color: #667085;
}

.validate_inputField__s5iN2 .MuiInputLabel-root.Mui-focused {
  color: #6e3b85;
}

.validate_inputField__s5iN2 .Mui-disabled {
  opacity: 0.72;
}

.validate_buttonContained__dppKT,
.validate_buttonOutlined__fxCrE {
  min-height: 50px;
  border-radius: 8px !important;
  text-transform: none !important;
  font-weight: 900 !important;
  padding: 0 22px !important;
  box-shadow: none !important;
}

.validate_buttonContained__dppKT {
  background: #6e3b85 !important;
  color: #ffffff !important;
}

.validate_buttonContained__dppKT:hover {
  background: #5a2f70 !important;
  box-shadow: 0 12px 26px rgba(110, 59, 133, 0.22) !important;
}

.validate_buttonOutlined__fxCrE {
  background: #ffffff !important;
  color: #344054 !important;
  border: 1px solid #d0d5dd !important;
}

.validate_buttonOutlined__fxCrE:hover {
  background: #f8fafc !important;
  border-color: #98a2b3 !important;
}

.validate_alert__4GHtQ {
  margin-bottom: 16px;
  border-radius: 8px !important;
}

.reset-password_title__zTQsK {
  color: #111827;
  font-weight: 900 !important;
  margin-bottom: 6px !important;
}

.reset-password_subtitle__sFSr_ {
  color: #667085;
  line-height: 1.6 !important;
  margin-bottom: 8px !important;
}

.reset-password_inputField__V3l_C {
  width: 100%;
}

.reset-password_inputField__V3l_C .MuiOutlinedInput-root {
  min-height: 54px;
  border-radius: 8px;
  background: #f8fafc;
}

.reset-password_inputField__V3l_C .MuiOutlinedInput-notchedOutline {
  border-color: #d6dce7;
}

.reset-password_inputField__V3l_C .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #6e3b85;
  border-width: 1px;
  box-shadow: 0 0 0 4px rgba(110, 59, 133, 0.12);
}

.reset-password_inputField__V3l_C .MuiInputLabel-root {
  color: #667085;
}

.reset-password_inputField__V3l_C .MuiInputLabel-root.Mui-focused {
  color: #6e3b85;
}

.reset-password_requestButton__IHN7O,
.reset-password_confirmButton__3dk5P,
.reset-password_backButton__V4KYP {
  min-height: 52px;
  border-radius: 8px !important;
  text-transform: none !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

.reset-password_requestButton__IHN7O,
.reset-password_confirmButton__3dk5P {
  background: #6e3b85 !important;
  color: #ffffff !important;
}

.reset-password_requestButton__IHN7O:hover,
.reset-password_confirmButton__3dk5P:hover {
  background: #5a2f70 !important;
  box-shadow: 0 12px 26px rgba(110, 59, 133, 0.22) !important;
}

.reset-password_backButton__V4KYP {
  background: #ffffff !important;
  color: #344054 !important;
  border-color: #d0d5dd !important;
}

.reset-password_backButton__V4KYP:hover {
  background: #f8fafc !important;
  border-color: #98a2b3 !important;
}

.reset-password_generalError__qmhd4,
.reset-password_generalInfo__w18r0 {
  margin-bottom: 16px;
  border-radius: 8px !important;
}

/* pagecontainer.module.css */

.pagecontainer_container__0MuYi {
    padding: 0 16px;
    max-width: 1200px;
    margin: 0 auto;
  }

.FullScreenLoader_overlay__AlVMD {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background-color: #faf5ff; /* lighter paint cost */
  pointer-events: none;       /* ⭐ does not block LCP */
}

.FullScreenLoader_card__BNf2m {
  width: 100%;
  max-width: 360px;
  padding: 20px 22px 16px;
  border-radius: 18px;
  background: #fff;
  box-shadow:
    0 18px 40px rgba(15,23,42,0.08),
    0 0 0 1px rgba(226,232,240,0.7);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.FullScreenLoader_logoWrapper__eYsbu {
  width: 100%;
  text-align: center;
}

.FullScreenLoader_logoImage__Bw91e {
  height: auto;
}

.FullScreenLoader_logoDark__NhPq_ {
  display: none;
}

.FullScreenLoader_simpleSpinner__O68RK {
  width: 28px;
  height: 28px;
  border: 3px solid #ddd;
  border-top-color: #7E57C2;
  border-radius: 50%;
  animation: FullScreenLoader_spin__K0kr4 0.6s linear infinite;
}

@keyframes FullScreenLoader_spin__K0kr4 {
  to { transform: rotate(360deg); }
}

.FullScreenLoader_message__qmmhW {
  margin-top: 4px;
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}

.FullScreenLoader_subMessage__UAqE8 {
  font-size: 12px;
  color: #6b7280;
}

html[data-theme='dark'] .FullScreenLoader_overlay__AlVMD {
  background:
    radial-gradient(circle at 50% 45%, rgba(110, 58, 129, 0.18), transparent 38%),
    var(--app-bg);
}

html[data-theme='dark'] .FullScreenLoader_card__BNf2m {
  background:
    linear-gradient(135deg, rgba(33, 21, 45, 0.98), rgba(18, 11, 28, 0.98));
  border: 1px solid var(--app-border);
  box-shadow: var(--app-shadow);
}

html[data-theme='dark'] .FullScreenLoader_logoLight__QzYlC {
  display: none;
}

html[data-theme='dark'] .FullScreenLoader_logoDark__NhPq_ {
  display: inline-block;
}

html[data-theme='dark'] .FullScreenLoader_simpleSpinner__O68RK {
  border-color: rgba(214, 185, 230, 0.18);
  border-top-color: var(--app-brand-light);
}

html[data-theme='dark'] .FullScreenLoader_message__qmmhW {
  color: var(--app-text);
}

html[data-theme='dark'] .FullScreenLoader_subMessage__UAqE8 {
  color: var(--app-text-muted);
}

.login_forgotPasswordLink__mirZt {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  margin-top: 18px;
  color: #6e3b85;
  font-size: 0.92rem;
  font-weight: 800;
  text-decoration: none;
}

.login_forgotPasswordLink__mirZt:hover {
  color: #c86448;
}

.login_logoutBanner__oIhhl {
  width: 100%;
  margin-bottom: 18px;
  padding: 14px 44px 14px 16px;
  border-radius: 8px;
  background: #fff8e8;
  color: #8a5b10;
  border: 1px solid #f4d38c;
  position: relative;
  box-sizing: border-box;
}

.login_logoutBannerText__3NF11 {
  font-size: 0.92rem;
  line-height: 1.45;
  margin: 0;
}

.login_logoutBannerClose__D53SS {
  position: absolute;
  top: 10px;
  right: 12px;
  border: 0;
  background: transparent;
  font-size: 1.2rem;
  cursor: pointer;
  color: #8a5b10;
  padding: 0;
}

.login_logoutBannerClose__D53SS:hover {
  color: #6e3b85;
}

.dashboardcard_card__yd6Rv {
    padding: 0;
    width: 100%;
  }
  
  .dashboardcard_headerCardContent__dJKkn {
    width: 100%;
  }
  
  .dashboardcard_defaultCardContent__MbvSx {
    padding: 30px;
    width: 100%;
    display: block;
    box-sizing: border-box;
  }
  
  .dashboardcard_titleBox__oddcu {
    text-align: center;
    width: 100%;
  }
  
  .dashboardcard_title__4bKXG {
    color: #6E3B80;
    font-size: 2.3rem;
    font-family: 'DM Serif Display', serif;
    font-weight: bold;
  }
  
  .dashboardcard_headTitle__uulU9 {
    font-family: 'DM Serif Display', serif;
  }
  
/* primu-sustivate-nextjs-serverless/src/app/(DashboardLayout)/benchmarking/benchmarking.module.css */

/* ========================== Page Layout & Shell ========================== */

.benchmarking_benchmarkingPage__FTAmr {
  min-height: 100vh;
  padding: 32px 24px 60px;
  background: #f7f3fb;
  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  color: #172033;
  box-sizing: border-box;
}

.benchmarking_benchmarkingContainer__WHe3g {
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* =============================== Header Row ============================== */

.benchmarking_heroPanel__RQ_Os,
.benchmarking_headerRow__xdZWG {
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(260px, 1fr);
  grid-column-gap: 28px;
  column-gap: 28px;
  grid-row-gap: 16px;
  row-gap: 16px;
  align-items: flex-start;
  padding: 24px;
  border: 1px solid #dfe5ef;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
}

.benchmarking_headerSection__8r4Kx {
  max-width: 640px;
}

.benchmarking_eyebrow__gkXH7 {
  display: inline-flex;
  margin-bottom: 10px;
  color: #693f91;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.benchmarking_heading__1OItl {
  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: 0;
  color: #172033;
  margin: 0 0 10px;
}

.benchmarking_highlightText__mMWga {
  color: #b45f43;
}

.benchmarking_subtext__YFdq0 {
  font-size: 15px;
  color: #5a6a85;
  line-height: 1.7;
  margin: 0;
}

.benchmarking_headerRight__U_4kS {
  display: inline-grid;
  justify-self: end;
  grid-auto-rows: min-content;
  row-gap: 10px;
  padding: 14px 16px;
  border-radius: 8px;
  background: #fbfafc;
  border: 1px solid #dfe5ef;
  min-width: 260px;
}

.benchmarking_billingMeta__U4B3t {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.benchmarking_metaLabel__j8Pti {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: #7b8aa3;
}

.benchmarking_metaValue__5Z9aZ {
  font-size: 13px;
  font-weight: 600;
  color: #172033;
}

.benchmarking_kpiGrid__0IzcP {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 14px;
  gap: 14px;
}

.benchmarking_kpiCard__p47_N {
  min-height: 118px;
  padding: 16px;
  border: 1px solid #dfe5ef;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
}

.benchmarking_kpiLabel__LmqEB {
  color: #7b8aa3;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.benchmarking_kpiValue__KPThq {
  color: #172033;
  font-size: 20px;
  line-height: 1.1;
}

.benchmarking_kpiNote__redIT {
  color: #5a6a85;
  font-size: 12px;
  line-height: 1.4;
}

/* ========================== Context Banner ========================== */

.benchmarking_contextBanner__IhpU9 {
  margin-top: 4px;
  border-radius: 8px;
  padding: 14px 18px;
  background: #ffffff;
  border: 1px solid #dfe5ef;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  position: relative;
}

.benchmarking_contextBannerLeft__i2L9D {
  display: flex;
  align-items: center;
  gap: 12px;
}

.benchmarking_contextPill__5l5Ce {
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: #693f91;
  color: #f9fafb;
}

.benchmarking_contextText__ZPyU2 {
  font-size: 13px !important;
  color: #172033 !important;
}

.benchmarking_workflowPanel__oPVDX {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
  grid-gap: 20px;
  gap: 20px;
  padding: 22px;
  border: 1px solid #dfe5ef;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.05);
}

.benchmarking_workflowTitle__8rK_A {
  margin: 0 0 8px;
  color: #172033;
  font-size: 20px;
  font-weight: 800;
}

.benchmarking_workflowCopy___c4rw {
  margin: 0;
  color: #5a6a85;
  font-size: 13px;
  line-height: 1.6;
}

.benchmarking_workflowSteps__VqPqr {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 10px;
  gap: 10px;
}

.benchmarking_workflowStep__NVSq2 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 78px;
  padding: 12px;
  border: 1px solid #e7ecf3;
  border-radius: 8px;
  background: #fbfafc;
  color: #172033;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 650;
}

.benchmarking_stepNumber__Ln_8V {
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e9fff5;
  border: 1px solid #b8efd8;
  color: #197653;
  font-size: 12px;
  font-weight: 900;
}

.benchmarking_analyticsSection__8P1nJ {
  min-width: 0;
}

/* ======================= Dashboard Section Shell ========================= */

.benchmarking_dashboardSection__71XJT {
  margin-top: 4px;
}

.benchmarking_dashboardShell__oTUyD {
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid #dfe5ef;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
  padding: 18px 18px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.benchmarking_dashboardHeader__Yuah9 {
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 8px;
  margin-bottom: 6px;
}

.benchmarking_dashboardTitle__oRnlV {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 4px;
}

.benchmarking_dashboardSubtitle__QTWOl {
  font-size: 13px;
  color: #4b5563;
  margin: 0;
}

.benchmarking_dashboardBody__eKO_H {
  min-height: 520px;
}

/* ======================= TOP: Recommendations Hero ====================== */

.benchmarking_recoHero__2KTrj {
  border-radius: 22px;
  border: 1px solid rgba(15, 23, 42, 0.10);
  background: linear-gradient(180deg, rgba(110, 58, 129, 0.07), rgba(255, 255, 255, 0.9));
  box-shadow: 0 16px 42px rgba(2, 6, 23, 0.08);
  overflow: hidden;
  margin-bottom: 12px;
}

.benchmarking_recoHeroTop___w6OR {
  padding: 16px 16px 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.22);
  flex-wrap: wrap;
}

.benchmarking_recoHeroTitle__tQwv8 {
  font-size: 18px;
  font-weight: 950;
  color: #0f172a;
  letter-spacing: -0.01em;
}

.benchmarking_recoHeroSub__fJ143 {
  margin-top: 4px;
  font-size: 13px;
  color: #475569;
  line-height: 1.45;
}

.benchmarking_recoHeroMeta__PRvj7 {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  justify-items: end;
}

.benchmarking_recoPill__obAUv {
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  border: 1px solid rgba(15, 23, 42, 0.10);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.06);
  white-space: nowrap;
}

.benchmarking_recoPillMuted___Hj1R {
  opacity: 0.75;
}

.benchmarking_recoPillGood__LvGl5 {
  border-color: rgba(34, 197, 94, 0.28);
  background: rgba(34, 197, 94, 0.10);
}

.benchmarking_recoPillWarn__s7tBp {
  border-color: rgba(245, 158, 11, 0.30);
  background: rgba(245, 158, 11, 0.12);
}

.benchmarking_recoPillNeutral__4azSh {
  border-color: rgba(59, 130, 246, 0.24);
  background: rgba(59, 130, 246, 0.08);
}

.benchmarking_recoMiniPills__yC3aR {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.benchmarking_recoMiniPill__Te4AF {
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.75);
  white-space: nowrap;
}

.benchmarking_recoHeroBody__iEW_W {
  padding: 14px 16px 16px;
}

.benchmarking_recoEmpty__idqP7 {
  padding: 14px;
  border-radius: 16px;
  border: 1px dashed rgba(15, 23, 42, 0.22);
  background: rgba(255, 255, 255, 0.75);
  color: #475569;
  font-size: 13px;
}

.benchmarking_recoGrid__H1olD {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  grid-gap: 12px;
  gap: 12px;
}

.benchmarking_recoMain__ahzg9 {
  border-radius: 18px;
  border: 1px solid rgba(15, 23, 42, 0.10);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.06);
  padding: 12px;
  min-width: 0;
}

.benchmarking_recoSide__xDBka {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  min-width: 0;
}

.benchmarking_recoSideCard__jhW9j {
  border-radius: 18px;
  border: 1px solid rgba(15, 23, 42, 0.10);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.06);
  padding: 12px;
  min-width: 0;
}

.benchmarking_recoSectionHeader__qcAU6 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(15, 23, 42, 0.02);
}

.benchmarking_recoSectionTitle__wtjpK {
  font-size: 12px;
  font-weight: 950;
  color: #0f172a;
}

.benchmarking_recoSectionHint__XzhoC {
  font-size: 12px;
  opacity: 0.75;
  white-space: nowrap;
}

.benchmarking_recoList__Kmg7G {
  margin-top: 10px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.benchmarking_recoItem__h6LRi {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-gap: 10px;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: #fff;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.05);
}

.benchmarking_recoIndex__SYHoA {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-weight: 950;
  font-size: 12px;
  border: 1px solid rgba(15, 23, 42, 0.10);
  background: rgba(110, 58, 129, 0.10);
  color: #4c1d95;
}

.benchmarking_recoText__qeTbb {
  font-size: 13px;
  color: #0f172a;
  line-height: 1.5;
  min-width: 0;
}

.benchmarking_recoChips__wf5u0 {
  margin-top: 10px;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.benchmarking_recoChip__nmglQ {
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(15, 23, 42, 0.015);
  font-size: 12px;
  line-height: 1.45;
}

.benchmarking_recoEmptySmall__gGt5_ {
  font-size: 12px;
  opacity: 0.75;
  padding: 8px 2px;
}

.benchmarking_recoInputRows__D_9Af {
  margin-top: 10px;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.benchmarking_recoInputRow__7M_vp {
  display: grid;
  grid-template-columns: min-content min-content 1fr;
  grid-gap: 10px;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: #fff;
}

.benchmarking_recoTag__Q7ZnZ {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(15, 23, 42, 0.03);
}

.benchmarking_recoInputVal__9aosy {
  font-weight: 950;
  color: #0f172a;
  white-space: nowrap;
}

.benchmarking_recoInputHint__YJFvt {
  font-size: 12px;
  opacity: 0.75;
  text-align: right;
}

/* ======================= AI Layout ====================== */

.benchmarking_aiTopBar__Rso5_ {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.benchmarking_aiTopLeft__wKlTE {
  display: flex;
  align-items: flex-end;
  gap: 14px;
  flex-wrap: wrap;
  min-width: 0;
}

.benchmarking_aiTopRight__QY8nS {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 140px;
}

.benchmarking_statusPill__sSWp3 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(15, 23, 42, 0.03);
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.06);
  white-space: nowrap;
}

.benchmarking_statusDot__dD6UZ {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #94a3b8;
}

.benchmarking_statusDotRunning__M5rOA {
  background: #f59e0b;
}

.benchmarking_statusDotReady__zVqbo {
  background: #22c55e;
}

.benchmarking_statusText__gh4lg {
  font-size: 12px;
  font-weight: 900;
  color: #0f172a;
  opacity: 0.8;
}

.benchmarking_companyBlock__mah6N {
  min-width: 240px;
}

.benchmarking_smallLabel__q2XpX {
  font-size: 12px;
  opacity: 0.7;
}

.benchmarking_companyValue__nXf5T {
  font-weight: 900;
  color: #0f172a;
  margin-top: 2px;
  max-width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.benchmarking_yearBlock___p93Y {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.benchmarking_yearSelect__eRnDf {
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  min-width: 140px;
  font-weight: 900;
  background: #fff;
  outline: none;
}

.benchmarking_yearSelect__eRnDf:focus {
  border-color: rgba(110, 58, 129, 0.55);
  box-shadow: 0 0 0 4px rgba(110, 58, 129, 0.12);
}

.benchmarking_pillsRow__9AURS {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  font-size: 12px;
  padding-bottom: 2px;
}

.benchmarking_pill__39VUp {
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  font-weight: 900;
  white-space: nowrap;
}

.benchmarking_pillOff__BJULX {
  background: rgba(15, 23, 42, 0.06);
}

.benchmarking_pillEnergyOn__c3HMK {
  background: rgba(34, 197, 94, 0.12);
}

.benchmarking_pillWaterOn__thVq3 {
  background: rgba(59, 130, 246, 0.12);
}

.benchmarking_pillWasteOn__exZ0E {
  background: rgba(245, 158, 11, 0.14);
}

.benchmarking_errorBox__As5_S {
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(220, 38, 38, 0.35);
  background: rgba(220, 38, 38, 0.06);
  color: #b91c1c;
  white-space: pre-wrap;
  margin-bottom: 12px;
}

.benchmarking_uploadLink__bCEkU {
  display: inline-block;
  padding: 8px 16px;
  background-color: #3b82f6;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  transition: background-color 0.2s ease;
}

.benchmarking_uploadLink__bCEkU:hover {
  background-color: #2563eb;
}

/* Grid / cards */
.benchmarking_aiGrid__pnUcF {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-gap: 12px;
  gap: 12px;
  align-items: stretch;
}

.benchmarking_cardSpan3__qqimf {
  grid-column: span 3;
  min-width: 0;
}

.benchmarking_cardSpan4__nIk_G {
  grid-column: span 4;
  min-width: 0;
}

.benchmarking_cardSpan8__bPgYC {
  grid-column: span 8;
  min-width: 0;
}

.benchmarking_metricCard__AbEzi {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 26px rgba(2, 6, 23, 0.06);
  padding: 16px;
  height: 100%;
  min-width: 0;
  overflow: hidden;
}

.benchmarking_metricCardTop__EMg_f {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.benchmarking_kicker__CfdkW {
  font-size: 12px;
  opacity: 0.7;
}

.benchmarking_metricTitle__CQnDl {
  font-size: 13px;
  font-weight: 900;
  margin-top: 2px;
  color: #0f172a;
}

.benchmarking_trendText__0wSYd {
  font-size: 12px;
  font-weight: 900;
  color: #0f172a;
  opacity: 0.85;
  white-space: nowrap;
}

.benchmarking_trendValue__D75Qr {
  opacity: 0.7;
}

.benchmarking_miniChartWrap__O0Lx6 {
  height: 78px;
  margin-top: 10px;
}

.benchmarking_bigChartWrap__YvXeO {
  height: 210px;
  margin-top: 10px;
}

.benchmarking_cardHeaderRow__BlIjw {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: baseline;
}

.benchmarking_mutedRight__Sjmbu {
  font-size: 12px;
  opacity: 0.75;
  font-weight: 900;
  white-space: nowrap;
}

.benchmarking_chartTall__lPKNo {
  height: 220px;
  margin-top: 12px;
}

.benchmarking_chartMid__UWP2m {
  height: 190px;
  margin-top: 12px;
}

.benchmarking_helperText__1t1FN {
  margin-top: 6px;
  font-size: 12px;
  opacity: 0.75;
  line-height: 1.4;
}

/* Donut */
.benchmarking_donutWrap__KMkb0 {
  position: relative;
  height: 210px;
  margin-top: 10px;
  display: grid;
  place-items: center;
}

.benchmarking_donutChart__bTtQS {
  width: 100%;
  height: 100%;
}

.benchmarking_donutOverlay__4uLCY {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
  text-align: center;
}

.benchmarking_donutValue__7MTJR {
  font-size: 26px;
  font-weight: 900;
  color: #0f172a;
  line-height: 1.1;
}

.benchmarking_donutLabel__QoSIK {
  font-size: 12px;
  opacity: 0.7;
  margin-top: -2px;
}

/* Forecast footer */
.benchmarking_forecastFooter__7pK6l {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 6px;
}

.benchmarking_bigValue__r2d3K {
  font-weight: 900;
}

.benchmarking_rightAlign__elK5i {
  text-align: right;
}

/* Model notes */
.benchmarking_modelNotes__YkCrP {
  margin-top: 12px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.benchmarking_noteRow__RQo3D {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(15, 23, 42, 0.02);
}

.benchmarking_noteLabel__dKc7F {
  font-size: 12px;
  opacity: 0.75;
}

.benchmarking_noteValue__uwzk7 {
  font-size: 12px;
  font-weight: 900;
  color: #0f172a;
  text-align: right;
}

.benchmarking_noteHint__6wSNo {
  font-size: 12px;
  opacity: 0.75;
  line-height: 1.45;
}

/* ======================= Mapping Panel (kept) ====================== */

.benchmarking_mappingPanel__rYEkU {
  margin-top: 14px;
  padding: 18px;
  border-radius: 20px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: linear-gradient(180deg, #ffffff, rgba(15, 23, 42, 0.01));
  box-shadow: 0 14px 34px rgba(2, 6, 23, 0.07);
  min-width: 0;
}

.benchmarking_mappingTop__i622o {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: 14px;
  gap: 14px;
  align-items: start;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.25);
  margin-bottom: 14px;
}

.benchmarking_mappingTopLeft__1ZZkR {
  min-width: 0;
}

.benchmarking_mappingTitle__iBj4Q {
  font-size: 18px;
  font-weight: 950;
  color: #0f172a;
  letter-spacing: -0.01em;
}

.benchmarking_mappingDesc__04W_O {
  margin-top: 6px;
  font-size: 13px;
  color: #475569;
  line-height: 1.55;
  max-width: 720px;
}

.benchmarking_mappingCards__HvaSj {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-gap: 12px;
  gap: 12px;
}

.benchmarking_mappingCard__uhfTj {
  grid-column: span 4;
  min-width: 0;
  border-radius: 18px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: #fff;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.06);
  overflow: hidden;
}

.benchmarking_mappingCardHeader__v_oGS {
  padding: 14px 14px 12px;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.02), rgba(15, 23, 42, 0));
  border-bottom: 1px solid rgba(148, 163, 184, 0.22);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.benchmarking_mappingCardHeaderLeft__SiuWW {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.benchmarking_mappingChip__KBF_r {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid rgba(15, 23, 42, 0.10);
  background: rgba(15, 23, 42, 0.05);
  color: #0f172a;
  flex-shrink: 0;
}

.benchmarking_mappingCardTitle___fRdR {
  font-size: 14px;
  font-weight: 950;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.benchmarking_mappingModelName__I_pwF {
  font-size: 12px;
  color: #475569;
  white-space: nowrap;
}

.benchmarking_mappingModelNameStrong__sJ_5H {
  font-weight: 900;
  color: #0f172a;
}

.benchmarking_mappingTable__hVdrG {
  padding: 12px 14px 14px;
}

.benchmarking_mappingTableHead__lcNtw {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-gap: 10px;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(15, 23, 42, 0.02);
}

.benchmarking_mappingTh__nIRBk {
  font-size: 12px;
  font-weight: 900;
  color: #0f172a;
}

.benchmarking_mappingTableBody__dxYJ8 {
  margin-top: 10px;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.benchmarking_mappingTr__G33zF {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-gap: 10px;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: #fff;
}

.benchmarking_mappingTdLeft__KIyWz {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.benchmarking_mappingTdRight__ngBoM {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: #0f172a;
  font-size: 12px;
}

.benchmarking_codePill__hxsP5 {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  border: 1px solid rgba(15, 23, 42, 0.10);
  background: rgba(15, 23, 42, 0.03);
  color: #0b1220;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

.benchmarking_arrow__MQorB {
  opacity: 0.55;
  font-weight: 900;
}

.benchmarking_modelMetricText__XXkvU {
  font-weight: 800;
  color: #0f172a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.benchmarking_mappingFooter__YHJqK {
  padding: 0 14px 14px;
}

.benchmarking_mappingFooterHint__WqPjP {
  font-size: 12px;
  opacity: 0.75;
}

.benchmarking_mappingCallout__yOpmd {
  margin-top: 14px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(59, 130, 246, 0.06);
  border: 1px solid rgba(59, 130, 246, 0.18);
}

.benchmarking_mappingCalloutIcon__vIrO9 {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 12px;
  color: #1d4ed8;
  background: rgba(59, 130, 246, 0.14);
  border: 1px solid rgba(59, 130, 246, 0.22);
  flex-shrink: 0;
}

.benchmarking_mappingCalloutText__U58iw {
  font-size: 12px;
  color: #1f2937;
  line-height: 1.55;
}

/* Tag colors used across */
.benchmarking_tagEnergy__yKHLx {
  background: rgba(124, 58, 237, 0.10);
  border-color: rgba(124, 58, 237, 0.24);
  color: #4c1d95;
}

.benchmarking_tagWater__uqPi5 {
  background: rgba(37, 99, 235, 0.10);
  border-color: rgba(37, 99, 235, 0.24);
  color: #1e3a8a;
}

.benchmarking_tagWaste__KxBpZ {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.28);
  color: #92400e;
}

/* Responsive */
@media (max-width: 1200px) {
  .benchmarking_cardSpan3__qqimf {
    grid-column: span 6;
  }
  .benchmarking_cardSpan8__bPgYC {
    grid-column: span 12;
  }
  .benchmarking_cardSpan4__nIk_G {
    grid-column: span 12;
  }
  .benchmarking_companyValue__nXf5T {
    max-width: 280px;
  }
  .benchmarking_mappingCard__uhfTj {
    grid-column: span 12;
  }
  .benchmarking_recoGrid__H1olD {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 1024px) {
  .benchmarking_benchmarkingPage__FTAmr {
    padding: 32px 16px 40px;
  }
  .benchmarking_heroPanel__RQ_Os,
  .benchmarking_headerRow__xdZWG {
    grid-template-columns: minmax(0, 1fr);
  }
  .benchmarking_headerRight__U_4kS {
    justify-self: stretch;
    align-items: flex-start;
  }
  .benchmarking_kpiGrid__0IzcP {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .benchmarking_workflowPanel__oPVDX {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 768px) {
  .benchmarking_heading__1OItl {
    font-size: 28px;
  }
  .benchmarking_kpiGrid__0IzcP,
  .benchmarking_workflowSteps__VqPqr {
    grid-template-columns: minmax(0, 1fr);
  }
  .benchmarking_dashboardShell__oTUyD {
    padding: 16px 14px 14px;
  }
  .benchmarking_companyValue__nXf5T {
    max-width: 240px;
  }
  .benchmarking_mappingTr__G33zF,
  .benchmarking_mappingTableHead__lcNtw {
    grid-template-columns: minmax(0, 1fr);
  }
  .benchmarking_mappingModelName__I_pwF {
    display: none;
  }
  .benchmarking_recoHeroMeta__PRvj7 {
    justify-items: start;
  }
}

@media (max-width: 480px) {
  .benchmarking_heading__1OItl {
    font-size: 24px;
  }
  .benchmarking_contextBanner__IhpU9 {
    flex-direction: column;
    align-items: flex-start;
  }
  .benchmarking_companyBlock__mah6N {
    min-width: 0;
    width: 100%;
  }
  .benchmarking_companyValue__nXf5T {
    max-width: 100%;
  }
}

html[data-theme='dark'] .benchmarking_benchmarkingPage__FTAmr {
  background: var(--app-bg);
  color: var(--app-text);
}

html[data-theme='dark'] .benchmarking_heroPanel__RQ_Os,
html[data-theme='dark'] .benchmarking_headerRow__xdZWG,
html[data-theme='dark'] .benchmarking_headerRight__U_4kS,
html[data-theme='dark'] .benchmarking_kpiCard__p47_N,
html[data-theme='dark'] .benchmarking_contextBanner__IhpU9,
html[data-theme='dark'] .benchmarking_workflowPanel__oPVDX,
html[data-theme='dark'] .benchmarking_workflowStep__NVSq2,
html[data-theme='dark'] .benchmarking_dashboardShell__oTUyD,
html[data-theme='dark'] .benchmarking_recoHero__2KTrj,
html[data-theme='dark'] .benchmarking_recoPill__obAUv,
html[data-theme='dark'] .benchmarking_recoMiniPill__Te4AF,
html[data-theme='dark'] .benchmarking_recoEmpty__idqP7,
html[data-theme='dark'] .benchmarking_recoMain__ahzg9,
html[data-theme='dark'] .benchmarking_recoSideCard__jhW9j,
html[data-theme='dark'] .benchmarking_recoSectionHeader__qcAU6,
html[data-theme='dark'] .benchmarking_recoItem__h6LRi,
html[data-theme='dark'] .benchmarking_recoChip__nmglQ,
html[data-theme='dark'] .benchmarking_recoInputRow__7M_vp,
html[data-theme='dark'] .benchmarking_metricCard__AbEzi,
html[data-theme='dark'] .benchmarking_statusPill__sSWp3,
html[data-theme='dark'] .benchmarking_yearSelect__eRnDf,
html[data-theme='dark'] .benchmarking_pill__39VUp,
html[data-theme='dark'] .benchmarking_dashboardSection__71XJT {
  border-color: var(--app-border);
  background: var(--app-surface);
  color: var(--app-text);
  box-shadow: var(--app-shadow);
}

html[data-theme='dark'] .benchmarking_mappingPanel__rYEkU,
html[data-theme='dark'] .benchmarking_mappingCard__uhfTj,
html[data-theme='dark'] .benchmarking_mappingCardHeader__v_oGS,
html[data-theme='dark'] .benchmarking_mappingTableHead__lcNtw,
html[data-theme='dark'] .benchmarking_mappingTr__G33zF,
html[data-theme='dark'] .benchmarking_codePill__hxsP5,
html[data-theme='dark'] .benchmarking_noteRow__RQo3D {
  border-color: var(--app-border);
  background: var(--app-surface-soft);
  color: var(--app-text);
}

html[data-theme='dark'] .benchmarking_heading__1OItl,
html[data-theme='dark'] .benchmarking_metaValue__5Z9aZ,
html[data-theme='dark'] .benchmarking_kpiValue__KPThq,
html[data-theme='dark'] .benchmarking_contextText__ZPyU2,
html[data-theme='dark'] .benchmarking_workflowTitle__8rK_A,
html[data-theme='dark'] .benchmarking_dashboardTitle__oRnlV,
html[data-theme='dark'] .benchmarking_recoHeroTitle__tQwv8,
html[data-theme='dark'] .benchmarking_recoSectionTitle__wtjpK,
html[data-theme='dark'] .benchmarking_recoText__qeTbb,
html[data-theme='dark'] .benchmarking_recoInputVal__9aosy,
html[data-theme='dark'] .benchmarking_statusText__gh4lg,
html[data-theme='dark'] .benchmarking_companyValue__nXf5T,
html[data-theme='dark'] .benchmarking_metricTitle__CQnDl,
html[data-theme='dark'] .benchmarking_trendText__0wSYd {
  color: var(--app-text);
}

html[data-theme='dark'] .benchmarking_mappingTitle__iBj4Q,
html[data-theme='dark'] .benchmarking_mappingChip__KBF_r,
html[data-theme='dark'] .benchmarking_mappingCardTitle___fRdR,
html[data-theme='dark'] .benchmarking_mappingModelNameStrong__sJ_5H,
html[data-theme='dark'] .benchmarking_mappingTh__nIRBk,
html[data-theme='dark'] .benchmarking_mappingTdRight__ngBoM,
html[data-theme='dark'] .benchmarking_codePill__hxsP5,
html[data-theme='dark'] .benchmarking_noteValue__uwzk7,
html[data-theme='dark'] .benchmarking_bigValue__r2d3K {
  color: var(--app-text);
}

html[data-theme='dark'] .benchmarking_subtext__YFdq0,
html[data-theme='dark'] .benchmarking_metaLabel__j8Pti,
html[data-theme='dark'] .benchmarking_kpiLabel__LmqEB,
html[data-theme='dark'] .benchmarking_kpiNote__redIT,
html[data-theme='dark'] .benchmarking_workflowCopy___c4rw,
html[data-theme='dark'] .benchmarking_dashboardSubtitle__QTWOl,
html[data-theme='dark'] .benchmarking_recoHeroSub__fJ143,
html[data-theme='dark'] .benchmarking_recoSectionHint__XzhoC,
html[data-theme='dark'] .benchmarking_recoInputHint__YJFvt,
html[data-theme='dark'] .benchmarking_smallLabel__q2XpX,
html[data-theme='dark'] .benchmarking_kicker__CfdkW {
  color: var(--app-text-muted);
}

html[data-theme='dark'] .benchmarking_mappingDesc__04W_O,
html[data-theme='dark'] .benchmarking_mappingModelName__I_pwF,
html[data-theme='dark'] .benchmarking_noteLabel__dKc7F,
html[data-theme='dark'] .benchmarking_noteHint__6wSNo {
  color: var(--app-text-muted);
}

.monthrangefilter_filterBox__szmeD {
    margin-bottom: 16px;
  }
  
  .monthrangefilter_heading__rdZxN {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 8px;
  }
  
  .monthrangefilter_label__CEy9o {
    font-size: 0.9rem;
    margin-bottom: 4px;
  }
  
.filterScopePanel_sectionTitle__RZ8U4 {
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .filterScopePanel_container__N1djD {
    margin-bottom: 16px;
  }
  
  .filterScopePanel_sectionWrapper__iClrr {
    margin-top: 10px;
    margin-bottom: 8px;
  }
  
/* Card shell */
.esgfilters_filterCard__lyJUS {
  border-radius: 16px;
  padding: 20px;
  background: var(--app-surface, #ffffff);
  border: 1px solid var(--app-border, rgba(209, 213, 219, 0.8));
  color: var(--app-text, #2a3547);
}

/* Header row */
.esgfilters_headerRow__714Q_ {
  margin-bottom: 4px;
}

.esgfilters_toolbarRight__Z1HH6 {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.esgfilters_toolbarGroup__lTeKv {
  background: var(--app-surface-soft, rgba(249, 245, 255, 0.96));
  border: 1px solid var(--app-border, rgba(209, 213, 219, 0.8));
  padding: 8px 10px;
  border-radius: 14px;
}

.esgfilters_toolbarLabel__dSrgA {
  font-weight: 600;
  color: var(--app-brand-light, #6e3a81);
  font-size: 0.85rem;
}

/* Segmented controls look */
.esgfilters_toggleGroup__TPeJ4 .MuiToggleButton-root {
  text-transform: none;
  padding: 6px 14px;
  border-radius: 999px !important;
  border: 1px solid var(--app-border, rgba(209, 213, 219, 0.9));
  background-color: var(--app-surface, #ffffff);
  color: var(--app-text-muted, #4b5563);
}

/* unselected */
.esgfilters_toggleButton__YEMlL {
  background: var(--app-surface, #ffffff);
}

/* selected state – stronger, consistent with rest of app */
.esgfilters_toggleButtonSelected__j12gg {
  background: radial-gradient(circle at top left, #7a3c94 0, #5f2e73 100%) !important;
  color: #f9fafb !important;
  border-color: rgba(110, 58, 129, 0.95) !important;
  box-shadow: 0 8px 22px rgba(110, 58, 129, 0.25);
}

/* Divider between header and advanced */
.esgfilters_divider__g3tyG {
  margin: 12px 0 4px;
  border-color: var(--app-border, rgba(0, 0, 0, 0.12));
}

/* Advanced section */
.esgfilters_advanced__p1B36 {
  background: transparent;
}

.esgfilters_advancedSummary___E7tE {
  padding: 0;
  min-height: 40px;
}

.esgfilters_sectionTitle__HpAEI {
  font-weight: 700;
  color: var(--app-brand-light, #6e3a81);
}

.esgfilters_advancedBody__i_SKX {
  padding-left: 0;
  padding-right: 0;
}

.esgfilters_group__l8v5N {
  margin-bottom: 18px;
}

.esgfilters_groupLabel__urEGL {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--app-text-muted, #6b7280);
  margin-bottom: 8px;
}

.esgfilters_advActions__4afu1 {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

html[data-theme='dark'] .esgfilters_filterCard__lyJUS {
  background:
    linear-gradient(135deg, rgba(33, 21, 45, 0.98), rgba(26, 16, 36, 0.98)),
    var(--app-surface);
  box-shadow: var(--app-shadow);
}

html[data-theme='dark'] .esgfilters_toolbarGroup__lTeKv {
  background: rgba(42, 26, 56, 0.88);
}

html[data-theme='dark'] .esgfilters_toggleGroup__TPeJ4 .MuiToggleButton-root {
  background-color: rgba(26, 16, 36, 0.92);
  color: var(--app-text-muted);
}

html[data-theme='dark'] .esgfilters_toggleGroup__TPeJ4 .MuiToggleButton-root:hover {
  background-color: rgba(155, 107, 176, 0.18);
  color: var(--app-text);
}

html[data-theme='dark'] .esgfilters_toggleButtonSelected__j12gg {
  background:
    linear-gradient(135deg, rgba(132, 207, 164, 0.22), rgba(155, 107, 176, 0.34)),
    rgba(62, 39, 80, 0.98) !important;
  color: #f4efff !important;
  border-color: rgba(214, 185, 230, 0.3) !important;
  box-shadow:
    inset 0 0 0 1px rgba(132, 207, 164, 0.18),
    0 10px 24px rgba(0, 0, 0, 0.32);
}

/* Responsive polish */
@media (max-width: 899px) {
  .esgfilters_toolbarRight__Z1HH6 {
    justify-content: flex-start;
  }
}

.UnauthorizedAccess_root__ZUeNP {
    min-height: 60vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    box-sizing: border-box;
    background:
      radial-gradient(
        circle at top left,
        var(--unauthorized-start, #f9fafb) 0,
        var(--unauthorized-mid, #f3f4f6) 40%,
        var(--unauthorized-end, #eef2ff) 100%
      );
  }

  .UnauthorizedAccess_card__pTuZZ {
    width: 100%;
    max-width: 560px;
    background-color: var(--app-surface, #ffffff);
    border-radius: 16px;
    padding: 28px 24px 24px;
    box-shadow:
      var(--app-shadow, 0 18px 45px rgba(15, 23, 42, 0.08)),
      0 0 0 1px var(--app-border, rgba(148, 163, 184, 0.15));
    box-sizing: border-box;
  }

  .UnauthorizedAccess_pill__u6Rl9 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(248, 113, 113, 0.08);
    color: #b91c1c;
    margin-bottom: 10px;
  }

  .UnauthorizedAccess_title__Nixk5 {
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
    color: var(--app-text, #0f172a);
    margin: 0 0 8px;
  }

  .UnauthorizedAccess_subtitle___kCoP {
    font-size: 14px;
    line-height: 1.6;
    color: var(--app-text-muted, #4b5563);
    margin: 0 0 12px;
  }

  .UnauthorizedAccess_hint___5GvT {
    font-size: 13px;
    line-height: 1.6;
    color: var(--app-text-muted, #6b7280);
    margin: 0 0 20px;
  }

  .UnauthorizedAccess_actionsRow__hW4_X {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
  }

  .UnauthorizedAccess_primaryButton__FBI9U {
    text-transform: none;
    font-weight: 600;
    border-radius: 999px;
    padding: 6px 18px;
  }

  .UnauthorizedAccess_secondaryButton__Rumd3 {
    text-transform: none;
    font-weight: 500;
    border-radius: 999px;
    padding: 6px 14px;
  }

  html[data-theme='dark'] .UnauthorizedAccess_root__ZUeNP {
    --unauthorized-start: var(--app-bg);
    --unauthorized-mid: var(--app-bg);
    --unauthorized-end: var(--app-bg);
  }

  /* Small screens */
  @media (max-width: 600px) {
    .UnauthorizedAccess_card__pTuZZ {
      padding: 22px 18px 18px;
    }

    .UnauthorizedAccess_title__Nixk5 {
      font-size: 20px;
    }

    .UnauthorizedAccess_subtitle___kCoP {
      font-size: 13px;
    }
  }


.adminPortal_adminShell__a2fEt {
  width: 100%;
  padding: 24px 0 48px;
  color: var(--app-text);
}

.adminPortal_hero__FAMMa,
.adminPortal_portalCard__9DTIZ,
.adminPortal_deniedCard__LXj1d {
  border: 1px solid var(--app-border);
  border-radius: 8px;
  background: var(--app-surface);
  padding: 24px;
  margin-bottom: 18px;
}

.adminPortal_deniedCard__LXj1d {
  max-width: 760px;
  margin: 64px auto;
}

.adminPortal_eyebrow__rrCly {
  color: var(--app-brand-light);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.adminPortal_heroTitle__voqLB {
  color: var(--app-text);
  font-weight: 850;
  margin-top: 8px;
}

.adminPortal_heroSubtitle__BK1T_,
.adminPortal_sectionSubtitle__VR_ul,
.adminPortal_muted__2fkBL,
.adminPortal_statHelper__gtbZg {
  color: var(--app-text-muted);
}

.adminPortal_heroSubtitle__BK1T_ {
  max-width: 980px;
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.6;
}

.adminPortal_roleChip__1tqI9 {
  background: var(--app-surface-muted);
  color: var(--app-brand-light);
  font-weight: 800;
}

.adminPortal_statsGrid__pfqLQ {
  margin-bottom: 18px;
}

.adminPortal_statCard__dgRSH {
  height: 100%;
  border: 1px solid var(--app-border);
  border-radius: 8px;
  padding: 20px;
}

.adminPortal_statLabel__cUIfp {
  color: var(--app-text-muted);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.adminPortal_statValue__nZ3Yr {
  color: var(--app-text);
  font-size: 34px;
  font-weight: 850;
  margin-top: 6px;
}

.adminPortal_good__gevUk {
  border-color: #bbf7d0;
}

.adminPortal_warn__z6Thr {
  border-color: #fde68a;
}

.adminPortal_bad__X1m0W {
  border-color: #fecaca;
}

.adminPortal_sectionTitle__OA33Z {
  color: var(--app-text);
  font-weight: 850;
}

.adminPortal_sectionSubtitle__VR_ul {
  margin-top: 4px;
}

.adminPortal_statusRow__G_tfi,
.adminPortal_orgCard__S5359,
.adminPortal_permissionBox__Nqte6,
.adminPortal_permissionSummary__2mc68,
.adminPortal_tableRow__0wq02 {
  border: 1px solid var(--app-border);
  border-radius: 8px;
  background: var(--app-surface-soft);
}

.adminPortal_statusRow__G_tfi {
  padding: 16px;
}

.adminPortal_statusLabel__ygY_F,
.adminPortal_permissionTitle__4cPFs {
  color: var(--app-text-muted);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.adminPortal_statusValue__pex7h,
.adminPortal_itemTitle__vsIgW {
  color: var(--app-text);
  font-weight: 850;
}

.adminPortal_orgCard__S5359 {
  padding: 18px;
  height: 100%;
}

.adminPortal_permissionBox__Nqte6 {
  padding: 14px;
}

.adminPortal_permissionSummary__2mc68 {
  margin-top: 12px;
  padding: 14px;
}

.adminPortal_tableRow__0wq02 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  grid-gap: 12px;
  gap: 12px;
  align-items: center;
  padding: 14px;
}

@media (max-width: 760px) {
  .adminPortal_adminShell__a2fEt {
    padding-top: 12px;
  }

  .adminPortal_hero__FAMMa,
  .adminPortal_portalCard__9DTIZ,
  .adminPortal_deniedCard__LXj1d {
    padding: 18px;
  }

  .adminPortal_tableRow__0wq02 {
    grid-template-columns: 1fr;
  }
}

/* Card shell for organisation block – matches other inner cards */

.profileOrg_orgCard__x2_HF {
  border-radius: 20px;
  border: 1px solid rgba(229, 231, 235, 0.96);
  background-color: #ffffff;
  box-shadow: 0 16px 44px rgba(15, 23, 42, 0.08);
  padding: 20px 20px 18px;
}

/* Header */

.profileOrg_orgHeader__iZoPA {
  margin-bottom: 14px;
}

.profileOrg_orgTitle__1zZEq {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 2px;
}

.profileOrg_orgSubtitle__RHG7C {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.6;
}

/* Loading */

.profileOrg_orgLoading__Mm3qY {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
}

/* Alerts */

.profileOrg_fullWidthAlert__uwqYw {
  width: 100%;
}

.profileOrg_infoAlert__jJJV5 {
  font-size: 13px;
}

/* ======================= Inputs – rounded & soft ======================= */

.profileOrg_field__AhGIu {
  background-color: #f9fafb;
  border-radius: 999px; /* wrapper */
}

.profileOrg_fieldDisabled__LKaZB {
  background-color: #f9fafb;
  border-radius: 999px;
}

/* root of MUI OutlinedInput */
.profileOrg_outlinedInputRoot__WSpn_ {
  border-radius: 999px !important;
  background-color: #f9fafb;
}

/* round the actual outline */
.profileOrg_outlinedInputRoot__WSpn_ fieldset {
  border-radius: 999px;
  border-color: #e5e7eb;
}

/* hover state */
.profileOrg_outlinedInputRoot__WSpn_:hover fieldset {
  border-color: #d1d5db;
}

/* focus state – subtle brand purple */
.profileOrg_outlinedInputRoot__WSpn_.profileOrg_Mui-focused__wCu8j fieldset,
.profileOrg_outlinedInputRoot__WSpn_:focus-within fieldset {
  border-color: #6e3b80;
}

/* labels */

.profileOrg_label__Xmgc0 {
  color: #6b7280 !important;
  font-size: 0.9rem !important;
}

.profileOrg_labelDisabled__AtkQ2 {
  color: #9ca3af !important;
}

/* =========================== Actions row =========================== */

.profileOrg_actionsRow__glCgB {
  display: flex;
  justify-content: flex-end;
}

/* Primary CTA */

.profileOrg_saveButton__ZdydA {
  text-transform: none !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  padding: 8px 22px !important;
  background: linear-gradient(135deg, #6e3b80, #b35b3c) !important;
  color: #f9fafb !important;
  box-shadow: 0 14px 30px rgba(110, 58, 129, 0.28);
}

.profileOrg_saveButton__ZdydA:disabled {
  background: #d1d5db !important;
  color: #f9fafb !important;
  box-shadow: none !important;
}

.profileOrg_saveButton__ZdydA:hover:not(:disabled) {
  background: linear-gradient(135deg, #5d316d, #9c4f35) !important;
}

/* Responsive */

@media (max-width: 480px) {
  .profileOrg_orgCard__x2_HF {
    padding: 18px 16px 16px;
  }
}

/* unauthorized.module.css */
.SocialFrequencyToggle_pillGroup__wkVNW {
    border-radius: 999px;
    border: 1px solid #c89fdb;
    overflow: hidden;
    background: #fff;
  }
  
  .SocialFrequencyToggle_pillBtn__wAoEP {
    text-transform: none !important;
    padding: 6px 16px !important;
    border-radius: 999px !important;
    background: transparent;
    color: #6e3b80 !important;
    font-weight: 600 !important;
  }
  
  .SocialFrequencyToggle_pillBtn__wAoEP:hover {
    background: rgba(110, 59, 128, 0.06) !important;
  }
  
  .SocialFrequencyToggle_active__lRp49 {
    background: #6e3b80 !important;
    color: #fff !important;
  }

html[data-theme='dark'] .SocialFrequencyToggle_pillGroup__wkVNW {
  border-color: var(--app-border);
  background: var(--app-surface-soft);
  box-shadow: inset 0 0 0 1px rgba(214, 185, 230, 0.04);
}

html[data-theme='dark'] .SocialFrequencyToggle_pillBtn__wAoEP {
  background: transparent !important;
  color: var(--app-text-muted) !important;
}

html[data-theme='dark'] .SocialFrequencyToggle_pillBtn__wAoEP:hover {
  background: rgba(155, 107, 176, 0.14) !important;
  color: var(--app-text) !important;
}

html[data-theme='dark'] .SocialFrequencyToggle_active__lRp49 {
  background: linear-gradient(135deg, rgba(155, 107, 176, 0.76), rgba(132, 207, 164, 0.26)) !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(214, 185, 230, 0.16);
}

/* Popper root */
.MonthPicker_pickerPopper__1NRCK .MuiPaper-root {
    border: 1px solid #ead8f3;
    box-shadow: 0 6px 24px rgba(110, 59, 128, 0.15);
    border-radius: 14px;
    overflow: hidden;
  }
  
  /* Layout padding */
  .MonthPicker_pickerPopper__1NRCK .MuiPickersLayout-root {
    padding: 8px 8px 0 8px;
  }
  
  /* Year selector buttons */
  .MonthPicker_pickerPopper__1NRCK .MuiPickersYear-yearButton {
    border-radius: 10px;
  }
  .MonthPicker_pickerPopper__1NRCK .MuiPickersYear-yearButton.Mui-selected {
    background: #6e3b80 !important;
    color: #fff !important;
  }
  .MonthPicker_pickerPopper__1NRCK .MuiPickersYear-yearButton:focus-visible {
    outline: 2px solid rgba(110, 59, 128, 0.35);
  }
  
  /* Month grid buttons */
  .MonthPicker_pickerPopper__1NRCK .MuiPickersMonth-monthButton {
    border-radius: 10px;
  }
  .MonthPicker_pickerPopper__1NRCK .MuiPickersMonth-monthButton.Mui-selected {
    background: #6e3b80 !important;
    color: #fff !important;
  }
  .MonthPicker_pickerPopper__1NRCK .MuiPickersMonth-monthButton:focus-visible {
    outline: 2px solid rgba(110, 59, 128, 0.35);
  }
  
  /* Action bar ("Clear", "This month") */
  .MonthPicker_actionBar__xY2xT .MuiButton-textPrimary {
    color: #6e3b80 !important;
    text-transform: none !important;
    font-weight: 600;
  }
  
.QuantitativeAssessmentOverview_section__nCxBT {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.QuantitativeAssessmentOverview_sectionHeader__SnCFM {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-end;
}

.QuantitativeAssessmentOverview_eyebrow__mJjaP {
  margin: 0 0 6px;
  color: var(--app-brand-light, #6f3b8f);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.QuantitativeAssessmentOverview_title___REVg {
  margin: 0;
  color: var(--app-text, #172033);
  font-size: 1.25rem;
  font-weight: 800;
}

.QuantitativeAssessmentOverview_description__CiCPU {
  margin: 8px 0 0;
  max-width: 760px;
  color: var(--app-text-muted, #64748b);
  font-size: 0.9rem;
  line-height: 1.55;
}

.QuantitativeAssessmentOverview_summaryPill__RJ32B {
  border: 1px solid var(--app-border, rgba(111, 59, 143, 0.16));
  border-radius: 999px;
  background: var(--app-surface, #ffffff);
  color: var(--app-brand-light, #6f3b8f);
  font-size: 0.82rem;
  font-weight: 800;
  padding: 8px 13px;
  white-space: nowrap;
  box-shadow: var(--app-shadow, 0 10px 24px rgba(55, 29, 87, 0.08));
}

.QuantitativeAssessmentOverview_grid__EbdMJ {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 18px;
  gap: 18px;
}

.QuantitativeAssessmentOverview_card__JoFfR {
  display: flex;
  min-height: 420px;
  flex-direction: column;
  gap: 16px;
  border: 1px solid var(--app-border, rgba(111, 59, 143, 0.14));
  border-radius: 8px;
  background: var(--app-surface, #ffffff);
  padding: 20px;
  box-shadow: var(--app-shadow, 0 16px 40px rgba(55, 29, 87, 0.08));
}

.QuantitativeAssessmentOverview_cardHeader__JAFtC {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}

.QuantitativeAssessmentOverview_domain__4cAdn {
  margin: 0 0 7px;
  color: var(--app-brand-light, #8b5ca0);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.QuantitativeAssessmentOverview_cardTitle__DteOh {
  margin: 0;
  color: var(--app-text, #172033);
  font-size: 1.04rem;
  font-weight: 850;
}

.QuantitativeAssessmentOverview_meta__qeiEm {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.QuantitativeAssessmentOverview_chip__zwrX0 {
  border-radius: 999px;
  background: rgba(111, 59, 143, 0.08);
  color: var(--app-brand-light, #6f3b8f);
  font-size: 0.73rem;
  font-weight: 800;
  padding: 4px 9px;
}

.QuantitativeAssessmentOverview_status__m41ef {
  border-radius: 999px;
  background: rgba(53, 183, 121, 0.1);
  color: #267653;
  font-size: 0.73rem;
  font-weight: 900;
  padding: 6px 10px;
  white-space: nowrap;
}

.QuantitativeAssessmentOverview_statusEmpty__3vxNQ {
  background: rgba(245, 166, 35, 0.12);
  color: #9a5b16;
}

.QuantitativeAssessmentOverview_stats__jl4Hc {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 10px;
  gap: 10px;
}

.QuantitativeAssessmentOverview_stat__iGWAL {
  border: 1px solid var(--app-border, rgba(226, 232, 240, 0.95));
  border-radius: 8px;
  background: var(--app-surface-soft, #f8fafc);
  padding: 11px 12px;
}

.QuantitativeAssessmentOverview_statLabel__0mezO {
  display: block;
  color: var(--app-text-muted, #718096);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.QuantitativeAssessmentOverview_statValue__x7YqJ {
  display: block;
  margin-top: 5px;
  color: var(--app-text, #172033);
  font-size: 1rem;
  font-weight: 900;
}

.QuantitativeAssessmentOverview_chart__igF_E {
  min-height: 230px;
  flex: 1 1;
}

.QuantitativeAssessmentOverview_empty__hC1EJ {
  display: flex;
  min-height: 230px;
  flex: 1 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border: 1px dashed var(--app-border, rgba(111, 59, 143, 0.22));
  border-radius: 8px;
  background: linear-gradient(135deg, var(--app-surface-soft, #fbf7ff), var(--app-surface, #ffffff));
  padding: 20px;
}

.QuantitativeAssessmentOverview_emptyTitle__nEkNG {
  margin: 0;
  color: var(--app-text, #172033);
  font-size: 0.95rem;
  font-weight: 850;
}

.QuantitativeAssessmentOverview_emptyText__ya7bS {
  margin: 8px 0 16px;
  color: var(--app-text-muted, #64748b);
  font-size: 0.85rem;
  line-height: 1.45;
}

.QuantitativeAssessmentOverview_addLink__UBCdp {
  border: 1px solid var(--app-border, rgba(111, 59, 143, 0.28));
  border-radius: 999px;
  background: var(--app-surface, #ffffff);
  color: var(--app-brand-light, #6f3b8f);
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 850;
  padding: 8px 14px;
}

.QuantitativeAssessmentOverview_addLink__UBCdp:hover {
  background: var(--app-surface-soft, #f6edfb);
}

.QuantitativeAssessmentOverview_loading__YKrHq {
  border: 1px solid var(--app-border, rgba(111, 59, 143, 0.12));
  border-radius: 8px;
  background: var(--app-surface, #ffffff);
  color: var(--app-text-muted, #64748b);
  padding: 28px;
  text-align: center;
}

@media (max-width: 1100px) {
  .QuantitativeAssessmentOverview_grid__EbdMJ {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .QuantitativeAssessmentOverview_sectionHeader__SnCFM,
  .QuantitativeAssessmentOverview_cardHeader__JAFtC {
    align-items: flex-start;
    flex-direction: column;
  }

  .QuantitativeAssessmentOverview_stats__jl4Hc {
    grid-template-columns: 1fr;
  }
}

/* primu-sustivate-nextjs-serverless/src/app/(DashboardLayout)/dashboard/environment/environment.module.css */

/* ========================== Page Layout & Shell ========================== */

.environment_environmentPage__mgHL0 {
  min-height: 100vh;
  padding: 36px 24px 60px;
  background:
    linear-gradient(180deg, #fbf8ff 0%, #f7f2fb 44%, #ffffff 100%);
  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  color: #020617;
  box-sizing: border-box;
}

.environment_environmentContainer__zEeSF {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* =============================== Header Row ============================== */

.environment_headerRow__rYRgi {
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(260px, 1fr);
  grid-column-gap: 32px;
  column-gap: 32px;
  grid-row-gap: 12px;
  row-gap: 12px;
  align-items: flex-start;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.3);
}

.environment_headerSection__voc8M {
  max-width: 640px;
}

/* Back button (ghost-style) */

.environment_backButton__T67aT {
  border: none;
  background: transparent;
  color: #6e3a81;
  font-size: 13px;
  padding: 0;
  margin-bottom: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.environment_backButton__T67aT:hover {
  text-decoration: underline;
}

.environment_backIcon__L__bw {
  font-size: 16px;
}

/* Heading */

.environment_heading__lBMu2 {
  font-family: 'DM Serif Display', Georgia, 'Times New Roman', serif;
  font-size: 34px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #0f172a;
  margin: 0 0 10px;
}

.environment_highlightText__xUVbC {
  color: #cc704b;
}

.environment_yearSuffix__AgfDC {
  font-size: 18px;
  font-weight: 500;
  color: #4b5563;
}

.environment_subtext__c_r6h {
  font-size: 14px;
  color: #4b425e;
  line-height: 1.7;
  margin: 0;
}

/* Header right meta + export */

.environment_headerRight__eVg5c {
  display: inline-grid;
  justify-self: end;
  grid-auto-rows: min-content;
  row-gap: 10px;
  padding: 10px 16px;
  border-radius: 8px;
  background: rgba(249, 250, 251, 0.9);
  border: 1px solid rgba(209, 213, 219, 0.9);
}

.environment_billingMeta__rsTg_ {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.environment_metaLabel__OJW2N {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: #9ca3af;
}

.environment_metaValue__GcWIN {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
}

.environment_exportButton__nbSeX {
  margin-top: 4px !important;
  text-transform: none !important;
  border-radius: 999px !important;
  padding: 6px 14px !important;
  font-size: 13px !important;
  background-color: #6e3a81 !important;
}

.environment_exportButton__nbSeX:hover {
  background-color: #5e3470 !important;
}

/* ========================== Status Banner ========================== */

.environment_statusBanner__pLGig {
  margin-top: 4px;
  border-radius: 8px;
  padding: 14px 18px;
  background: linear-gradient(
    90deg,
    rgba(110, 58, 129, 0.06),
    rgba(110, 58, 129, 0.015)
  );
  border: 1px solid rgba(110, 58, 129, 0.16);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.environment_statusBannerLeft__hsfrk {
  display: flex;
  align-items: center;
  gap: 12px;
}

.environment_statusPill__GtJbd {
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: #6e3a81;
  color: #f9fafb;
  box-shadow: 0 8px 18px rgba(110, 58, 129, 0.35);
}

.environment_statusText__9jDMd {
  font-size: 13px;
  color: #111827;
}

/* =========================== Filter Section ============================ */

.environment_filterSection__0D_40 {
  margin-top: 4px;
}

/* =========================== Metrics Section ============================ */

.environment_metricsSection__EJhHK {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

/* For chart loaders used by dynamic imports */

.environment_chartLoaderBox__6Mv7d {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 28px 0;
}

/* =========================== Loading Styles ============================ */
/* (Used by other pages that import this module, e.g. Social) */

.environment_loadingBox__oiQJk {
  min-height: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.environment_loadingText__52cFA {
  font-size: 13px;
  color: var(--app-text-muted, #6b7280);
}

/* ============================= Error / Fallback ========================= */
/* Not currently used on this page but kept for reuse consistency */

.environment_fullPageCenter__7Dc98 {
  min-height: 100vh;
  padding: 32px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--app-bg, #f9f5ff);
}

.environment_errorCard__L6aHO {
  max-width: 420px;
  width: 100%;
  border-radius: 24px;
  padding: 24px 22px 20px;
  background: var(--app-surface, #ffffff);
  border: 1px solid var(--app-border, transparent);
  box-shadow: var(--app-shadow, 0 18px 45px rgba(15, 23, 42, 0.08));
}

.environment_errorTitle__kMD81 {
  font-size: 16px;
  font-weight: 600;
  color: #b91c1c;
  margin: 0 0 6px;
}

.environment_errorBody__Y6wPG {
  font-size: 13px;
  color: var(--app-text-muted, #4b5563);
  margin: 0;
}

.environment_errorActions__T61O7 {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
}

.environment_refreshButton__07LNu {
  text-transform: none !important;
  border-radius: 999px !important;
  padding: 6px 14px !important;
}

/* =============================== Responsive ================================ */

@media (max-width: 1024px) {
  .environment_environmentPage__mgHL0 {
    padding: 32px 16px 40px;
  }

  .environment_headerRow__rYRgi {
    grid-template-columns: minmax(0, 1fr);
  }

  .environment_headerRight__eVg5c {
    justify-self: stretch;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .environment_heading__lBMu2 {
    font-size: 28px;
  }

  .environment_statusBanner__pLGig {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 480px) {
  .environment_heading__lBMu2 {
    font-size: 24px;
  }
}

html[data-theme='dark'] .environment_environmentPage__mgHL0 {
  background: var(--app-bg);
  color: var(--app-text);
}

html[data-theme='dark'] .environment_headerRow__rYRgi {
  border-bottom-color: var(--app-border);
}

html[data-theme='dark'] .environment_headerRight__eVg5c,
html[data-theme='dark'] .environment_statusBanner__pLGig,
html[data-theme='dark'] .environment_errorCard__L6aHO {
  border-color: var(--app-border) !important;
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  box-shadow: var(--app-shadow);
}

html[data-theme='dark'] .environment_headerRight__eVg5c {
  background:
    linear-gradient(135deg, rgba(155, 107, 176, 0.16), rgba(132, 207, 164, 0.08)),
    var(--app-surface) !important;
}

html[data-theme='dark'] .environment_heading__lBMu2,
html[data-theme='dark'] .environment_metaValue__GcWIN,
html[data-theme='dark'] .environment_statusText__9jDMd {
  color: var(--app-text) !important;
}

html[data-theme='dark'] .environment_subtext__c_r6h,
html[data-theme='dark'] .environment_yearSuffix__AgfDC,
html[data-theme='dark'] .environment_metaLabel__OJW2N,
html[data-theme='dark'] .environment_loadingText__52cFA,
html[data-theme='dark'] .environment_errorBody__Y6wPG {
  color: var(--app-text-muted) !important;
}

html[data-theme='dark'] .environment_highlightText__xUVbC,
html[data-theme='dark'] .environment_backButton__T67aT {
  color: var(--app-brand-light) !important;
}

html[data-theme='dark'] .environment_backButton__T67aT:hover {
  color: var(--app-mint) !important;
}

html[data-theme='dark'] .environment_statusBanner__pLGig {
  background:
    linear-gradient(135deg, rgba(110, 58, 129, 0.3), rgba(20, 124, 96, 0.14)),
    var(--app-surface) !important;
}

html[data-theme='dark'] .environment_statusPill__GtJbd {
  background: linear-gradient(135deg, var(--app-brand), var(--app-mint));
  color: #ffffff;
  box-shadow: 0 12px 26px rgba(132, 207, 164, 0.16);
}

html[data-theme='dark'] .environment_exportButton__nbSeX {
  background: linear-gradient(135deg, var(--app-brand), var(--app-orange)) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme='dark'] .environment_exportButton__nbSeX:hover {
  background: linear-gradient(135deg, var(--app-brand-light), var(--app-orange)) !important;
}

/* src/app/(DashboardLayout)/dashboard/social/social.module.css */

/* ========================== Page Layout & Shell ========================== */

.social_socialPage__Y0q4a {
  min-height: 100vh;
  padding: 36px 24px 60px;
  background:
    linear-gradient(
      180deg,
      var(--social-page-start, #fbf8ff) 0%,
      var(--social-page-mid, #f7f2fb) 44%,
      var(--social-page-end, #ffffff) 100%
    );
  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--app-text, #020617);
  box-sizing: border-box;
}

.social_socialContainer__01irB {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* =============================== Header Row ============================== */

.social_headerRow__PGr_2 {
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(260px, 1fr);
  grid-column-gap: 32px;
  column-gap: 32px;
  grid-row-gap: 12px;
  row-gap: 12px;
  align-items: flex-start;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--app-border, rgba(148, 163, 184, 0.3));
}

.social_headerSection__qYJgc {
  max-width: 640px;
}

/* Back button (ghost) */

.social_backButton__qejud {
  border: none;
  background: transparent;
  color: var(--app-brand, #6e3a81);
  font-size: 13px;
  padding: 0;
  margin-bottom: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.social_backButton__qejud:hover {
  text-decoration: underline;
}

.social_backIcon__0S8J1 {
  font-size: 16px;
}

/* Heading */

.social_heading__ukf_0 {
  font-family: 'DM Serif Display', Georgia, 'Times New Roman', serif;
  font-size: 34px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--app-text, #0f172a);
  margin: 0 0 10px;
}

.social_highlightText__paRC7 {
  color: var(--app-orange, #cc704b);
}

.social_yearSuffix__93A6I {
  font-size: 18px;
  font-weight: 500;
  color: var(--app-text-muted, #4b5563);
}

.social_subtext__IV2pY {
  font-size: 14px;
  color: var(--app-text-muted, #4b425e);
  line-height: 1.7;
  margin: 0;
}

/* Header right meta + export */

.social_headerRight__NsOxn {
  display: inline-grid;
  justify-self: end;
  grid-auto-rows: min-content;
  row-gap: 10px;
  padding: 10px 16px;
  border-radius: 8px;
  background: var(--app-surface-soft, rgba(249, 250, 251, 0.9));
  border: 1px solid var(--app-border, rgba(209, 213, 219, 0.9));
}

.social_billingMeta__pDI9z {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.social_metaLabel__56_c0 {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--app-text-muted, #9ca3af);
}

.social_metaValue__uSySf {
  font-size: 13px;
  font-weight: 600;
  color: var(--app-text, #111827);
}

.social_exportButton__TEO1Q {
  margin-top: 4px !important;
  text-transform: none !important;
  border-radius: 999px !important;
  padding: 6px 14px !important;
  font-size: 13px !important;
  background-color: #6e3a81 !important;
}

.social_exportButton__TEO1Q:hover {
  background-color: #5e3470 !important;
}

/* ========================== Status Banner ========================== */

.social_statusBanner__sO7iR {
  margin-top: 4px;
  border-radius: 8px;
  padding: 14px 18px;
  background: linear-gradient(
    90deg,
    rgba(110, 58, 129, 0.06),
    rgba(110, 58, 129, 0.015)
  );
  border: 1px solid var(--app-border, rgba(110, 58, 129, 0.16));
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.social_statusBannerLeft__BnqKt {
  display: flex;
  align-items: center;
  gap: 12px;
}

.social_statusPill__25SFl {
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: var(--app-brand, #6e3a81);
  color: #f9fafb;
  box-shadow: 0 8px 18px rgba(110, 58, 129, 0.35);
}

.social_statusText__FufOU {
  font-size: 13px;
  color: var(--app-text, #111827);
}

/* =========================== Filter Section ============================ */

.social_filterSection__nLl2A {
  margin-top: 4px;
}

/* Error banner */

.social_errorBanner__DKusw {
  margin-top: 8px;
}

/* =========================== Metrics Section ============================ */

/* space below the header + filters, similar to environment .metricsSection */
.social_metricsSection__yuon5 {
  margin-top: 32px;
  margin-bottom: 48px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.social_socialOverview__6ihQH {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.social_socialKpiGrid__fN730 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
}

.social_socialKpiCard__DMivz {
  border: 1px solid var(--app-border, rgba(111, 59, 143, 0.14));
  border-radius: 8px;
  background: var(--app-surface, #ffffff);
  padding: 18px;
  box-shadow: var(--app-shadow, 0 14px 34px rgba(55, 29, 87, 0.08));
}

.social_socialKpiCard__DMivz span {
  display: block;
  color: var(--app-text-muted, #718096);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.social_socialKpiCard__DMivz strong {
  display: block;
  margin-top: 10px;
  color: var(--app-text, #172033);
  font-size: 1.75rem;
  font-weight: 900;
}

.social_socialChartGrid__Ww_Mf {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 18px;
  gap: 18px;
}

.social_socialChartCard__X_qcc,
.social_socialChartCardWide__ZG1DJ {
  border: 1px solid var(--app-border, rgba(111, 59, 143, 0.14));
  border-radius: 8px;
  background: var(--app-surface, #ffffff);
  padding: 22px;
  box-shadow: var(--app-shadow, 0 18px 44px rgba(55, 29, 87, 0.08));
}

.social_socialChartCardWide__ZG1DJ {
  grid-column: 1 / -1;
}

.social_socialChartHeader__5Ili_ {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

.social_socialChartHeader__5Ili_ p {
  margin: 0 0 6px;
  color: var(--app-brand-light, #8b5ca0);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.social_socialChartHeader__5Ili_ h2 {
  margin: 0;
  color: var(--app-text, #172033);
  font-size: 1.16rem;
  font-weight: 850;
}

.social_socialChartHeader__5Ili_ span {
  border-radius: 999px;
  background: color-mix(in srgb, var(--app-mint, #35b779) 18%, transparent);
  color: var(--app-mint, #267653);
  font-size: 0.73rem;
  font-weight: 900;
  padding: 6px 10px;
  white-space: nowrap;
}

.social_parentalGrid__DeQp0 {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  grid-gap: 18px;
  gap: 18px;
}

.social_socialChartEmpty__z4n5r,
.social_socialLoading__lEk_Z,
.social_socialError__f4uAp {
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed var(--app-border, rgba(111, 59, 143, 0.2));
  border-radius: 8px;
  background: linear-gradient(135deg, var(--app-surface-soft, #fbf7ff), var(--app-surface, #ffffff));
  color: var(--app-text-muted, #64748b);
  font-size: 0.9rem;
  text-align: center;
  padding: 24px;
}

.social_socialError__f4uAp {
  border-color: rgba(199, 91, 61, 0.25);
  color: #9f3a25;
}

/* Optional grid spacing for KPI row */
.social_kpiGrid__PCMv8 {
  margin-bottom: 16px;
}

/* KPI row layout (if used inside SocialKpis) */
.social_kpiRow__EIue3 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.social_kpiCard__kP2_X {
  flex: 1 1 250px;
  min-width: 220px;
  background-color: var(--app-surface, #ffffff);
  border-radius: 6px;
  border: 1px solid var(--app-border, rgba(110, 59, 128, 0.15));
  box-shadow: var(--app-shadow, 0 2px 4px rgba(110, 59, 128, 0.15));
  padding: 16px;
}

.social_kpiLabel__yHcRv {
  color: var(--app-text-muted, #4b4761);
  font-size: 0.85rem;
  font-weight: 500;
  margin-bottom: 6px;
}

.social_kpiValue__1NAAw {
  color: var(--app-text, #000);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
}

/* Chart body inside DashboardCard */
.social_chartBody__mbrpB {
  padding: 16px;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* For charts with "no data" states */
.social_noDataCentered__NCLRf {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--app-text-muted, #4b4761);
  font-size: 0.9rem;
  text-align: center;
}

/* Shared chart loader */
.social_chartLoaderBox__dabqk {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 28px 0;
}

/* ========================== Empty / CTA State ========================== */

.social_emptyState__S_CUM {
  border-radius: 20px;
  padding: 26px 20px;
  border: 1px dashed var(--app-border, rgba(148, 163, 184, 0.8));
  background-color: var(--app-surface-soft, #f9fafb);
  text-align: center;
  margin-top: 16px;
}

.social_emptyTitle__6Zfgb {
  font-weight: 600;
  margin-bottom: 4px;
}

.social_emptyBody__Wv7Q2 {
  font-size: 13px;
  color: var(--app-text-muted, #4b5563);
  margin-bottom: 10px;
}

.social_emptyCtas__lzvkE {
  margin-top: 6px;
}

.social_primaryCta__mwKIU {
  text-transform: none !important;
  border-radius: 999px !important;
  padding: 7px 16px !important;
  font-size: 13px !important;
}

.social_secondaryCta__Oyl3X {
  text-transform: none !important;
  border-radius: 999px !important;
  padding: 7px 16px !important;
  font-size: 13px !important;
}

/* ============================= Error / Loading ============================ */

.social_fullPageCenter__qLGhk {
  min-height: 100vh;
  padding: 32px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--app-bg, #f9f5ff);
}

.social_errorCard__bv0yP {
  max-width: 420px;
  width: 100%;
  border-radius: 24px;
  padding: 24px 22px 20px;
  background: var(--app-surface, #ffffff);
  border: 1px solid var(--app-border, transparent);
  box-shadow: var(--app-shadow, 0 18px 45px rgba(15, 23, 42, 0.08));
}

.social_errorTitle__YH5ve {
  font-size: 16px;
  font-weight: 600;
  color: #b91c1c;
  margin: 0 0 6px;
}

.social_errorBody__3w57o {
  font-size: 13px;
  color: var(--app-text-muted, #4b5563);
  margin: 0;
}

html[data-theme='dark'] .social_socialPage__Y0q4a {
  --social-page-start: var(--app-bg);
  --social-page-mid: var(--app-bg);
  --social-page-end: var(--app-bg);
}

html[data-theme='dark'] .social_headerRow__PGr_2 {
  border-bottom-color: var(--app-border);
}

html[data-theme='dark'] .social_headerRight__NsOxn,
html[data-theme='dark'] .social_statusBanner__sO7iR,
html[data-theme='dark'] .social_socialKpiCard__DMivz,
html[data-theme='dark'] .social_socialChartCard__X_qcc,
html[data-theme='dark'] .social_socialChartCardWide__ZG1DJ,
html[data-theme='dark'] .social_kpiCard__kP2_X,
html[data-theme='dark'] .social_emptyState__S_CUM,
html[data-theme='dark'] .social_errorCard__bv0yP {
  border-color: var(--app-border) !important;
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  box-shadow: var(--app-shadow);
}

html[data-theme='dark'] .social_headerRight__NsOxn {
  background:
    linear-gradient(135deg, rgba(155, 107, 176, 0.16), rgba(132, 207, 164, 0.08)),
    var(--app-surface) !important;
}

html[data-theme='dark'] .social_heading__ukf_0,
html[data-theme='dark'] .social_metaValue__uSySf,
html[data-theme='dark'] .social_statusText__FufOU,
html[data-theme='dark'] .social_socialKpiCard__DMivz strong,
html[data-theme='dark'] .social_socialChartHeader__5Ili_ h2,
html[data-theme='dark'] .social_kpiValue__1NAAw,
html[data-theme='dark'] .social_emptyTitle__6Zfgb {
  color: var(--app-text) !important;
}

html[data-theme='dark'] .social_subtext__IV2pY,
html[data-theme='dark'] .social_yearSuffix__93A6I,
html[data-theme='dark'] .social_metaLabel__56_c0,
html[data-theme='dark'] .social_socialKpiCard__DMivz span,
html[data-theme='dark'] .social_kpiLabel__yHcRv,
html[data-theme='dark'] .social_emptyBody__Wv7Q2,
html[data-theme='dark'] .social_errorBody__3w57o,
html[data-theme='dark'] .social_noDataCentered__NCLRf {
  color: var(--app-text-muted) !important;
}

html[data-theme='dark'] .social_highlightText__paRC7,
html[data-theme='dark'] .social_backButton__qejud,
html[data-theme='dark'] .social_socialChartHeader__5Ili_ p {
  color: var(--app-brand-light) !important;
}

html[data-theme='dark'] .social_backButton__qejud:hover {
  color: var(--app-mint) !important;
}

html[data-theme='dark'] .social_statusBanner__sO7iR,
html[data-theme='dark'] .social_socialChartEmpty__z4n5r,
html[data-theme='dark'] .social_socialLoading__lEk_Z {
  background:
    linear-gradient(135deg, rgba(110, 58, 129, 0.28), rgba(20, 124, 96, 0.12)),
    var(--app-surface) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text-muted) !important;
}

html[data-theme='dark'] .social_statusPill__25SFl {
  background: linear-gradient(135deg, var(--app-brand), var(--app-mint));
  color: #ffffff;
  box-shadow: 0 12px 26px rgba(132, 207, 164, 0.16);
}

html[data-theme='dark'] .social_exportButton__TEO1Q {
  background: linear-gradient(135deg, var(--app-brand), var(--app-orange)) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme='dark'] .social_exportButton__TEO1Q:hover {
  background: linear-gradient(135deg, var(--app-brand-light), var(--app-orange)) !important;
}

.social_errorActions__tSXW7 {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
}

.social_refreshButton__YweFC {
  text-transform: none !important;
  border-radius: 999px !important;
  padding: 6px 14px !important;
}

/* =============================== Responsive ================================ */

@media (max-width: 1024px) {
  .social_socialPage__Y0q4a {
    padding: 32px 16px 40px;
  }

  .social_headerRow__PGr_2 {
    grid-template-columns: minmax(0, 1fr);
  }

  .social_headerRight__NsOxn {
    justify-self: stretch;
    align-items: flex-start;
  }
}

@media (max-width: 960px) {
  .social_socialKpiGrid__fN730,
  .social_socialChartGrid__Ww_Mf,
  .social_parentalGrid__DeQp0 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .social_heading__ukf_0 {
    font-size: 28px;
  }

  .social_statusBanner__sO7iR {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 480px) {
  .social_heading__ukf_0 {
    font-size: 24px;
  }
}

.dashboard_dashboardRoot__tL2pj {
  --sustivate-primary: #693f91;
  --sustivate-primary-dark: #5f2e73;
  --sustivate-mint: #62e3af;
  --sustivate-warning: #FFAE1F;
  --sustivate-text: var(--app-text, #2A3547);
  --sustivate-muted: var(--app-text-muted, #5A6A85);
  --sustivate-border: var(--app-border, #DFE5EF);
  --sustivate-surface: var(--app-surface, #ffffff);
  --sustivate-soft: var(--app-surface-soft, #F2F6FA);
  --sustivate-shadow: var(--app-shadow, 0 8px 22px rgba(16, 24, 40, 0.05));
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
  color: var(--sustivate-text);
}

.dashboard_dashboardHeader__4L7NB {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 8px 0 2px;
}

.dashboard_dashboardHeader__4L7NB h1 {
  margin: 0;
  font-size: 30px;
  line-height: 1.18;
  letter-spacing: 0;
  color: var(--sustivate-text);
}

.dashboard_dashboardHeader__4L7NB p {
  margin: 8px 0 0;
  max-width: 760px;
  color: var(--sustivate-muted);
  font-size: 14px;
  line-height: 1.55;
}

.dashboard_eyebrow__t__sg,
.dashboard_panelHeader__kwOzC span,
.dashboard_filtersPanel__t5bgn span {
  display: block;
  margin: 0 0 6px;
  color: #7C8FAC;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.dashboard_headerActions__Kw7Mh {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.dashboard_primaryButton__PSe3l,
.dashboard_secondaryButton__mdQVy,
.dashboard_textButton__Os7Ep {
  min-height: 38px;
  border-radius: 8px;
  padding: 0 14px;
  border: 1px solid transparent;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  transition:
    background-color 0.16s ease,
    border-color 0.16s ease,
    transform 0.12s ease;
}

.dashboard_primaryButton__PSe3l {
  color: #ffffff;
  background: var(--sustivate-primary);
}

.dashboard_primaryButton__PSe3l:hover {
  background: var(--sustivate-primary-dark);
  transform: translateY(-1px);
}

.dashboard_secondaryButton__mdQVy {
  color: var(--sustivate-primary);
  background: var(--sustivate-surface);
  border-color: var(--sustivate-border);
}

.dashboard_secondaryButton__mdQVy:hover {
  border-color: #7C8FAC;
  background: var(--sustivate-soft);
  transform: translateY(-1px);
}

.dashboard_textButton__Os7Ep {
  color: var(--sustivate-primary);
  background: transparent;
  padding: 0;
  min-height: auto;
}

.dashboard_textButton__Os7Ep:hover {
  color: var(--sustivate-primary-dark);
}

.dashboard_kpiGrid__7ijFa {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  grid-gap: 14px;
  gap: 14px;
}

.dashboard_kpiCard__q3kCD,
.dashboard_panel__L6Ll2,
.dashboard_chartPanel__CTd8f,
.dashboard_chartPanelWide__nXtwX,
.dashboard_socialPreviewPanel__ZEYN7,
.dashboard_actionsPanel__NtdV5,
.dashboard_filtersPanel__t5bgn {
  border: 1px solid var(--sustivate-border);
  border-radius: 8px;
  background: var(--sustivate-surface);
  box-shadow: var(--sustivate-shadow);
}

.dashboard_accessNotice__eB2IY {
  border: 1px solid #bce9cf;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--app-surface-soft, #f1fff7) 0%, var(--sustivate-surface) 100%);
  padding: 16px 18px;
  box-shadow: 0 10px 28px rgba(98, 227, 175, 0.12);
}

.dashboard_accessNotice__eB2IY span {
  display: block;
  color: #168755;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.dashboard_accessNotice__eB2IY strong {
  display: block;
  margin-top: 6px;
  color: var(--sustivate-text);
  font-size: 16px;
}

.dashboard_accessNotice__eB2IY p {
  margin: 6px 0 0;
  color: var(--sustivate-muted);
  font-size: 14px;
  line-height: 1.45;
}

.dashboard_kpiCard__q3kCD {
  min-height: 118px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.dashboard_kpiCard__q3kCD span {
  color: var(--sustivate-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.dashboard_kpiCard__q3kCD strong {
  margin-top: 8px;
  font-size: 30px;
  line-height: 1;
  color: var(--sustivate-text);
}

.dashboard_kpiCard__q3kCD small {
  margin-top: 8px;
  color: var(--sustivate-muted);
  font-size: 13px;
  line-height: 1.35;
}

.dashboard_topGrid__Zpt1o {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-gap: 14px;
  gap: 14px;
  align-items: stretch;
}

.dashboard_panel__L6Ll2,
.dashboard_chartPanel__CTd8f,
.dashboard_chartPanelWide__nXtwX,
.dashboard_socialPreviewPanel__ZEYN7,
.dashboard_actionsPanel__NtdV5 {
  padding: 16px;
  min-width: 0;
}

.dashboard_panelHeader__kwOzC {
  min-height: 46px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

.dashboard_panelHeader__kwOzC h2 {
  margin: 0;
  color: var(--sustivate-text);
  font-size: 18px;
  line-height: 1.25;
}

.dashboard_panelHeader__kwOzC time {
  color: var(--sustivate-muted);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.dashboard_scorePanelBody__22nQ6 {
  display: grid;
  grid-template-columns: minmax(140px, 0.92fr) minmax(126px, 0.78fr);
  grid-gap: 8px;
  gap: 8px;
  align-items: center;
  overflow: hidden;
}

.dashboard_scoreLegend__5xbK3 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dashboard_scoreLegend__5xbK3 div {
  display: grid;
  grid-template-columns: 10px 1fr auto;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  color: var(--sustivate-muted);
  font-size: 13px;
}

.dashboard_scoreLegend__5xbK3 span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
}

.dashboard_scoreLegend__5xbK3 p {
  margin: 0;
}

.dashboard_scoreLegend__5xbK3 strong {
  color: var(--sustivate-text);
}

.dashboard_readinessBody__Zc67a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.dashboard_readinessNumber__6Kthm {
  position: absolute;
  top: 84px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
}

.dashboard_readinessNumber__6Kthm strong {
  color: var(--sustivate-text);
  font-size: 28px;
  line-height: 1;
}

.dashboard_readinessNumber__6Kthm span {
  color: var(--sustivate-muted);
  font-size: 12px;
  font-weight: 800;
}

.dashboard_filtersPanel__t5bgn {
  padding: 14px 16px;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  grid-gap: 18px;
  gap: 18px;
  align-items: center;
}

.dashboard_filtersPanel__t5bgn strong {
  color: var(--sustivate-text);
  font-size: 15px;
}

.dashboard_chartGrid__0cn07 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-gap: 14px;
  gap: 14px;
}

.dashboard_chartPanelWide__nXtwX {
  grid-column: span 2;
}

.dashboard_socialPreviewPanel__ZEYN7 {
  grid-column: span 2;
}

.dashboard_actionsPanel__NtdV5 {
  grid-column: 1 / -1;
}

.dashboard_socialPreviewBody__6ScYD {
  min-height: 520px;
}

.dashboard_embeddedChart__CSyZx {
  min-height: 330px;
}

.dashboard_emptyPanel__q2xfR {
  min-height: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 18px;
  border: 1px dashed var(--sustivate-border);
  border-radius: 8px;
  background: var(--sustivate-surface);
  text-align: center;
}

.dashboard_emptyPanel__q2xfR p {
  margin: 0;
  color: var(--sustivate-muted);
  font-size: 14px;
  line-height: 1.45;
}

.dashboard_chartLoading__5ab9K {
  min-height: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: var(--sustivate-muted);
  font-size: 13px;
  font-weight: 700;
}

.dashboard_spinner__QPeX3 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 3px solid var(--sustivate-border);
  border-top-color: var(--sustivate-primary);
  animation: dashboard_spin__f5dIZ 0.8s linear infinite;
}

@keyframes dashboard_spin__f5dIZ {
  to {
    transform: rotate(360deg);
  }
}

.dashboard_actionList__Xyqzi {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dashboard_actionList__Xyqzi button {
  width: 100%;
  border: 1px solid var(--sustivate-border);
  border-radius: 8px;
  background: var(--sustivate-surface);
  padding: 13px;
  text-align: left;
  cursor: pointer;
}

.dashboard_actionList__Xyqzi button:hover {
  background: var(--sustivate-soft);
  border-color: #C8D2DF;
}

.dashboard_actionList__Xyqzi strong,
.dashboard_actionList__Xyqzi span {
  display: block;
}

.dashboard_actionList__Xyqzi strong {
  color: var(--sustivate-text);
  font-size: 14px;
}

.dashboard_actionList__Xyqzi span {
  margin-top: 4px;
  color: var(--sustivate-muted);
  font-size: 13px;
  line-height: 1.4;
}

@media (max-width: 1200px) {
  .dashboard_topGrid__Zpt1o,
  .dashboard_chartGrid__0cn07 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard_chartPanelWide__nXtwX,
  .dashboard_socialPreviewPanel__ZEYN7 {
    grid-column: span 2;
  }

  .dashboard_kpiGrid__7ijFa {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .dashboard_dashboardHeader__4L7NB,
  .dashboard_panelHeader__kwOzC {
    flex-direction: column;
  }

  .dashboard_headerActions__Kw7Mh {
    justify-content: flex-start;
  }

  .dashboard_topGrid__Zpt1o,
  .dashboard_chartGrid__0cn07,
  .dashboard_kpiGrid__7ijFa,
  .dashboard_filtersPanel__t5bgn,
  .dashboard_scorePanelBody__22nQ6 {
    grid-template-columns: 1fr;
  }

  .dashboard_chartPanelWide__nXtwX,
  .dashboard_socialPreviewPanel__ZEYN7 {
    grid-column: auto;
  }

  .dashboard_dashboardHeader__4L7NB h1 {
    font-size: 24px;
  }

  .dashboard_embeddedChart__CSyZx {
    min-height: 280px;
  }
}

.HireTurnoverForm_formRoot__o_8iw {
    display: block;
  }
  
  .HireTurnoverForm_formTitle__4rCXr {
    color: #6E3B80;
    font-weight: 700;
    margin-bottom: 12px;
  }
  
  .HireTurnoverForm_stack__MoDIK {
    width: 100%;
  }
  
  .HireTurnoverForm_field__y_myY {
    /* keep fields consistent height and radius with your design system */
  }
  
  .HireTurnoverForm_actions__8VmIQ {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
  }
  
  .HireTurnoverForm_submitButton__hy7D7 {
    text-transform: none;
    border-radius: 24px;
    padding: 8px 20px;
    background-color: #6E3B80 !important;
  }
  
  .HireTurnoverForm_submitButton__hy7D7:hover {
    background-color: #5a316d !important;
  }
  
.BenefitsForm_formRoot___XIhG {
  display: block;
}

.BenefitsForm_formTitle__aK1Q_ {
  color: #6E3B80;
  font-weight: 700;
  margin-bottom: 12px;
}

.BenefitsForm_stack__AS_ji {
  width: 100%;
}

.BenefitsForm_field__twJ4C {
  /* keep fields consistent height and radius with your design system */
}

.BenefitsForm_actions__SNwAB {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

.BenefitsForm_submitButton__HH_od {
  text-transform: none;
  border-radius: 24px;
  padding: 8px 20px;
  background-color: #6E3B80 !important;
}

.BenefitsForm_submitButton__HH_od:hover {
  background-color: #5a316d !important;
}

.ParentalLeaveForm_formRoot__Ozewq {
    display: block;
  }
  
  .ParentalLeaveForm_formTitle__FwmcW {
    color: #6E3B80;
    font-weight: 700;
    margin-bottom: 12px;
  }
  
  .ParentalLeaveForm_stack__uDCOx {
    width: 100%;
  }
  
  .ParentalLeaveForm_field__BGYwe {
    /* keep fields consistent height and radius with your design system */
  }
  
  .ParentalLeaveForm_actions__NHTkj {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
  }
  
  .ParentalLeaveForm_submitButton__5JKjq {
    text-transform: none;
    border-radius: 24px;
    padding: 8px 20px;
    background-color: #6E3B80 !important;
  }
  
  .ParentalLeaveForm_submitButton__5JKjq:hover {
    background-color: #5a316d !important;
  }