.DashboardCard_card__UKxgu {
    padding: 0;
  }
  
  .DashboardCard_cardContent__8THxL {
    padding: 30px;
  }
  
  .DashboardCard_headTitle__UznNV {
    font-family: 'DM Serif Display', serif;
  }
  
  .DashboardCard_titleBox__QZdXz {
    text-align: center;
    width: 100%;
  }
  
  .DashboardCard_titleText__mDOcj {
    color: #6E3B80;
    font-size: 2.3rem;
    font-family: 'DM Serif Display', serif;
    text-shadow: 2px 2px 4px #989595;
    font-weight: bold;
  }
  
.register_image__nNc7R{
    display: flex;
    justify-content: center;
}

.register_logo__hwMrb {
    display: flex; /* Ensures the div containing the logo behaves like a flex container */
    justify-content: center; /* Centers the logo horizontally */
    align-items: center; /* Centers the logo vertically */
    text-align: center; /* Ensures content inside stays centered */
    width: 95%; /* Ensures it stretches across the parent container */
    margin-bottom: 1.6rem;
    /* background-color: #e6eaed; */
  }

  .register_fullHeightCenter__kZgDu {
    height: 100vh;
  }

  .register_title__H0KRk {
    margin-bottom: 16px; /* mb-2 (theme spacing * 2) */
  }  

  /* authregister.module.css */

/* Input Fields */
.register_inputField__NaDQm .MuiOutlinedInput-root {
  border-radius: 25px;
  background-color: #e6eaed;
}

.register_inputField__NaDQm .MuiOutlinedInput-notchedOutline {
  border-radius: 25px;
  border-color: #ccc;
}

.register_inputField__NaDQm .MuiInputLabel-root {
  color: #6b6b6b;
}

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

/* Disabled Inputs */
.register_inputField__NaDQm .Mui-disabled {
  opacity: 0.7;
}

/* Button container */
.register_buttonContainer__vSVAt {
  margin-top: 1.5rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px !important; /* spacing between buttons */
  flex-wrap: wrap;
}

/* Back to Login button */
.register_backButton__CfDi6 {
  background-color: #e6eaed !important;
  color: #6b6b6b !important;
  font-weight: bold;
  border-radius: 20px !important;
  text-transform: none;
  padding: 0.3rem 1rem !important;
  min-width: 120px;
}

.register_backButton__CfDi6:hover {
  background-color: #d9dfe3;
}

/* Sign Up button */
.register_actionButton__H0wJK {
  background-color: #f9c7c7 !important;
  color: #d15151 !important;
  font-weight: bold;
  border-radius: 20px !important;
  text-transform: none;
  padding: 0.3rem 1rem !important;
  min-width: 120px !important;
}

.register_actionButton__H0wJK:hover {
  background-color: #f6aaaa !important;
}

  
  @media (min-width: 600px) {
    .register_fullHeightCenter__kZgDu {
      padding: 32px !important;
    }
  }
  @media (min-width: 900px) {
    .register_fullHeightCenter__kZgDu {
      padding: 48px;
    }
  }
  
  .register_logo__hwMrb {
    text-align: center;
    margin-bottom: 24px;
  }
  
  .register_stackWrapper___dG_t {
    width: 100%;
    max-width: 500px;
  }
  
  .register_cardBox__56x6k {
    max-width: 100%;
    z-index: 1;
    padding: 24px;
  }
  
  @media (min-width: 600px) {
    .register_cardBox__56x6k {
      padding: 32px;
    }
  }
  
  .register_loginLink__xjzAN {
    text-decoration: none;
    color: var(--mui-palette-primary-main);
    font-weight: 600;
  }
  
.SystemAdminPage_paper___V8mP {
    padding: 32px;
    text-align: center;
    background-color: #f9f5ff;
  }
  
  .SystemAdminPage_header__32TMU {
    color: #4a235a;
    margin-bottom: 16px;
  }
  
  .SystemAdminPage_description__mU7eR {
    margin-bottom: 24px;
  }
  
  .SystemAdminPage_list__5mdCr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: left;
  }
  
  .SystemAdminPage_listItem__f6XhF {
    width: 100%;
    margin-bottom: 8px;
  }
  
  @media (min-width: 600px) {
    .SystemAdminPage_listItem__f6XhF {
      width: 48%;
    }
  }
  
  @media (min-width: 900px) {
    .SystemAdminPage_listItem__f6XhF {
      width: 45%;
    }
  }
  
  .SystemAdminPage_icon__i1t_D {
    color: green;
  }
  
  .SystemAdminPage_listText__gWCAX {
    font-weight: bold;
  }
  
  .SystemAdminPage_button__lNMV0 {
    margin-top: 24px;
    background-color: #4a235a;
    color: white;
    font-weight: bold;
    border-radius: 8px;
    width: 100%;
    max-width: 400px;
  }
  
  .SystemAdminPage_button__lNMV0:hover {
    background-color: #6e3b80;
  }
  
