:root {
  /* Brand Colors: Blue Shades */
  --Blue-Light: #dde6f3;
  --Blue-50: #f1f5f9;
  --Blue-100: #ebf3fe;
  --Blue-200: #dbeafe;
  --Blue-250: #c3dcfd;
  --Blue-300: #aacefd;
  --Blue-400: #79b2fc;
  --Blue-500: #4795fa;
  --Blue-600: #1579f9;
  --Blue-700: #0561d6;
  --Blue-800: #044aa4;
  --Blue-850: #033472;
  --Blue-900: #334155;
  --Blue-Body-Text: #475569;
  --Blue-Primary: #1e293b;

  /* Brand Colors: Yellow Shades */
  --Yellow-50: #fdf9ec;
  --Yellow-100: #fcf3db;
  --Yellow-200: #f8e7b7;
  --Yellow-300: #f5dc93;
  --Yellow-400: #f2d06f;
  --Yellow-500: #edbf3b;
  --Yellow-600: #dea912;
  --Yellow-700: #ad830b;
  --Yellow-800-text: #7c5d03;

  /* Gray/Neutral Palette */
  --Gray-50: #f9fafb;
  --Gray-100: #f3f4f6;
  --Gray-200: #e5e7eb;
  --Gray-300: #d1d5db;
  --Gray-400: #babcbe;
  --Gray-500: #94979a;
  --Gray-600: #585a5d;
  --Gray-700: #2d2d2e;

  /* System Colors */
  --Success-Outline: #00a257;
  --Success-Fill: #eaffd8;

  --Warning-Light: #fff3d0;
  --Yellow-Light: #fffbec;

  --Error-Main: #D90000;
  --Error-Fill: #ffefef;

  --Link-text: #0b5cab;

  /* Base Colors */
  --Black: #1f1f1f;
  --White: #fff;

  /* Extra colors */
  --green-path-complete: #2dce89;
  /*

  /* Border-Radius */
  --border-radius: 10px;

  /* Typography: Font Family */
  --font-family-base: 'Plus Jakarta Sans', sans-serif;

  /* Typography: Font Sizes */
  --font-size-h1: 3.375rem;
  --font-size-h2: 3rem;
  --font-size-h3: 2.75rem;
  --font-size-h4: 1.5rem;
  --font-size-h5: 1.5rem;
  --font-size-h6: 1.25rem;
  --font-size-subheading: 0.875rem;
  --font-size-body-lg: 1.25rem;
  --font-size-body-md: 1.125rem;
  --font-size-body-sm: 1rem;
  --font-size-body-xs: 0.875rem;

  /* Typography: Line Heights */
  --line-height-h1: 4.25rem;
  --line-height-h2: 3.5rem; 
  --line-height-h3: 3.375rem;
  --line-height-h4: 1.75rem;
  --line-height-h5: 1.75rem;
  --line-height-h6: 1.625rem;
  --line-height-subheading: 1.25rem;
  --line-height-body-lg: 180%;
  --line-height-body-sm: 160%;

  /* Typography: Font Weights */
  --font-weight-heading: 800;
  --font-weight-body: 400;

  /* Typography: Letter Spacing */
  --letter-spacing-h1: -2%;
  --letter-spacing-h2: -2%;
  --letter-spacing-h3: -2%;
  --letter-spacing-h4: -0.8%;
  --letter-spacing-h5: -0.8%;
  --letter-spacing-h6: -0.8%;
  --letter-spacing-subheading: -0.3%;

  --button-disabled-text-color: #dddbda;
  --button-disabled-background-color: var(--White, #fff);

  /* Render every Lightning spinner using the design-system primary color.
     The SLDS style hook inherits across shadow-DOM boundaries, so setting
     it at :root applies to every <lightning-spinner> in the portal. */
  --sds-c-spinner-color-foreground: var(--Blue-Primary, #1e293b);
}

/* Record Detail */

/* Remove padding from the detail panel section */
community_layout-section:has(dxp_records-detail-panel) {
  padding: 0 !important;
}

dxp_records-detail-panel {
  border: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 10px !important;
  background: var(--White, #fff) !important;
  box-shadow: none !important;
}

dxp_records-detail-panel dxp_records-section {
  margin-bottom: 1rem;
}

dxp_records-detail-panel dxp_records-section .slds-section {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.40);
  border-radius: 0.625rem;
  margin-bottom: 1rem;
  padding: 0 !important;
}

dxp_records-detail-panel.slds-card .slds-card__header {
  padding: 0;
  margin: 0;
}

dxp_records-detail-panel.slds-card .slds-card__body {
  padding: 0;
  margin: 0;
}

dxp_records-detail-panel .slds-section__content {
  padding: 0 !important;
}

dxp_records-detail-panel .slds-section__content>.slds-form {
  padding: 0.875rem 2.5rem !important;
}

dxp_records-detail-panel dxp_records-section .slds-section .slds-section__title {
  background: var(--Blue-100, #ebf3fe);
  border-radius: 0.625rem;
  height: 3.25rem !important;
}

dxp_records-detail-panel dxp_records-section .slds-section.slds-is-open .slds-section__title {
  border-radius: 0.625rem 0.625rem 0 0;
}

dxp_records-detail-panel .slds-section__title .slds-button {
  padding: 0.875rem 2.5rem;
  color: var(--Black, #1F1F1F);
  font-size: 1rem;
  font-weight: 700;
  height: 3.25rem;
  display: flex;
  align-items: center;
}

dxp_records-detail-panel .slds-button .slds-icon {
  width: 1rem;
  height: 1rem;
  fill: var(--Black, #1F1F1F);
}

dxp_records-detail-panel dxp_records-section .slds-form-element__label {
  color: var(--Gray-600, #585A5D);
  font-size: 0.75rem;
  font-weight: 400;
}

dxp_records-detail-panel dxp_records-section .slds-form-element {
  padding: 0;
}

dxp_records-detail-panel dxp_records-section .slds-form-element .slds-input,
dxp_records-detail-panel dxp_records-section .slds-form-element .slds-combobox__input,
dxp_records-detail-panel dxp_records-section lightning-combobox::part(input-button) {
  border-radius: 10px;
}

dxp_records-detail-panel .slds-card__footer {
  background: none;
  border: none;
  box-shadow: none;
}

/* ===================== Auth pages: Forgot Password / Check Password ===================== */
/* Titles */
h2.comm-register__title,
h2.comm-forgot-password__title,
h2.comm-check-password__title,
h2.comm-check-email__title,
h2.comm-reset-password__title {
  font-size: 1.25rem !important;
  line-height: 1.625rem !important;
  font-weight: 700 !important;
  color: var(--Blue-Primary, #1e293b) !important;
  text-align: center !important;
  padding: 0 !important;
  margin-bottom: .5rem !important;
}

/* Center the “Forgot password?” link on the stock login form */
.comm-login-form__link-section {
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100%;
}

/* Card wrapper: remove outline/borders so it matches snapperLogin */
[class*="comm-register"] .slds-card,
[class*="comm-forgot-password"] .slds-card,
[class*="comm-check-password"] .slds-card,
[class*="comm-check-email"] .slds-card,
[class*="comm-reset-password"] .slds-card,
[class*="comm-login"] .slds-card {
  background: #fff !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: var(--border-radius, 10px) !important;
  max-width: 440px;
  padding: 2rem !important;
  margin-left: auto;
  margin-right: auto;
}

/* Terms & other RTE bullets (Quill output) */
.cb-outputRichText-container.ql-editor,
.cb-outputRichText-container.ql-editor li {
  color: var(--Blue-Body-Text, #475569) !important; /* text color */
}

.cb-outputRichText-container.ql-editor :where(ul, ol) ::marker {
  color: var(--Blue-500, #4795fa) !important;        /* bullet/number color */
}

/* Labels (match snapperLogin) */
[class*="snapper-login"] .slds-form-element__label {
  color: var(--Gray-700, #2d2d2e) !important;
  font-weight: 500 !important;
  margin-bottom: 0.25rem !important;
}

/* Inputs (match snapperLogin’s .slds-input) */
[class*="snapper-login"] .slds-input,
[class*="snapper-login"] input.slds-input,
[class*="snapper-login"] .slds-combobox__input {
  border-radius: 12px !important;
  background: #fff !important;
  border: 1px solid var(--Gray-300, #d1d5db) !important;
  box-shadow: none !important;
  outline: none !important;
}

[class*="snapper-login"] .slds-input:focus,
[class*="snapper-login"] .slds-combobox__input:focus {
  border-color: var(--Blue-400, #79b2fc) !important;
  box-shadow: 0 0 0 1px rgba(71, 85, 105, 0.16) !important;
  outline: none !important;
}

/* Body copy / helper text */
[class*="snapper-login"] lightning-formatted-text,
[class*="snapper-login"] lightning-formatted-rich-text,
[class*="snapper-login"] .slds-text-body_regular,
[class*="snapper-login"] .slds-text-body_small,
[class*="snapper-login"] p {
  color: var(--Blue-Body-Text, #475569) !important;
  font-size: 0.875rem !important;
  line-height: 1.4 !important;
}

/* Buttons (brand + neutral) – mirror snapperLogin */
[class*="snapper-login"] .slds-button_brand {
  background-color: var(--Blue-Primary, #1E293B) !important;
  border-color: transparent !important;
  border-radius: var(--border-radius, 10px) !important;
  font-weight: 600 !important;
}
[class*="snapper-login"] .slds-button_brand:hover {
  background-color: var(--Blue-Body-Text, #475569) !important;
}
[class*="snapper-login"] .slds-button_brand[disabled],
[class*="snapper-login"] .slds-button_brand:disabled,
[class*="snapper-login"] .slds-button_brand.slds-is-disabled {
  background-color: var(--Gray-300, #d1d5db) !important;
  color: #fff !important;
  opacity: 0.7 !important;
  cursor: not-allowed !important;
}

[class*="snapper-login"] .slds-button_neutral {
  background-color: #fff !important;
  border: 1px solid var(--Gray-300, #d1d5db) !important;
  border-radius: var(--border-radius, 10px) !important;
  color: var(--Blue-Body-Text, #475569) !important;
  font-weight: 600 !important;
}
[class*="snapper-login"] .slds-button_neutral:hover {
  background-color: var(--Gray-100, #f3f4f6) !important;
}

/* ===================== REGISTER (Self-Register) PAGE ===================== */
/* Known wrappers seen on Experience Cloud self-register:
   .selfRegister / .self-register / .forceCommunitySelfRegister / c-self-register
   (includes a few safe substring matches to cover template variations). */

.selfRegister .slds-card,
.self-register .slds-card,
.forceCommunitySelfRegister .slds-card,
c-self-register .slds-card,
[class*="comm-self-register"] .slds-card,
[class*="comm-register"] .slds-card {
  background: #fff !important;
  border: none !important;              /* remove outline/border */
  box-shadow: none !important;
  outline: none !important;
  border-radius: var(--border-radius, 10px) !important;
  max-width: 440px;
  padding: 2rem !important;
  margin-left: auto;
  margin-right: auto;
}

/* Title */
.selfRegister h2,
.self-register h2,
.forceCommunitySelfRegister h2,
c-self-register h2,
[class*="comm-self-register"] h2,
[class*="comm-register"] h2 {
  font-size: 1.25rem !important;
  line-height: 1.625rem !important;
  font-weight: 700 !important;
  color: var(--Blue-Primary, #1e293b) !important;
  text-align: center !important;
  margin-bottom: .5rem !important;
}

/* Labels */
.selfRegister .slds-form-element__label,
.self-register .slds-form-element__label,
.forceCommunitySelfRegister .slds-form-element__label,
c-self-register .slds-form-element__label,
[class*="comm-self-register"] .slds-form-element__label,
[class*="comm-register"] .slds-form-element__label {
  color: var(--Gray-700, #2d2d2e) !important;
  font-weight: 500 !important;
  margin-bottom: 0.25rem !important;
}

/* Inputs – match snapperLogin rounded inputs */
.selfRegister .slds-input,
.self-register .slds-input,
.forceCommunitySelfRegister .slds-input,
c-self-register .slds-input,
[class*="comm-self-register"] .slds-input,
[class*="comm-register"] .slds-input,
.selfRegister .slds-combobox__input,
.self-register .slds-combobox__input,
.forceCommunitySelfRegister .slds-combobox__input,
c-self-register .slds-combobox__input,
[class*="comm-self-register"] .slds-combobox__input,
[class*="comm-register"] .slds-combobox__input {
  border-radius: 12px !important;
  background: #fff !important;
  border: 1px solid var(--Gray-300, #d1d5db) !important;
  box-shadow: none !important;
  outline: none !important;
}
.selfRegister .slds-input:focus,
.self-register .slds-input:focus,
.forceCommunitySelfRegister .slds-input:focus,
c-self-register .slds-input:focus,
[class*="comm-self-register"] .slds-input:focus,
[class*="comm-register"] .slds-input:focus,
.selfRegister .slds-combobox__input:focus,
.self-register .slds-combobox__input:focus,
.forceCommunitySelfRegister .slds-combobox__input:focus,
c-self-register .slds-combobox__input:focus,
[class*="comm-self-register"] .slds-combobox__input:focus,
[class*="comm-register"] .slds-combobox__input:focus {
  border-color: var(--Blue-400, #79b2fc) !important;
  box-shadow: 0 0 0 1px rgba(71, 85, 105, 0.16) !important;
}

/* Buttons – same as snapperLogin */
.selfRegister .slds-button_brand,
.self-register .slds-button_brand,
.forceCommunitySelfRegister .slds-button_brand,
c-self-register .slds-button_brand,
[class*="comm-self-register"] .slds-button_brand,
[class*="comm-register"] .slds-button_brand {
  background-color: var(--Blue-Primary, #1E293B) !important;
  border-color: transparent !important;
  border-radius: var(--border-radius, 10px) !important;
  font-weight: 600 !important;
}
.selfRegister .slds-button_brand:hover,
.self-register .slds-button_brand:hover,
.forceCommunitySelfRegister .slds-button_brand:hover,
c-self-register .slds-button_brand:hover,
[class*="comm-self-register"] .slds-button_brand:hover,
[class*="comm-register"] .slds-button_brand:hover {
  background-color: var(--Blue-Body-Text, #475569) !important;
}


@media screen and (max-width: 1024px) {
  .snapper-record-layout {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  dxp_records-detail-panel .slds-section__title .slds-button {
    padding: 0.875rem 1rem;
    line-height: 1.4;
  }

  dxp_records-detail-panel .slds-section__content>.slds-form {
    padding: 0.875rem 1rem !important;
  }
}

@media screen and (max-width: 480px) {
  .snapper-record-layout {
    padding: 0;
  }
}

/* ===================== Global Search CSS ===================== */
dxp_search-search-results .object-navigation-container .slds-nav-vertical__item .slds-nav-vertical__action:hover,
dxp_search-search-results .object-navigation-container .slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action {
  box-shadow: inset 4px 0 0 var(--Blue-Body-Text, #475569) !important;
  text-decoration: none;
  border: none;
}

dxp_search-search-results .object-navigation-container .slds-nav-vertical__item .slds-nav-vertical__action:focus {
  outline: none;
}

dxp_search-search-results .object-navigation-container .slds-nav-vertical__item.slds-is-active:before,
dxp_search-search-results .object-navigation-container .slds-nav-vertical__item:hover:before {
  background: var(--Blue-50, #F1F5F9) !important;
}

dxp_search-search-results footer .slds-button {
  padding: 0 10px;
  font-size: 0.938rem;
  background: var(--White, #fff);
  color: var(--Blue-Body-Text, #475569);
  border: 1px solid var(--Gray-300, #D1D5DB);
  outline: 0;
}

dxp_search-search-results footer .slds-button:hover {
  background: var(--Blue-50, #F1F5F9);
  border-color: var(--Gray-300, #D1D5DB);
  color: var(--Blue-Body-Text, #475569);
  box-shadow: 0 0 0 1px rgba(71, 85, 105, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.10);
  text-decoration: none;
}

dxp_search-search-results footer .slds-button:hover:after {
  display: none;
}

dxp_search-search-results footer .slds-button:focus:after {
  display: none;
}

dxp_search-search-results footer .slds-button:focus {
  background: var(--Blue-50, #F1F5F9);
  border-color: var(--Gray-300, #D1D5DB);
  color: var(--Blue-Body-Text, #475569);
  box-shadow: 0 0 0 1px rgba(71, 85, 105, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.10);
  text-decoration: none;
}

dxp_search-search-results footer .slds-button.slds-button_brand {
  background: var(--Blue-Primary, #1E293B);
  color: var(--White, #fff);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10), 0 0 0 1px rgba(71, 85, 105, 0.16);
  border-color: var(--Blue-Primary, #1E293B);
  outline: 0;
  padding: 0 10px;
  font-size: 0.938rem;
}

dxp_search-search-results footer .slds-button.slds-button_brand:hover {
  background: var(--Blue-Body-Text, #475569);
  border-color: var(--Blue-Primary, #1E293B);
  box-shadow: 0 0 0 1px rgba(71, 85, 105, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.10);
  text-decoration: none;
}

dxp_search-search-results .slds-button_icon-bare,
dxp_search-search-results .private-dt-sort-icon_container {
  color: var(--Blue-Primary, #1E293B);
}

dxp_search-search-results .slds-button_icon-bare:hover,
dxp_search-search-results .private-dt-sort-icon_container:hover {
  color: var(--Blue-Primary, #1E293B);
}

dxp_search-search-results .object-navigation-container,
dxp_search-search-results .object-navigation-container .slds-form-element__label {
  font-size: 0.875rem !important;
}

dxp_search-search-results .object-navigation-container .slds-nav-vertical__action {
  color: var(--Blue-Primary, #1E293B) !important;
}

dxp_search-search-results .scoped-results-container .slds-table {
  font-size: 0.75rem !important;
}

dxp_search-search-results .scoped-results-container .slds-table th,
dxp_search-search-results .scoped-results-container .slds-table td {
  color: var(--Blue-Primary, #1E293B) !important;
  white-space: pre !important;
  word-break: break-word !important;
}

dxp_search-search-results .scoped-results-container .slds-table th .slds-truncate,
dxp_search-search-results .scoped-results-container .slds-table td .slds-truncate {
  overflow: initial;
  text-overflow: initial;
  white-space: pre-wrap;
  max-width: initial;
}

dxp_search-search-results .scoped-results-container .slds-th__action {
  background-color: var(--Blue-100, #ebf3fe) !important;
  color: var(--Blue-Primary, #1E293B) !important;
}

dxp_search-search-results .slds-form-element .slds-input,
dxp_search-search-results .slds-form-element .slds-combobox__input,
dxp_search-search-results lightning-combobox::part(input-button) {
  border-radius: 10px;
}

dxp_search-search-results .show-more-button .slds-button_outline-brand {
  margin-bottom: 1rem;
  padding: 0 10px;
  font-size: 0.938rem;
  background: var(--White, #fff);
  color: var(--Blue-Body-Text, #475569);
  border: 1px solid var(--Gray-300, #D1D5DB);
  outline: 0;
}

dxp_search-search-results .show-more-button .slds-button_outline-brand:hover {
  background: var(--Blue-50, #F1F5F9);
  border-color: var(--Gray-300, #D1D5DB);
  color: var(--Blue-Body-Text, #475569);
  box-shadow: 0 0 0 1px rgba(71, 85, 105, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.10);
  text-decoration: none;
}

dxp_search-search-results .show-more-button .slds-button_outline-brand:hover:after {
  display: none;
}

dxp_search-search-results .show-more-button .slds-button_outline-brand:focus:after {
  display: none;
}


/* ===================== Case Attachments CSS ===================== */

lightning-file-upload.styled-uploader {
  display: block !important;
  width: 100% !important;
}

/* Force wrapper chain to full width (prevents shrink-wrapping) */
lightning-file-upload.styled-uploader .slds-form-element,
lightning-file-upload.styled-uploader .slds-form-element__control,
lightning-file-upload.styled-uploader .slds-file-selector,
lightning-file-upload.styled-uploader .slds-file-selector_files {
  display: block !important;
  width: 100% !important;
}

/* The real dropzone element (dashed border) */
lightning-file-upload.styled-uploader .slds-file-selector__dropzone,
lightning-file-upload.styled-uploader lightning-primitive-file-droppable-zone.slds-file-selector__dropzone {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 7rem !important;
  padding: 2rem !important;
  box-sizing: border-box !important;
}

/* Make the label cover the entire dropzone so drops register anywhere */
lightning-file-upload.styled-uploader .slds-file-selector__dropzone label.slds-file-selector__body {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;

  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;

  /* preserve your inner spacing */
  padding: 2rem !important;
  box-sizing: border-box !important;
}

/* Ensure the actual <input type="file"> overlays the whole zone (it’s “assistive text” by default) */
lightning-file-upload.styled-uploader .slds-file-selector__dropzone input.slds-file-selector__input {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;

  opacity: 0 !important;          /* invisible but active */
  cursor: pointer !important;

  /* undo hiding/clipping from slds-assistive-text */
  clip: auto !important;
  clip-path: none !important;
  overflow: visible !important;
}

community_byo-scoped-header-and-footer .navigationBar {
  border: none !important;
}

community_byo-scoped-header-and-footer p,
community_byo-scoped-header-and-footer a,
community_byo-scoped-header-and-footer ul,
community_byo-scoped-header-and-footer ol,
community_byo-scoped-header-and-footer li,
community_byo-scoped-header-and-footer h1,
community_byo-scoped-header-and-footer h2,
community_byo-scoped-header-and-footer h3,
community_byo-scoped-header-and-footer h4,
community_byo-scoped-header-and-footer h5,
community_byo-scoped-header-and-footer h6,
community_byo-scoped-header-and-footer span,
community_byo-scoped-header-and-footer strong,
community_byo-scoped-header-and-footer em,
community_byo-scoped-header-and-footer blockquote,
community_byo-scoped-header-and-footer table,
community_byo-scoped-header-and-footer th,
community_byo-scoped-header-and-footer td,
community_byo-scoped-header-and-footer label,
community_byo-scoped-header-and-footer input,
community_byo-scoped-header-and-footer hr {
  color: var(--Blue-Primary, #1E293B);
}

/* ===========================
   Button Styles
   =========================== */

/* Primary button */
community_byo-scoped-header-and-footer .slds-button_brand {
    background: var(--Blue-Primary, #1E293B);
    color: #FFF;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10), 0 0 0 1px rgba(71, 85, 105, 0.16);
    border-color: var(--Blue-Primary, #1E293B);
    outline: 0;
}
community_byo-scoped-header-and-footer .slds-button_brand:hover,
community_byo-scoped-header-and-footer .slds-button_brand:active,
community_byo-scoped-header-and-footer [kx-scope=button-brand]:hover,
community_byo-scoped-header-and-footer .slds-button_brand:focus {
    background: var(--Blue-Body-Text, #475569);
    border-color: var(--Blue-Primary, #1E293B);
    box-shadow: 0 0 0 1px rgba(71, 85, 105, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.10);
}

/* Secondary button */
community_byo-scoped-header-and-footer .slds-button_neutral {
    background: var(--White, #fff);
    color: var(--Blue-Body-Text, #475569);
    border: 1px solid var(--Gray-300, #D1D5DB);
    outline: 0;
}
community_byo-scoped-header-and-footer .slds-button_neutral:hover,
community_byo-scoped-header-and-footer .slds-button_neutral:active,
community_byo-scoped-header-and-footer [kx-scope=button-neutral]:hover,
community_byo-scoped-header-and-footer .slds-button_neutral:focus {
    background: var(--Blue-50, #F1F5F9);
    border-color: var(--Gray-300, #D1D5DB);
    color: var(--Blue-Body-Text, #475569);
    box-shadow: 0 0 0 1px rgba(71, 85, 105, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.10);
}

/* ===========================
   Checkbox Styles
   =========================== */
community_byo-scoped-header-and-footer .slds-checkbox__label {
    color: var(--Blue-Primary, #1E293B);
}
community_byo-scoped-header-and-footer .slds-checkbox .slds-checkbox_faux {
    border-color: var(--Gray-300, #D1D5DB);
    border-radius: 4px;
}
community_byo-scoped-header-and-footer .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after {
    border-color: #fff;
}
community_byo-scoped-header-and-footer .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux {
    background-color: var(--Blue-Primary, #1E293B);
    border-color: var(--Blue-Primary, #1E293B);
}
community_byo-scoped-header-and-footer .slds-checkbox [type=checkbox]:focus+.slds-checkbox_faux,
community_byo-scoped-header-and-footer .slds-checkbox [type=checkbox]:focus+.slds-checkbox--faux,
community_byo-scoped-header-and-footer .slds-checkbox [type=checkbox]:focus~.slds-checkbox_faux,
community_byo-scoped-header-and-footer .slds-checkbox [type=checkbox]:focus~.slds-checkbox--faux,
community_byo-scoped-header-and-footer .slds-checkbox [type=checkbox]:focus+.slds-checkbox__label .slds-checkbox_faux,
community_byo-scoped-header-and-footer .slds-checkbox [type=checkbox]:focus+.slds-checkbox__label .slds-checkbox--faux {
    border-color: var(--Gray-300, #D1D5DB);
    box-shadow: none;
    outline: 0;
}

/* ===========================
   Radio Button Styles
   =========================== */
community_byo-scoped-header-and-footer .slds-radio__label {
    color: var(--Blue-Primary, #1E293B);
}
community_byo-scoped-header-and-footer .slds-radio .slds-radio_faux {
    border-color: var(--Gray-300, #D1D5DB);
}
community_byo-scoped-header-and-footer .slds-radio [type=radio]:checked+.slds-radio_faux:after,
community_byo-scoped-header-and-footer .slds-radio [type=radio]:checked+.slds-radio--faux:after,
community_byo-scoped-header-and-footer .slds-radio [type=radio]:checked~.slds-radio_faux:after,
community_byo-scoped-header-and-footer .slds-radio [type=radio]:checked~.slds-radio--faux:after,
community_byo-scoped-header-and-footer .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux:after,
community_byo-scoped-header-and-footer .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio--faux:after {
    width: .5rem;
    height: .5rem;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    border-radius: var(--lwc-borderRadiusCircle,50%);
    background-color: var(--Blue-Primary, #1E293B);
}
community_byo-scoped-header-and-footer .slds-radio [type=radio]:focus+.slds-radio_faux,
community_byo-scoped-header-and-footer .slds-radio [type=radio]:focus+.slds-radio--faux,
community_byo-scoped-header-and-footer .slds-radio [type=radio]:focus~.slds-radio_faux,
community_byo-scoped-header-and-footer .slds-radio [type=radio]:focus~.slds-radio--faux,
community_byo-scoped-header-and-footer .slds-radio [type=radio]:focus+.slds-radio__label .slds-radio_faux,
community_byo-scoped-header-and-footer .slds-radio [type=radio]:focus+.slds-radio__label .slds-radio--faux {
    border-color: var(--Gray-300, #D1D5DB);
    box-shadow: none;
    outline: 0;
}

/* ===========================
   Input & Textarea
   =========================== */
community_byo-scoped-header-and-footer .slds-card__footer.navigationBar {
    border: 0;
}
community_byo-scoped-header-and-footer .slds-input,
community_byo-scoped-header-and-footer .slds-select,
community_byo-scoped-header-and-footer .slds-input_faux,
community_byo-scoped-header-and-footer .slds-textarea {
    border-radius: 12px;
    background: #fff;
    box-shadow: none;
}

/* ===========================
   General HTML Tag Overrides
   =========================== */

/* Headings */
community_byo-scoped-header-and-footer h1,
community_byo-scoped-header-and-footer h2,
community_byo-scoped-header-and-footer h3,
community_byo-scoped-header-and-footer h4,
community_byo-scoped-header-and-footer h5,
community_byo-scoped-header-and-footer h6 {
    color: var(--Blue-Primary, #1E293B);
    font-weight: 600;
    margin: 0 0 0.5rem;
    line-height: 1.25;
}

/* Paragraph */
community_byo-scoped-header-and-footer p > span{
    color: var(--Blue-Body-Text, #475569);
}

/* community_byo-scoped-header-and-footer p{
    color: var(--Blue-Body-Text, #475569) !important;
    font-size: 0.75rem !important;
    margin: 0 0 1rem !important;
} */

community_byo-scoped-header-and-footer p strong {
    font-weight: 600;
}

/* Links */
community_byo-scoped-header-and-footer a {
    color: var(--Blue-Primary, #1E293B);
    text-decoration: underline;
}
community_byo-scoped-header-and-footer a:hover,
community_byo-scoped-header-and-footer a:focus {
    color: var(--Blue-Body-Text, #475569);
    text-decoration: none;
}

/* Lists */
community_byo-scoped-header-and-footer ul,
community_byo-scoped-header-and-footer ol {
    margin: 0 0 1rem 1.5rem;
    padding: 0;
    color: var(--Blue-Body-Text, #475569);
}
community_byo-scoped-header-and-footer li {
    margin-bottom: 0.25rem;
}

/* Blockquote */
community_byo-scoped-header-and-footer blockquote {
    border-left: 4px solid var(--Blue-Primary, #1E293B);
    padding-left: 1rem;
    color: var(--Blue-Body-Text, #475569);
    font-style: italic;
    margin: 1rem 0;
}

/* Inline */
community_byo-scoped-header-and-footer span {
    color: inherit;
}
community_byo-scoped-header-and-footer strong {
    font-weight: 600;
    color: var(--Blue-Primary, #1E293B);
}
community_byo-scoped-header-and-footer em {
    font-style: italic;
    color: var(--Blue-Body-Text, #475569);
}
/* Images */
community_byo-scoped-header-and-footer img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

/* Code / Preformatted */
community_byo-scoped-header-and-footer pre,
community_byo-scoped-header-and-footer code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  background: var(--Blue-50, #F1F5F9);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
}

/* Definition lists */
community_byo-scoped-header-and-footer dl {
  margin: 0 0 1rem;
}
community_byo-scoped-header-and-footer dt {
  font-weight: 600;
  color: var(--Blue-Primary, #1E293B);
}
community_byo-scoped-header-and-footer dd {
  margin: 0 0 .5rem 0;
}

/* Figures */
community_byo-scoped-header-and-footer figure {
  margin: 0 0 1rem;
}
community_byo-scoped-header-and-footer figcaption {
  color: var(--Blue-Body-Text, #475569);
  opacity: .85;
  margin-top: .25rem;
}

/* Superscript & Subscript */
community_byo-scoped-header-and-footer sup {
  vertical-align: super;
}
community_byo-scoped-header-and-footer sub {
  vertical-align: sub;
}

/* Underline & Strikethrough */
community_byo-scoped-header-and-footer u {
  text-decoration: underline;
}
community_byo-scoped-header-and-footer s {
  text-decoration: line-through;
}

/* Tables */
community_byo-scoped-header-and-footer table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
}
community_byo-scoped-header-and-footer th,
community_byo-scoped-header-and-footer td {
    border: 1px solid var(--Gray-300, #D1D5DB);
    padding: 0.5rem;
    text-align: left;
}
community_byo-scoped-header-and-footer th {
    background: var(--Blue-50, #F1F5F9);
    color: var(--Blue-Primary, #1E293B);
    font-weight: 600;
}

/* Form Labels */
community_byo-scoped-header-and-footer label {
    color: var(--Blue-Primary, #1E293B);
    margin-bottom: 0.25rem;
    display: inline-block;
}

community_byo-scoped-header-and-footer input,
community_byo-scoped-header-and-footer select,
community_byo-scoped-header-and-footer textarea {
    border: 1px solid var(--Gray-300, #D1D5DB);
    border-radius: 6px;
    color: var(--Blue-Body-Text, #475569);
    background: #fff;
}


community_byo-scoped-header-and-footer input,
community_byo-scoped-header-and-footer textarea {
    padding: 0.5rem 0.75rem;
}

/* Horizontal Rule */
community_byo-scoped-header-and-footer hr {
    border: none;
    border-top: 1px solid var(--Gray-300, #D1D5DB);
    margin: 1.5rem 0;
}

community_byo-scoped-header-and-footer .slds-form-element__label{
    color: var(--Gray-700, #464F60) !important;
    margin-bottom: 0.25rem !important;
}


community_byo-scoped-header-and-footer .slds-radio .slds-radio_faux {
    margin-top: 0px !important;
}
community_byo-scoped-header-and-footer lightning-primitive-icon{
    line-height: 1;
    vertical-align: baseline;
}
community_byo-scoped-header-and-footer .flowruntime-input-label{
    color: #1F2A44 !important;
}

community_byo-scoped-header-and-footer p,
community_byo-scoped-header-and-footer span,
community_byo-scoped-header-and-footer label,
community_byo-scoped-header-and-footer .slds-form-element__label,
community_byo-scoped-header-and-footer .slds-form-element__static,
community_byo-scoped-header-and-footer .slds-radio__label,
community_byo-scoped-header-and-footer .slds-checkbox__label,
community_byo-scoped-header-and-footer .flowruntime-input-label,
community_byo-scoped-header-and-footer .slds-input,
community_byo-scoped-header-and-footer .slds-select,
community_byo-scoped-header-and-footer .slds-textarea,
community_byo-scoped-header-and-footer .slds-combobox__input {
    font-size: 0.875rem !important;
}

community_byo-scoped-header-and-footer .slds-required{
    color: #FF5252 !important;
}
/* Classic SLDS ripple override */
community_byo-scoped-header-and-footer .slds-button:hover::after,
community_byo-scoped-header-and-footer .slds-button:focus::after,
community_byo-scoped-header-and-footer .slds-button:active::after {
    display: none !important;
    content: none !important;
}

/* New KX design system buttons */
community_byo-scoped-header-and-footer *[kx-scope^="button-"] {
    --slds-kx-button-gradient-size: 0;
    --slds-kx-button-ripple-size: 0;
    --slds-kx-button-gradient-color: transparent;
}

community_byo-scoped-header-and-footer .community_byo-scoped-header-and-footer__header-content,
community_byo-scoped-header-and-footer .community_byo-scoped-header-and-footer__footer-content {
  background: none !important;
}

community_byo-scoped-header-and-footer .flowruntime-inline {
  margin-bottom: 0 !important;
}

community_byo-scoped-header-and-footer .slds-accordion__summary {
  background-color: #E8E8E8 !important;
  border-radius: 10px !important;
}

community_byo-scoped-header-and-footer .slds-accordion__summary-content {
  font-weight: 500 !important;
}

/* Date inputs: open calendar picker on full field click, not just the icon */
/* community_byo-scoped-header-and-footer input[type="date"] {
  position: relative;
  cursor: pointer;
}

community_byo-scoped-header-and-footer input[type="date"]::-webkit-calendar-picker-indicator,
community_byo-scoped-header-and-footer input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  color: transparent;
  background: transparent;
  cursor: pointer;
} */