.profile_avatar__6egUq {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border: 3px solid #f5f5f5;
  }
  
  .profile_hiddenInput__QJX8s {
    display: none;
  }
  
  .profile_uploadButton__hpX3V {
    background-color: #DB724B;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 25px;
    padding: 8px 20px;
    min-width: 120px;
  }
  
  .profile_uploadButton__hpX3V:hover {
    background-color: #F5C9CC;
    color: #DB724B;
  }
  
  .profile_roleField__snX9B input.profile_Mui-disabled___Wk2_ {
    color: rgba(0, 0, 0, 0.6);
  }
  
  .profile_buttonRow__pEFM5 {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
  }
  
  .profile_discardButton__lAh2c {
    background-color: #F5C9CC;
    color: #DB724B;
    font-weight: bold;
    border-radius: 25px;
    padding: 8px 20px;
    min-width: 120px;
  }
  
  .profile_discardButton__lAh2c:hover {
    background-color: #DB724B;
    color: #F5C9CC;
  }
  
  .profile_saveButton__aZnow {
    background-color: #6E3B80;
    color: #DED2F7;
    font-weight: bold;
    border-radius: 25px;
    padding: 8px 20px;
    min-width: 120px;
  }
  
  .profile_saveButton__aZnow:hover {
    background-color: #DED2F7;
    color: #6E3B80;
  }
  
/* pagecontainer.module.css */

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

/* authLogin.module.css */

/* ================== Utility ================== */

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

/* ================== Input wrapper + placeholder ================== */

.authLogin_inputField__31bi4 {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.authLogin_inputField__31bi4 input {
  width: 100%;
  padding: 12px 16px;
  border-radius: 25px;
  border: 1px solid #ccc;
  background-color: #e6eaed;
  outline: none;
  font-size: 0.95rem;
  box-sizing: border-box;
}

.authLogin_inputField__31bi4 input::placeholder {
  color: #6b6b6b;
  opacity: 1;
}

.authLogin_inputField__31bi4 input:focus {
  border-color: #b39ddb; /* soft purple */
  box-shadow: 0 0 0 2px rgba(179, 157, 219, 0.25);
}

/* Password field container */
.authLogin_passwordBox__0Hdfv {
  margin-top: 16px;
}

/* Wrap input + toggle button on the same line */
.authLogin_passwordInputWrapper__jcv5Z {
  display: flex;
  align-items: center;
  border-radius: 25px;
  background-color: #e6eaed;
  border: 1px solid #ccc;
  padding-right: 4px;
}

/* Inside the wrapper, the input fills the space */
.authLogin_passwordInputWrapper__jcv5Z input {
  border: none;
  background: transparent;
  padding: 12px 16px;
  flex: 1 1;
  border-radius: 25px;
  outline: none;
  font-size: 0.95rem;
}

.authLogin_passwordInputWrapper__jcv5Z input::placeholder {
  color: #6b6b6b;
  opacity: 1;
}

.authLogin_passwordInputWrapper__jcv5Z input:focus {
  outline: none;
}

/* Show/Hide button */
.authLogin_passwordToggleButton__sN6fy {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0 12px;
  font-size: 0.8rem;
  color: #6b6b6b;
  border-radius: 999px;
}

.authLogin_passwordToggleButton__sN6fy:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* ================== Field error text ================== */

.authLogin_fieldError___rey5 {
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 0.8rem;
  color: #d32f2f;
  text-align: left;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

/* ================== Buttons ================== */

.authLogin_buttonRow__mNvJ_ {
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 48px;
}

/* Reset button defaults */
.authLogin_buttonRow__mNvJ_ button {
  border: none;
  cursor: pointer;
  font-size: 0.95rem;
  padding: 10px 18px;
}

/* Log In button */
.authLogin_loginButton__9Xu62 {
  width: 100%;
  max-width: 130px;
  background-color: #d8b9f2;
  color: #5a2d82;
  font-weight: bold;
  border-radius: 20px;
  text-transform: none;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.authLogin_loginButton__9Xu62:hover:not(:disabled) {
  background-color: #cba2e5;
  transform: translateY(-1px);
}

/* Sign Up button */
.authLogin_signupButton__NTd0R {
  width: 100%;
  max-width: 130px;
  background-color: #f9c7c7;
  color: #d15151;
  font-weight: bold;
  border-radius: 20px;
  text-transform: none;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.authLogin_signupButton__NTd0R:hover:not(:disabled) {
  background-color: #f6aaaa;
  transform: translateY(-1px);
}

/* Disabled state */
.authLogin_loginButton__9Xu62:disabled,
.authLogin_signupButton__NTd0R:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

/* ================== Error alert (top of form) ================== */

.authLogin_errorAlert__7PBSD {
  max-width: 500px;
  margin: 0 auto 16px auto;
  padding: 10px 12px;
  border-radius: 8px;
  background-color: #fdecea;
  color: #b71c1c;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  box-sizing: border-box;
}

.authLogin_errorAlert__7PBSD button {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 1.1rem;
  line-height: 1;
  color: #b71c1c;
}

/* ================== Loader overlay ================== */

.authLogin_loaderOverlay__ZYppS {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.authLogin_loadingText__OgCj8 {
  margin-bottom: 16px;
  color: #5a2d82;
  font-size: 1rem;
}

/* Simple CSS spinner */
.authLogin_spinner__8rptn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 3px solid #e0d4ee;
  border-top-color: #6e3b80;
  animation: authLogin_spin__NP0CY 0.8s linear infinite;
}

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

/* ================== Logo (if used on page) ================== */

.authLogin_logoWrapper__JJXIu {
  margin-top: 100px;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  width: 100%;
  box-sizing: border-box;
}

.authLogin_logoImage__c2vSa {
  width: 100%;
  max-width: 450px;
  height: auto;
  object-fit: contain;
}

.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_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;
}

/* InviteNewUser.module.css */
.InviteNewUser_container__LDhb_ {
    display: flex;
    flex-direction: column;
  }
  
  .InviteNewUser_formBox__uOOls {
    margin-bottom: 24px; /* mb={3} -> theme.spacing(3) == 8*3 */
  }
  
  .InviteNewUser_fullWidth__nJiUQ {
    width: 100%;
  }
  
  .InviteNewUser_marginNormal__q1E8X {
    margin-top: 16px;
    margin-bottom: 8px;
  }
  
/* dashboardHeader.module.css */
.dashboardHeader_headerContainer__xQY7_ {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .dashboardHeader_title__dupAd {
    font-weight: bold;
  }
  
/* UserTable.module.css */

.UserTable_tableContainer___0k8U {
    margin-top: 16px; /* Equivalent to MUI's mt: 2 */
  }
  
  .UserTable_button__rkvNF {
    margin-left: 8px; /* Equivalent to MUI's ml: 1 */
  }
  
  .UserTable_revokeButton__k7fys {
    margin-left: 8px;
    color: red;
  }
  
/* admin.module.css */
.admin_progress__SoXum {
    margin-top: 16px;
  }
  
.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;
  }
  
.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;
}

/* 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: rgba(249, 245, 255, 0.96);        /* soft lilac */
  border: 1px solid rgba(209, 213, 219, 0.8);
  padding: 8px 10px;
  border-radius: 14px;
}

.esgfilters_toolbarLabel__dSrgA {
  font-weight: 600;
  color: #6e3a81;                               /* brand purple */
  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 rgba(209, 213, 219, 0.9);
  background-color: #ffffff;
  color: #4b5563;
}

/* unselected */
.esgfilters_toggleButton__YEMlL {
  background: #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;
}

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

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

.esgfilters_sectionTitle__HpAEI {
  font-weight: 700;
  color: #6e3a81;                               /* brand purple heading */
}

.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: #6b7280;
  margin-bottom: 8px;
}

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

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

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

.addmetricspage_addMetricsPage__vN5zh {
  min-height: 100vh;
  padding: 40px 24px 60px;
  background:
    radial-gradient(circle at top left, #fdfbff 0, #f3ebff 32%, #f9f5ff 100%);
  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  color: #020617;
  box-sizing: border-box;
}

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

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

.addmetricspage_headerRow__GxsEC {
  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.28);
}

.addmetricspage_headerSection__vy0NX {
  max-width: 640px;
}

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

.addmetricspage_highlightText__DX1_X {
  color: #cc704b;
}

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

/* Header meta (consistent with Users / Secure Data / Pricing) */

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

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

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

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

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

.addmetricspage_statusBanner__st6JI {
  margin-top: 4px;
  border-radius: 18px;
  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;
}

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

.addmetricspage_statusPill__bpDVd {
  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);
}

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

.addmetricspage_statusBannerRight___50uI {
  max-width: 360px;
}

.addmetricspage_statusMetaText__oPx2_ {
  font-size: 12px;
  color: #4b425e;
}

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

.addmetricspage_schemaBlock__SWkGi {
  background: #ffffff;
  border: 1px solid rgba(209, 213, 219, 0.9);
  border-radius: 8px;
  padding: 14px;
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  min-height: 126px;
}

.addmetricspage_schemaLabel__cgPCY {
  color: #6e3a81;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.addmetricspage_schemaBlock__SWkGi strong {
  color: #111827;
  font-size: 14px;
}

.addmetricspage_schemaBlock__SWkGi p {
  margin: 0;
  color: #4b5563;
  font-size: 12px;
  line-height: 1.45;
}

/* =========================== Dashboard Overview ========================== */

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

.addmetricspage_kpiCard__dBOAt {
  background: #ffffff;
  border: 1px solid rgba(209, 213, 219, 0.9);
  border-radius: 8px;
  padding: 16px;
  min-height: 142px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.05);
}

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

.addmetricspage_kpiCard__dBOAt strong {
  color: #111827;
  font-size: 30px;
  line-height: 1;
}

.addmetricspage_kpiCard__dBOAt p,
.addmetricspage_kpiCard__dBOAt em {
  margin: 0;
  color: #526174;
  font-size: 12px;
  line-height: 1.45;
  font-style: normal;
}

.addmetricspage_yearChipRow__sHdu5 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.addmetricspage_yearChipRow__sHdu5 span {
  border-radius: 999px;
  background: rgba(53, 183, 121, 0.12);
  color: #246b49;
  font-size: 12px;
  font-weight: 800;
  padding: 5px 9px;
}

.addmetricspage_coveragePanel__n5obE {
  background: #ffffff;
  border: 1px solid rgba(209, 213, 219, 0.9);
  border-radius: 8px;
  padding: 16px;
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.05);
}

.addmetricspage_coverageHeader__AV4KX {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.addmetricspage_coverageHeader__AV4KX strong {
  color: #111827;
  font-size: 14px;
}

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

.addmetricspage_coverageItem__IfmaQ {
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 8px;
  padding: 12px;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  background: #fbfafc;
}

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

.addmetricspage_coverageItemTop__ZLXD7 span {
  color: #111827;
  font-size: 12px;
  font-weight: 800;
}

.addmetricspage_coverageItemTop__ZLXD7 strong {
  color: #6e3a81;
  font-size: 13px;
}

.addmetricspage_coverageTrack__mgXya {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #eef2f7;
}

.addmetricspage_coverageTrack__mgXya span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #6e3a81, #35b779);
}

.addmetricspage_coverageItem__IfmaQ small {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
}

/* =============================== Cards Row =============================== */

.addmetricspage_cardsRow__GrhCz {
  margin-top: 6px;
}

.addmetricspage_catalogHeader__WSx84 {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-end;
  margin-bottom: 14px;
}

.addmetricspage_catalogEyebrow__GnpoW {
  color: #6e3a81;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.addmetricspage_catalogHeader__WSx84 h2 {
  color: #111827;
  font-size: 20px;
  margin: 4px 0 0;
}

.addmetricspage_uploadButton__dZb87 {
  border: 1px solid #6e3a81;
  background: transparent;
  color: #6e3a81;
  border-radius: 999px;
  padding: 8px 16px;
  font-weight: 800;
  cursor: pointer;
}

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

.addmetricspage_metricCard__Rwm4X {
  border: 1px solid rgba(209, 213, 219, 0.9);
  border-radius: 8px;
  background: #fbfafc;
  padding: 14px;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 300px;
  cursor: pointer;
}

.addmetricspage_metricCard__Rwm4X:disabled {
  cursor: default;
  opacity: 0.78;
}

.addmetricspage_metricCardAvailable__Z1Aok {
  background: #ffffff;
  border-color: rgba(110, 58, 129, 0.28);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.addmetricspage_metricCardAvailable__Z1Aok:hover {
  border-color: rgba(110, 58, 129, 0.5);
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.1);
}

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

.addmetricspage_metricDomain__si9RJ {
  color: #6e3a81;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.addmetricspage_metricStatus__0aj5l {
  border-radius: 999px;
  background: #fff7ed;
  color: #9a3412;
  font-size: 11px;
  font-weight: 800;
  padding: 4px 8px;
}

.addmetricspage_metricStatusAvailable__NWoY3 {
  background: #edf7f1;
  color: #246b49;
}

.addmetricspage_metricStatusCompleted__Z9kiG {
  background: #edf7f1;
  color: #246b49;
}

.addmetricspage_metricStatusInProgress__RVh7a {
  background: #fff7ed;
  color: #9a3412;
}

.addmetricspage_metricStatusNotStarted__P2PXo {
  background: #eef2f7;
  color: #64748b;
}

.addmetricspage_metricCard__Rwm4X h3 {
  color: #111827;
  font-size: 15px;
  margin: 0;
}

.addmetricspage_metricDescription__Mh3lr {
  color: #4b5563;
  font-size: 12px;
  line-height: 1.45;
  margin: 0;
}

.addmetricspage_metricMetaGrid__Uak79 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-gap: 5px 10px;
  gap: 5px 10px;
  padding-top: 4px;
  border-top: 1px dashed rgba(209, 213, 219, 0.9);
}

.addmetricspage_metricMetaGrid__Uak79 span {
  color: #6b7280;
  font-size: 11px;
  font-weight: 700;
}

.addmetricspage_metricMetaGrid__Uak79 strong {
  color: #111827;
  font-size: 12px;
}

.addmetricspage_valueFieldList__I2Mj7 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.addmetricspage_valueFieldList__I2Mj7 span {
  border-radius: 999px;
  background: rgba(110, 58, 129, 0.08);
  color: #4b245c;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 8px;
}

.addmetricspage_completedYearList__7E1bt {
  display: grid;
  grid-gap: 7px;
  gap: 7px;
  border-top: 1px dashed rgba(209, 213, 219, 0.9);
  padding-top: 8px;
}

.addmetricspage_completedYearList__7E1bt span {
  color: #6b7280;
  font-size: 11px;
  font-weight: 800;
}

.addmetricspage_completedYearList__7E1bt strong {
  color: #111827;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.addmetricspage_assessmentYearChips__tZ9iM {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.addmetricspage_assessmentYearChips__tZ9iM span {
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  padding: 5px 8px;
}

.addmetricspage_assessmentYearComplete__tEyCc {
  background: rgba(53, 183, 121, 0.12);
  color: #246b49;
}

.addmetricspage_assessmentYearPartial___pQpI {
  background: #fff7ed;
  color: #9a3412;
}

.addmetricspage_metricAction__kvbv5 {
  color: #6e3a81;
  font-size: 12px;
  font-weight: 800;
  margin-top: auto;
}

/* Card shell – modern, subtle glassy feel */

.addmetricspage_card__Uu_WJ {
  position: relative;
  border-radius: 24px !important;
  border: 1px solid rgba(229, 231, 235, 0.96);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 14px 38px rgba(15, 23, 42, 0.06);
  overflow: hidden;
  transition:
    box-shadow 0.2s ease,
    transform 0.2s ease,
    border-color 0.2s ease,
    background-color 0.2s ease;
}

.addmetricspage_card__Uu_WJ::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0;
  background: radial-gradient(
    circle at top left,
    rgba(110, 58, 129, 0.08),
    transparent 60%
  );
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.addmetricspage_cardAction__ayXzG {
  height: 100%;
  display: flex !important;
  align-items: stretch;
}

.addmetricspage_card__Uu_WJ:hover {
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.14);
  transform: translateY(-3px);
  border-color: rgba(110, 58, 129, 0.32);
  background-color: #ffffff;
}

.addmetricspage_card__Uu_WJ:hover::before {
  opacity: 1;
}

.addmetricspage_card__Uu_WJ:focus-within {
  outline: 2px solid #6e3a81;
  outline-offset: 2px;
}

/* Card content */

.addmetricspage_cardContent__j34Z1 {
  padding: 24px 22px 18px !important;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.addmetricspage_cardIconBadge__brsFr {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: rgba(110, 58, 129, 0.09);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
}

.addmetricspage_cardIcon__otcS_ {
  font-size: 20px;
}

.addmetricspage_cardTitle__znNhk {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #111827;
}

.addmetricspage_cardBodyText__bQrvv {
  font-size: 13px;
  color: #4b5563;
  line-height: 1.6;
}

.addmetricspage_cardFootnote__kXEBr {
  margin-top: 6px;
  font-size: 12px;
  color: #6b7280;
}

/* Defer heavy sections below the hero from initial rendering */
.addmetricspage_statusBanner__st6JI,
.addmetricspage_cardsRow__GrhCz {
  content-visibility: auto;
  contain-intrinsic-size: 220px;
}

/* Softer card shadow (still nice, cheaper to paint) */
.addmetricspage_card__Uu_WJ {
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
}

/* On hover, you can still go bigger */
.addmetricspage_card__Uu_WJ:hover {
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
}

.addmetricspage_addMetricsPage__vN5zh {
  /* ...existing styles... */
  background:
    radial-gradient(circle at top left, #fdfbff 0, #f3ebff 40%, #f9f5ff 100%);
}


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

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

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

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

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

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

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

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

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

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

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

  .addmetricspage_statusBanner__st6JI {
    padding: 12px 14px;
  }

  .addmetricspage_dashboardOverview___tSum,
  .addmetricspage_coverageGrid__5WsX2 {
    grid-template-columns: 1fr;
  }

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

.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, #f9fafb 0, #f3f4f6 40%, #eef2ff 100%);
  }
  
  .UnauthorizedAccess_card__pTuZZ {
    width: 100%;
    max-width: 560px;
    background-color: #ffffff;
    border-radius: 16px;
    padding: 28px 24px 24px;
    box-shadow:
      0 18px 45px rgba(15, 23, 42, 0.08),
      0 0 0 1px 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: #0f172a;
    margin: 0 0 8px;
  }
  
  .UnauthorizedAccess_subtitle___kCoP {
    font-size: 14px;
    line-height: 1.6;
    color: #4b5563;
    margin: 0 0 12px;
  }
  
  .UnauthorizedAccess_hint___5GvT {
    font-size: 13px;
    line-height: 1.6;
    color: #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;
  }
  
  /* 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;
    }
  }
  
.managed-organizations_page__bDFwu {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.managed-organizations_headerRow__pi6jZ {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
}

.managed-organizations_title__1HOKX {
  font-weight: 700;
  color: #18343d;
  margin-bottom: 8px;
}

.managed-organizations_subtitle__uXnys {
  max-width: 760px;
  color: #55656d;
  line-height: 1.6;
}

.managed-organizations_summaryGrid__fBdCr {
  display: grid;
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  grid-gap: 12px;
  gap: 12px;
  min-width: min(100%, 420px);
}

.managed-organizations_summaryCard__5_LKR,
.managed-organizations_formCard__N88jh,
.managed-organizations_listCard__KQOew,
.managed-organizations_organisationCard__1kMuR {
  border: 1px solid #d8e2e6;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff 0%, #f6faf8 100%);
}

.managed-organizations_summaryCard__5_LKR {
  padding: 16px;
}

.managed-organizations_summaryLabel__7wE2J,
.managed-organizations_kpiLabel__DJP53 {
  display: block;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #65757d;
  margin-bottom: 6px;
}

.managed-organizations_summaryValue__I_SuY {
  color: #143640;
  font-size: 1rem;
}

.managed-organizations_bodyGrid__NRFUB {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  grid-gap: 20px;
  gap: 20px;
}

.managed-organizations_formCard__N88jh,
.managed-organizations_listCard__KQOew {
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.managed-organizations_cardTitle__nY5mh {
  font-weight: 700;
  color: #163842;
}

.managed-organizations_cardSubtitle__risae {
  color: #5d6d74;
  line-height: 1.6;
}

.managed-organizations_primaryButton__nTvj9 {
  align-self: flex-start;
}

.managed-organizations_organisationList__O6hkD {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.managed-organizations_organisationCard__1kMuR {
  padding: 18px;
}

.managed-organizations_organisationHeader__Zrf2e,
.managed-organizations_organisationFooter__KAABE {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.managed-organizations_organisationName__vto7m {
  font-weight: 700;
  color: #163842;
}

.managed-organizations_organisationMeta__kJaNv,
.managed-organizations_footerText__z2FY_ {
  color: #617078;
}

.managed-organizations_kpiGrid__4nHyL {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 12px;
  gap: 12px;
  margin: 16px 0;
}

.managed-organizations_kpi__S6Ha9 {
  background: #edf5f2;
  border-radius: 14px;
  padding: 14px;
  color: #193b44;
}

@media (max-width: 1024px) {
  .managed-organizations_bodyGrid__NRFUB {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .managed-organizations_summaryGrid__fBdCr,
  .managed-organizations_kpiGrid__4nHyL {
    grid-template-columns: 1fr;
  }
}

/* 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%;
  }
}

/* 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 */
.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;
  }
  
/* primu-sustivate-nextjs-serverless/src/app/(DashboardLayout)/dashboard/social/add/socialAdd.module.css */
/* ========================== Page Layout & Shell ========================== */

.socialAdd_socialPage__wxGHZ {
  min-height: 100vh;
  padding: 40px 24px 60px;
  background:
    radial-gradient(circle at top left, #fdfbff 0, #f3ebff 32%, #f9f5ff 100%);
  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont,
    sans-serif;
  color: #020617;
  box-sizing: border-box;
}

.socialAdd_socialContainer___tM0S {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Back button */

.socialAdd_backButton__NLCQ6 {
  align-self: flex-start;
  margin-bottom: 4px;
  text-transform: none !important;
  border-radius: 999px !important;
  padding: 6px 14px !important;
  border-color: rgba(148, 163, 184, 0.9) !important;
  color: #4b5563 !important;
}

.socialAdd_backButton__NLCQ6:hover {
  background-color: #f9fafb !important;
}

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

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

/* Heading + body copy */

.socialAdd_headerText__0yYhU {
  max-width: 560px;
}

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

.socialAdd_highlightText__4kFKn {
  color: #cc704b;
}

.socialAdd_pageSubtitle__AUVHl {
  font-size: 13px;
  color: #4b425e;
  line-height: 1.7;
}

/* =============================== Tabs ==================================== */

.socialAdd_tabsWrapper__rcuvG {
  flex-shrink: 0;
}

.socialAdd_tabs__jNduB {
  background: rgba(249, 250, 251, 0.96);
  border-radius: 999px;
  border: 1px solid rgba(229, 231, 235, 0.96);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
  padding: 4px;
}

/* Scope MUI internals */

.socialAdd_tabs__jNduB .MuiTabs-flexContainer {
  gap: 4px;
}

/* Base tab style */

.socialAdd_tab__qGwu1 {
  text-transform: none !important;
  font-size: 12px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  min-height: 0 !important;
  color: #4b425e !important;
}

/* Hover state */
.socialAdd_tabs__jNduB .MuiTab-root:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

/* Selected tab – more emphasis */
.socialAdd_tabs__jNduB .MuiTab-root.Mui-selected {
  background: radial-gradient(circle at top left, #7a3c94 0, #5f2e73 100%);
  color: #f9fafb !important;
  box-shadow: 0 10px 26px rgba(110, 58, 129, 0.3);
}

/* =========================== Panels / Surface ============================= */

.socialAdd_panelSurface__Pm3Cp {
  margin-top: 18px;
  border-radius: 24px;
  border: 1px solid rgba(229, 231, 235, 0.96);
  background-color: #ffffff;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
  padding: 22px 22px 18px;
}

/* Rounded inputs inside social metric forms */
.socialAdd_panelSurface__Pm3Cp .MuiOutlinedInput-root {
  border-radius: 999px;
  background-color: #fbfbff;
}

.socialAdd_panelSurface__Pm3Cp .MuiOutlinedInput-notchedOutline {
  border-radius: 999px;
}

.socialAdd_panelSurface__Pm3Cp
  .MuiOutlinedInput-root.Mui-focused
    .MuiOutlinedInput-notchedOutline {
  border-color: #6e3a81;
  box-shadow: 0 0 0 1px rgba(110, 58, 129, 0.15);
}

/* Visible / hidden panels */

.socialAdd_panel__ioT3s {
  display: block;
}

.socialAdd_panelHidden__PN_C5 {
  display: none;
}

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

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

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

  .socialAdd_tabsWrapper__rcuvG {
    width: 100%;
  }

  .socialAdd_tabs__jNduB {
    width: 100%;
  }
}

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

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

  .socialAdd_panelSurface__Pm3Cp {
    padding: 18px 16px 14px;
  }
}

.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;
  }
  
/* 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: #6f3b8f;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.QuantitativeAssessmentOverview_title___REVg {
  margin: 0;
  color: #172033;
  font-size: 1.25rem;
  font-weight: 800;
}

.QuantitativeAssessmentOverview_description__CiCPU {
  margin: 8px 0 0;
  max-width: 760px;
  color: #64748b;
  font-size: 0.9rem;
  line-height: 1.55;
}

.QuantitativeAssessmentOverview_summaryPill__RJ32B {
  border: 1px solid rgba(111, 59, 143, 0.16);
  border-radius: 999px;
  background: #ffffff;
  color: #6f3b8f;
  font-size: 0.82rem;
  font-weight: 800;
  padding: 8px 13px;
  white-space: nowrap;
  box-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 rgba(111, 59, 143, 0.14);
  border-radius: 8px;
  background: #ffffff;
  padding: 20px;
  box-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: #8b5ca0;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.QuantitativeAssessmentOverview_cardTitle__DteOh {
  margin: 0;
  color: #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: #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 rgba(226, 232, 240, 0.95);
  border-radius: 8px;
  background: #f8fafc;
  padding: 11px 12px;
}

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

.QuantitativeAssessmentOverview_statValue__x7YqJ {
  display: block;
  margin-top: 5px;
  color: #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 rgba(111, 59, 143, 0.22);
  border-radius: 8px;
  background: linear-gradient(135deg, #fbf7ff, #ffffff);
  padding: 20px;
}

.QuantitativeAssessmentOverview_emptyTitle__nEkNG {
  margin: 0;
  color: #172033;
  font-size: 0.95rem;
  font-weight: 850;
}

.QuantitativeAssessmentOverview_emptyText__ya7bS {
  margin: 8px 0 16px;
  color: #64748b;
  font-size: 0.85rem;
  line-height: 1.45;
}

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

.QuantitativeAssessmentOverview_addLink__UBCdp:hover {
  background: #f6edfb;
}

.QuantitativeAssessmentOverview_loading__YKrHq {
  border: 1px solid rgba(111, 59, 143, 0.12);
  border-radius: 8px;
  background: #ffffff;
  color: #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: #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: #f9f5ff;
}

.environment_errorCard__L6aHO {
  max-width: 420px;
  width: 100%;
  border-radius: 24px;
  padding: 24px 22px 20px;
  background: #ffffff;
  box-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: #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;
  }
}

/* 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, #fbf8ff 0%, #f7f2fb 44%, #ffffff 100%);
  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  color: #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 rgba(148, 163, 184, 0.3);
}

.social_headerSection__qYJgc {
  max-width: 640px;
}

/* Back button (ghost) */

.social_backButton__qejud {
  border: none;
  background: transparent;
  color: #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: #0f172a;
  margin: 0 0 10px;
}

.social_highlightText__paRC7 {
  color: #cc704b;
}

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

.social_subtext__IV2pY {
  font-size: 14px;
  color: #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: rgba(249, 250, 251, 0.9);
  border: 1px solid 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: #9ca3af;
}

.social_metaValue__uSySf {
  font-size: 13px;
  font-weight: 600;
  color: #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 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: #6e3a81;
  color: #f9fafb;
  box-shadow: 0 8px 18px rgba(110, 58, 129, 0.35);
}

.social_statusText__FufOU {
  font-size: 13px;
  color: #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 rgba(111, 59, 143, 0.14);
  border-radius: 8px;
  background: #ffffff;
  padding: 18px;
  box-shadow: 0 14px 34px rgba(55, 29, 87, 0.08);
}

.social_socialKpiCard__DMivz span {
  display: block;
  color: #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: #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 rgba(111, 59, 143, 0.14);
  border-radius: 8px;
  background: #ffffff;
  padding: 22px;
  box-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: #8b5ca0;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.social_socialChartHeader__5Ili_ h2 {
  margin: 0;
  color: #172033;
  font-size: 1.16rem;
  font-weight: 850;
}

.social_socialChartHeader__5Ili_ span {
  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;
}

.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 rgba(111, 59, 143, 0.2);
  border-radius: 8px;
  background: linear-gradient(135deg, #fbf7ff, #ffffff);
  color: #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: #ffffff;
  border-radius: 6px;
  border: 1px solid rgba(110, 59, 128, 0.15);
  box-shadow: 0 2px 4px rgba(110, 59, 128, 0.15);
  padding: 16px;
}

.social_kpiLabel__yHcRv {
  color: #4b4761;
  font-size: 0.85rem;
  font-weight: 500;
  margin-bottom: 6px;
}

.social_kpiValue__1NAAw {
  color: #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: #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 rgba(148, 163, 184, 0.8);
  background-color: #f9fafb;
  text-align: center;
  margin-top: 16px;
}

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

.social_emptyBody__Wv7Q2 {
  font-size: 13px;
  color: #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: #f9f5ff;
}

.social_errorCard__bv0yP {
  max-width: 420px;
  width: 100%;
  border-radius: 24px;
  padding: 24px 22px 20px;
  background: #ffffff;
  box-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: #4b5563;
  margin: 0;
}

.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: #2A3547;
  --sustivate-muted: #5A6A85;
  --sustivate-border: #DFE5EF;
  --sustivate-surface: #ffffff;
  --sustivate-soft: #F2F6FA;
  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(4, minmax(0, 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: 0 8px 22px rgba(16, 24, 40, 0.05);
}

.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: minmax(0, 1.1fr) minmax(0, 1.35fr) minmax(260px, 0.75fr);
  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(2, minmax(0, 1fr));
  grid-gap: 14px;
  gap: 14px;
}

.dashboard_chartPanelWide__nXtwX {
  grid-column: span 2;
}

.dashboard_socialPreviewPanel__ZEYN7 {
  grid-column: span 2;
}

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