@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Serif+Display:ital@0;1&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,531;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,531;1,600;1,700;1,800;1,900&display=swap);
.black-header-table .ant-table-header {
  background: #000 !important;
}

.black-header-table .ant-table-thead {
  background: #000 !important;
}

.black-header-table .ant-table-thead > tr {
  background: #000 !important;
}

.black-header-table .ant-table-thead > tr > th {
  background: #000 !important;
  color: #fff !important;
  font-weight: 600 !important;
  border-color: #333 !important;
}

.black-header-table .ant-table-thead > tr > th:before {
  background: none !important;
}

.black-header-table .ant-table-cell {
  border-color: #ccc !important;
}

/* ==========================================================================
   ECAS Add Form — visual theme (legacy AddECAS + ecasFormAddComponents)
   Scoped to .addecasform only. UI-only; no behaviour changes.
   ========================================================================== */

.addecasform {
  --ecas-brand: #b66c4b;
  --ecas-brand-dark: #8d4f33;
  --ecas-brand-light: #f5ede8;
  --ecas-page-bg-top: #faf3f0;
  --ecas-page-bg-bottom: #fdf5e6;
  --ecas-surface: #ffffff;
  --ecas-panel: #f7f1ed;
  /* page / gap accent only — not section body fill */
  --ecas-panel-soft: #faf3f0;
  --ecas-section-bg: #ffffff;
  --ecas-description-bg: #fdf5f2;
  --ecas-section-muted: #f9fafb;
  --ecas-border: #e0d5ce;
  --ecas-border-strong: #d3a292;
  --ecas-table-head: #4a4a4a;
  --ecas-text: #1a1d23;
  --ecas-text-secondary: #4a3528;
  --ecas-text-muted: #6b7280;
  --ecas-radius: 6px;
  --ecas-radius-lg: 10px;
  --ecas-shadow-card: 0 4px 20px rgba(31, 41, 55, 0.08), 0 1px 4px rgba(31, 41, 55, 0.04);
  --ecas-shadow-btn: 0 4px 12px rgba(182, 108, 75, 0.25);
  --ecas-toolbar-height: 48px;
}

/* --------------------------------------------------------------------------
   Typography
   -------------------------------------------------------------------------- */
.addecasform .main-section,
.addecasform .main-section input,
.addecasform .main-section textarea,
.addecasform .main-section select,
.addecasform .main-section button,
.addecasform .main-section .ant-input,
.addecasform .main-section .ant-select,
.addecasform .main-section .ant-select-selector,
.addecasform .main-section .ant-picker,
.addecasform .main-section .ant-picker input,
.addecasform .main-section .ant-btn {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* --------------------------------------------------------------------------
   Page shell
   -------------------------------------------------------------------------- */
.addecasform .main-section.add-user.top-space {
  background: linear-gradient(180deg, var(--ecas-page-bg-top) 0%, var(--ecas-page-bg-bottom) 100%);
  padding-bottom: 72px !important;
}

.addecasform .wrapper.clearfix {
  background: transparent !important;
  box-shadow: none !important;
}

.addecasform .wizard-content-form,
.addecasform .wizard-form-field {
  background: transparent !important;
}

.addecasform .multisteps-form.ecas-form {
  background: transparent !important;
}

/* Override global .grey / .light-grey tints inside this form */
.addecasform .container.px-0 .grey:not(.row.border.border-dark.grey) {
  background: transparent !important;
}

/* --------------------------------------------------------------------------
   Top action bar
   -------------------------------------------------------------------------- */
.addecasform .multisteps-form.ecas-form>.row:first-child {
  margin-bottom: 16px;
}

.addecasform .multisteps-form.ecas-form>.row:first-child>.col-lg-11 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
  min-height: var(--ecas-toolbar-height);
}

.addecasform .multisteps-form.ecas-form>.row:first-child>.col-lg-11>div:last-child {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

/* Go back — rectangular, same height as toolbar controls */
.addecasform .go-back {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: var(--ecas-toolbar-height) !important;
  height: var(--ecas-toolbar-height) !important;
  padding: 0 16px !important;
  border-radius: var(--ecas-radius) !important;
  border: 1px solid var(--ecas-border) !important;
  background: var(--ecas-surface) !important;
  color: var(--ecas-brand) !important;
  font-size: 14px;
  box-shadow: var(--ecas-shadow-card);
  position: static !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
  flex-shrink: 0;
  transition: background 150ms ease, border-color 150ms ease, color 150ms ease, transform 150ms ease;
}

.addecasform .go-back:hover {
  background: var(--ecas-brand) !important;
  border-color: var(--ecas-brand) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* Participant Form + fullscreen icon buttons */
.addecasform .multisteps-form.ecas-form>.row:first-child .btn.primary.full-screen-btn {
  background: var(--ecas-brand) !important;
  border: none !important;
  border-radius: var(--ecas-radius) !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.02em;
  box-shadow: var(--ecas-shadow-btn) !important;
  height: var(--ecas-toolbar-height) !important;
  min-height: var(--ecas-toolbar-height) !important;
  max-height: var(--ecas-toolbar-height) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  margin: 0 !important;
  padding: 0 20px !important;
  line-height: 1 !important;
  transition: filter 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.addecasform .multisteps-form.ecas-form>.row:first-child .btn.primary.full-screen-btn:hover {
  filter: brightness(1.05);
  box-shadow: 0 6px 16px rgba(182, 108, 75, 0.32) !important;
  transform: translateY(-1px);
}

/* Icon-only fullscreen button */
.addecasform .multisteps-form.ecas-form>.row:first-child .btn.primary.full-screen-btn:not(:has(.top-buttons)) {
  width: var(--ecas-toolbar-height) !important;
  min-width: var(--ecas-toolbar-height) !important;
  padding: 0 !important;
}

.addecasform .multisteps-form.ecas-form>.row:first-child .btn.primary.full-screen-btn:not(:has(.top-buttons)) i {
  margin: 0 !important;
}

.addecasform .multisteps-form.ecas-form>.row:first-child .btn.primary.full-screen-btn .top-buttons {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}

.addecasform .multisteps-form.ecas-form>.row:first-child .btn.primary.full-screen-btn .top-buttons i {
  margin-right: 10px !important;
}

/* Language / form-type select — Ant Design 6 selected text lives in .ant-select-content */
.addecasform .multisteps-form.ecas-form>.row:first-child .ant-select:not(.ecas-input-field) {
  display: inline-flex !important;
  align-items: center !important;
  height: var(--ecas-toolbar-height) !important;
  min-height: var(--ecas-toolbar-height) !important;
  max-height: var(--ecas-toolbar-height) !important;
  min-width: 160px !important;
  margin: 0 !important;
  /* Root padding insets the label in AntD 6 — do not zero it */
  padding-block: 0 !important;
  padding-inline: 12px !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  background: var(--ecas-surface) !important;
  border: 1px solid var(--ecas-border) !important;
  border-radius: var(--ecas-radius) !important;
  box-sizing: border-box !important;
  color: #1a1d23 !important;
  overflow: visible !important;
}

.addecasform .multisteps-form.ecas-form>.row:first-child .ant-select:not(.ecas-input-field):hover {
  border-color: var(--ecas-border-strong) !important;
}

.addecasform .multisteps-form.ecas-form>.row:first-child .ant-select-focused:not(.ecas-input-field) {
  border-color: var(--ecas-brand) !important;
  box-shadow: 0 0 0 3px rgba(182, 108, 75, 0.14) !important;
}

.addecasform .multisteps-form.ecas-form>.row:first-child .ant-select:not(.ecas-input-field) .ant-select-content {
  display: block !important;
  flex: 1 1 auto !important;
  align-self: center !important;
  min-width: 72px !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  color: #1a1d23 !important;
}

.addecasform .multisteps-form.ecas-form>.row:first-child .ant-select:not(.ecas-input-field) .ant-select-content-item,
.addecasform .multisteps-form.ecas-form>.row:first-child .ant-select:not(.ecas-input-field) .ant-select-content-value,
.addecasform .multisteps-form.ecas-form>.row:first-child .ant-select:not(.ecas-input-field) .ant-select-selection-item,
.addecasform .multisteps-form.ecas-form>.row:first-child .ant-select:not(.ecas-input-field) .ant-select-selection-item-content {
  display: inline !important;
  position: static !important;
  transform: none !important;
  inset: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  height: auto !important;
  line-height: 22px !important;
  color: #1a1d23 !important;
  -webkit-text-fill-color: #1a1d23 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  padding: 0 !important;
}

.addecasform .multisteps-form.ecas-form>.row:first-child .ant-select:not(.ecas-input-field) .ant-select-input,
.addecasform .multisteps-form.ecas-form>.row:first-child .ant-select:not(.ecas-input-field) .ant-select-selection-search-input {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: transparent !important;
}

.addecasform .multisteps-form.ecas-form>.row:first-child .ant-select:not(.ecas-input-field) .ant-select-suffix {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  height: auto !important;
  padding: 0 0 0 8px !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  color: var(--ecas-brand) !important;
}

.addecasform .multisteps-form.ecas-form>.row:first-child .ant-select:not(.ecas-input-field) .ant-select-selector {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  flex: 1 1 auto !important;
  width: 100% !important;
}

.addecasform .multisteps-form.ecas-form>.row:first-child .ant-tooltip-open,
.addecasform .multisteps-form.ecas-form>.row:first-child .ant-tooltip-disabled-compatible-wrapper {
  display: inline-flex !important;
  align-items: center !important;
}

.addecasform .top-buttons {
  display: flex;
  align-items: center;
}

/* --------------------------------------------------------------------------
   Main form card
   -------------------------------------------------------------------------- */
.addecasform .container.px-0 {
  background: var(--ecas-surface);
  border: 1px solid var(--ecas-border-strong);
  border-radius: var(--ecas-radius-lg);
  box-shadow: var(--ecas-shadow-card);
  overflow: hidden;
  margin-bottom: 24px;
}

/* --------------------------------------------------------------------------
   Form title row (first header in card)
   -------------------------------------------------------------------------- */
.addecasform .container.px-0>.row.border.border-dark.grey:first-child {
  background: var(--ecas-brand) !important;
  border: none !important;
  margin: 0 !important;
}

.addecasform .container.px-0>.row.border.border-dark.grey:first-child .text-center {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  letter-spacing: 0.02em;
  padding: 26px 40px !important;
}

/* --------------------------------------------------------------------------
   Description row (second row in card) — warm panel + brand border frame
   -------------------------------------------------------------------------- */
.addecasform .container.px-0>.row.border.border-dark.grey:first-child+.row.border.border-dark.grey {
  background: var(--ecas-description-bg) !important;
  border-top: 5px solid var(--ecas-brand) !important;
  margin: 0 !important;
}

.addecasform .container.px-0>.row.border.border-dark.grey:first-child+.row.border.border-dark.grey .py-2 {
  font-size: 17px !important;
  line-height: 1.75 !important;
  color: var(--ecas-text) !important;
  padding: 24px 32px !important;
  text-align: justify;
  background: transparent !important;
}

.addecasform .container.px-0>.row.border.border-dark.grey:first-child+.row.border.border-dark.grey .fs-19,
.addecasform .container.px-0>.row.border.border-dark.grey:first-child+.row.border.border-dark.grey .font-weight-bold {
  color: var(--ecas-text) !important;
  font-size: 17px !important;
}

/* --------------------------------------------------------------------------
   Section header rows (SectionHeader / SectionHeaderTimer)
   -------------------------------------------------------------------------- */
.addecasform .row.border.border-dark.grey {
  background: var(--ecas-brand) !important;
  border: none !important;
  border-top: 1px solid var(--ecas-border) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.addecasform .container.px-0>.row.border.border-dark.grey:first-child {
  border-top: none !important;
}

.addecasform .row.border.border-dark.grey .fs-19,
.addecasform .row.border.border-dark.grey .font-weight-bold {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em;
}

.addecasform .row.border.border-dark.grey .text-center,
.addecasform .row.border.border-dark.grey .text-left,
.addecasform .row.border.border-dark.grey .text-right {
  padding: 18px 28px !important;
}

.addecasform [data-section-key="als_psychosis_screen"] > .row.border.border-dark.grey {
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.addecasform .row.border.border-dark.grey .d-flex>span.font-weight-bold {
  color: #fff !important;
}

.addecasform .row.border.border-dark.grey .d-flex i:not(.ant-btn-icon) {
  color: #fff !important;
}

/* Section timer — Start (primary) */
.addecasform .row.border.border-dark.grey .d-flex .ant-btn-primary,
.addecasform .row.border.border-dark.grey .d-flex .ant-btn-primary:hover,
.addecasform .row.border.border-dark.grey .d-flex .ant-btn-primary:focus,
.addecasform .row.border.border-dark.grey .d-flex .ant-btn-primary span {
  background: #fff !important;
  border-color: #fff !important;
  color: var(--ecas-brand) !important;
  font-weight: 600 !important;
  border-radius: var(--ecas-radius) !important;
  box-shadow: none !important;
}

.addecasform .row.border.border-dark.grey .d-flex .ant-btn-primary:hover,
.addecasform .row.border.border-dark.grey .d-flex .ant-btn-primary:hover span {
  background: var(--ecas-panel-soft) !important;
  border-color: var(--ecas-panel-soft) !important;
  color: var(--ecas-brand-dark) !important;
}

/* Section timer — Stop (default) */
.addecasform .row.border.border-dark.grey .d-flex .ant-btn-default {
  background: transparent !important;
  border: 1px solid #fff !important;
  color: #fff !important;
  font-weight: 600 !important;
  border-radius: var(--ecas-radius) !important;
  box-shadow: none !important;
}

.addecasform .row.border.border-dark.grey .d-flex .ant-btn-default span {
  color: #fff !important;
  font-weight: 600 !important;
  border: none !important;
  background: transparent !important;
}

.addecasform .row.border.border-dark.grey .d-flex .ant-btn-default:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: #fff !important;
  color: #fff !important;
}

.addecasform .row.border.border-dark.grey .d-flex .ant-btn.ecas-timer-btn-disabled,
.addecasform .row.border.border-dark.grey .d-flex .ant-btn.ecas-timer-btn-disabled span {
  opacity: 0.55 !important;
  cursor: not-allowed;
}

.addecasform .row.border.border-dark.grey .fas.fa-clipboard-check {
  color: #fff !important;
}

/* Sub-section headers inside content — fill the full column width, no gap */
.addecasform .row.border.border-dark .row.border.border-dark.grey {
  background: var(--ecas-brand-dark) !important;
  border-radius: 0 !important;
  border: none !important;
  margin-top: 0 !important;
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.addecasform .row.border.border-dark .row.border.border-dark.grey .fs-17 {
  color: #fff !important;
  font-size: 15px !important;
  padding: 14px 20px !important;
}

/* --------------------------------------------------------------------------
   Section content panels — white fill (beige is page background only)
   -------------------------------------------------------------------------- */
.addecasform .container.px-0 .row.border.border-dark:not(.grey),
.addecasform .container.px-0 .row.p-3.border.border-dark,
.addecasform .row.p-3.border.border-dark,
.addecasform .row.border.border-dark:not(.grey) {
  background: var(--ecas-section-bg) !important;
  background-color: var(--ecas-section-bg) !important;
  border-color: var(--ecas-border) !important;
}

.addecasform .container.px-0 .row.border.border-dark:not(.grey) {
  border-left: none !important;
  border-right: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.addecasform .container.px-0>.row.p-3.border.border-dark.ecas-demographics-main {
  padding: 28px 32px !important;
  border-bottom: 1px solid var(--ecas-border) !important;
}

.addecasform .container.px-0 .row.border.border-dark:not(.grey)>[class*="col-"],
.addecasform .container.px-0 .row.p-3.border.border-dark>[class*="col-"],
.addecasform .row.p-3.border.border-dark>[class*="col-"] {
  background: transparent !important;
}

/* Nested content rows inside sections */
.addecasform .row.border.border-dark .row.border.border-dark {
  background: var(--ecas-section-bg) !important;
  background-color: var(--ecas-section-bg) !important;
  border-color: var(--ecas-border) !important;
  border-radius: var(--ecas-radius);
  margin: 12px 16px;
}

.addecasform .row.border.border-dark hr {
  border-color: var(--ecas-border);
  margin: 16px 24px;
}

/* --------------------------------------------------------------------------
   Demographics grid — two columns, no center divider, aligned pairs
   -------------------------------------------------------------------------- */
.addecasform .ecas-demographics-main.row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 28px;
  row-gap: 22px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.addecasform .ecas-demographics-main>[class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  border-right: none !important;
}

.addecasform .ecas-demographics-main>.col-lg-6:nth-child(odd) {
  border-right: none !important;
}

.addecasform .ecas-demographics-main>[class*="col-"]>br {
  display: none !important;
}

.addecasform .ecas-demographics-main .fs-19 {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--ecas-text-secondary) !important;
  text-transform: none;
  letter-spacing: 0.02em;
  display: block;
  margin-bottom: 0 !important;
  flex-shrink: 0;
}

.addecasform .ecas-demographics-main .ecas-input-field:not(.ant-select):not(.ant-picker),
.addecasform .ecas-demographics-main>[class*="col-"]>.ant-input,
.addecasform .ecas-demographics-main>[class*="col-"]>.ant-input-affix-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  display: block !important;
}

/* Research Type — Ant Design 6 outlined select (do not use display:block on root) */
.addecasform .ecas-demographics-main .ant-select.ecas-input-field-select,
.addecasform .ecas-demographics-main .ant-select.ecas-input-field.ecas-input-field-select {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin-top: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: var(--ecas-surface) !important;
  border: 1px solid var(--ecas-border) !important;
  border-radius: var(--ecas-radius) !important;
}

.addecasform .ecas-demographics-main .ant-select.ecas-input-field-select:hover {
  border-color: var(--ecas-border-strong) !important;
}

.addecasform .ecas-demographics-main .ant-select.ecas-input-field-select.ant-select-focused {
  border-color: var(--ecas-brand) !important;
  box-shadow: 0 0 0 3px rgba(182, 108, 75, 0.14) !important;
}

.addecasform .ecas-demographics-main .ant-select.ecas-input-field-select .ant-select-content {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 0 0 14px !important;
}

.addecasform .ecas-demographics-main .ant-select.ecas-input-field-select .ant-select-content-item,
.addecasform .ecas-demographics-main .ant-select.ecas-input-field-select .ant-select-selection-item {
  display: flex !important;
  align-items: center !important;
  line-height: 1.4 !important;
  font-size: 14px !important;
  color: var(--ecas-text) !important;
}

.addecasform .ecas-demographics-main .ant-select.ecas-input-field-select .ant-select-suffix {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  height: 100% !important;
  padding: 0 11px 0 8px !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  pointer-events: none;
}

.addecasform .ecas-demographics-main .ant-select.ecas-input-field-select .ant-select-arrow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
}

/* Participant Email — AutoComplete (Ant Design 6) */
.addecasform .ecas-demographics-main .ant-select.search-email-input-box {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin-top: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: var(--ecas-surface) !important;
  border: 1px solid var(--ecas-border) !important;
  border-radius: var(--ecas-radius) !important;
}

.addecasform .ecas-demographics-main .ant-select.search-email-input-box:hover {
  border-color: var(--ecas-border-strong) !important;
}

.addecasform .ecas-demographics-main .ant-select.search-email-input-box.ant-select-focused {
  border-color: var(--ecas-brand) !important;
  box-shadow: 0 0 0 3px rgba(182, 108, 75, 0.14) !important;
}

.addecasform .ecas-demographics-main .search-email-input-box .ant-select-content {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 14px !important;
  position: relative !important;
}

.addecasform .ecas-demographics-main .search-email-input-box .ant-select-placeholder {
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  font-size: 14px !important;
  color: #b5a99f !important;
  pointer-events: none;
}

.addecasform .ecas-demographics-main .search-email-input-box .ant-select-input {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  outline: none !important;
  align-self: center !important;
}

.addecasform .ecas-demographics-main .search-email-input-box .ant-select-content-value {
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
  height: auto !important;
  max-height: 100% !important;
  line-height: 1.4 !important;
  font-size: 14px !important;
  color: var(--ecas-text) !important;
}

.addecasform .ecas-demographics-main .search-email-input-box .ant-select-selection-search,
.addecasform .ecas-demographics-main .search-email-input-box .ant-select-selection-search-input {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.addecasform .ecas-demographics-main span[style*="top: 12"] {
  display: flex !important;
  align-items: center;
  position: static !important;
  top: auto !important;
  margin-top: 0 !important;
  padding: 8px 14px;
  min-height: 42px;
  height: 42px;
  background: var(--ecas-surface);
  border: 1px solid var(--ecas-border) !important;
  border-radius: var(--ecas-radius);
  font-size: 14px !important;
  font-weight: 500;
  color: var(--ecas-text);
  width: 100%;
  box-sizing: border-box;
}

/* --------------------------------------------------------------------------
   Form labels in section bodies
   -------------------------------------------------------------------------- */
.addecasform .row.p-3.border.border-dark .fs-19,
.addecasform .ecas-immediate-recall-score-col .fs-19 {
  color: var(--ecas-text-secondary) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

/* Section header rows — white title (must override body label rules above) */
.addecasform .row.border.border-dark.grey .fs-19,
.addecasform .row.border.border-dark.grey .text-left,
.addecasform .row.border.border-dark.grey .text-center,
.addecasform .row.border.border-dark.grey .text-right,
.addecasform .row.border.border-dark.grey .font-weight-bold {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 17px !important;
}

/* Immediate recall — content panel */
.addecasform .ecas-immediate-recall-body {
  background: var(--ecas-section-bg) !important;
  padding: 0 0 8px !important;
}

.addecasform .ecas-immediate-recall-body>.col-lg-10 {
  padding: 0 24px 16px 28px;
}

/* Full-width heading row inside col-lg-12.p-0 — no negative margins needed
   because the parent column already has zero padding. */
.addecasform .row.border.border-dark>.col-lg-12.p-0>.row.border.border-dark.grey {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
}

/* Section content descriptions — Administration, Scoring, Say */
.addecasform .ecas-section-instructions,
.addecasform .ecas-section-instructions li,
.addecasform .ecas-section-instructions p,
.addecasform .ecas-section-instructions i,
.addecasform .ecas-section-instructions u,
.addecasform .ecas-section-instructions b,
.addecasform .ecas-section-instructions span {
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: #000 !important;
  font-weight: 400 !important;
}

.addecasform .ecas-section-instructions>li {
  font-weight: 600 !important;
  margin-bottom: 12px;
}

.addecasform .ecas-section-instructions ul {
  margin-top: 8px;
  margin-bottom: 4px;
}

.addecasform .ecas-section-instructions u b,
.addecasform .ecas-section-instructions b {
  font-weight: 700 !important;
}

.addecasform .ecas-immediate-recall-score-col {
  border-left: 1px solid var(--ecas-border) !important;
  padding: 24px 20px !important;
  background: var(--ecas-panel-soft) !important;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.addecasform .ecas-immediate-recall-score-label {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--ecas-brand) !important;
  margin-bottom: 4px;
}

.addecasform .ecas-immediate-recall-score-input {
  margin-top: 8px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: center;
  height: 48px !important;
}

.addecasform .ecas-immediate-recall-score-hint {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: var(--ecas-text-muted) !important;
  margin: 14px 0 0 !important;
}

/* Immediate Recall — Answers scoring table */
.addecasform .ecas-immediate-recall-answers-heading {
  font-size: 17px;
  font-weight: 700;
  color: var(--ecas-brand);
  margin: 28px 0 14px;
  padding: 0;
  letter-spacing: 0.02em;
}

.addecasform .ecas-immediate-recall-answers-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--ecas-border);
  border-radius: var(--ecas-radius-lg);
  box-shadow: 0 2px 8px rgba(31, 41, 55, 0.06);
  margin-bottom: 28px;
  background: var(--ecas-section-bg);
}

.addecasform .ecas-immediate-recall-scoring-table {
  width: 100%;
  border-collapse: collapse !important;
  margin: 0 !important;
}

.addecasform .ecas-immediate-recall-scoring-table th {
  padding: 14px 18px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em;
  text-transform: none;
  border: none !important;
  border-bottom: 2px solid var(--ecas-brand-dark) !important;
}

.addecasform .ecas-immediate-recall-scoring-table th:last-child {
  text-align: center;
  width: 96px;
  min-width: 96px;
}

.addecasform .ecas-immediate-recall-scoring-table td {
  padding: 16px 18px !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  vertical-align: middle !important;
  color: #000 !important;
  border-color: var(--ecas-border) !important;
}

.addecasform .ecas-immediate-recall-scoring-table tbody tr:nth-child(even) td {
  background: var(--ecas-section-muted);
}

.addecasform .ecas-immediate-recall-scoring-table tbody tr:hover td {
  background: #faf6f3;
}

.addecasform .ecas-immediate-recall-scoring-table tbody tr.ecas-immediate-recall-row-scored td {
  background: rgba(182, 108, 75, 0.1) !important;
}

.addecasform .ecas-immediate-recall-scoring-table tbody tr.ecas-immediate-recall-row-scored:hover td {
  background: rgba(182, 108, 75, 0.14) !important;
}

.addecasform .ecas-immediate-recall-question-label {
  font-weight: 600 !important;
  color: #000 !important;
}

.addecasform .ecas-immediate-recall-criteria-cell {
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: #000 !important;
  max-width: 480px;
}

.addecasform .ecas-immediate-recall-point-cell {
  text-align: center !important;
  width: 96px;
  min-width: 96px;
}

.addecasform .ecas-immediate-recall-point-checkbox {
  width: 22px !important;
  height: 22px !important;
  margin: 0 auto !important;
  display: inline-block;
  accent-color: var(--ecas-brand);
  cursor: pointer;
  vertical-align: middle;
}

.addecasform .ecas-immediate-recall-point-checkbox:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

/* Note + footer row */
.addecasform .ecas-immediate-recall-footer-row {
  margin-top: 0;
}

.addecasform .ecas-immediate-recall-note-block {
  max-width: 100%;
}

.addecasform .ecas-immediate-recall-note-block label {
  display: block;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--ecas-text-secondary) !important;
  margin-bottom: 10px;
}

.addecasform .ecas-immediate-recall-note-block .ecas-textarea-field {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 150px;
  padding: 14px 16px !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  border: 1px solid var(--ecas-border) !important;
  border-radius: var(--ecas-radius) !important;
  background: var(--ecas-surface) !important;
  resize: vertical;
}

.addecasform .ecas-immediate-recall-note-block .ecas-textarea-field:focus {
  border-color: var(--ecas-brand) !important;
  box-shadow: 0 0 0 3px rgba(182, 108, 75, 0.14) !important;
  outline: none !important;
}

/* Delayed recall — Answers table (same UI as immediate recall; logic unchanged) */
.addecasform .ecas-delayed-recall-body {
  background: var(--ecas-section-bg) !important;
  padding: 20px 0 8px !important;
}

.addecasform .ecas-delayed-recall-body>.col-lg-12 {
  padding: 0 24px 16px 28px;
}

.addecasform .ecas-delayed-recall-answers-heading {
  font-size: 17px;
  font-weight: 700;
  color: var(--ecas-brand);
  margin: 28px 0 14px;
  padding: 0;
  letter-spacing: 0.02em;
}

.addecasform .ecas-delayed-recall-answers-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--ecas-border);
  border-radius: var(--ecas-radius-lg);
  box-shadow: 0 2px 8px rgba(31, 41, 55, 0.06);
  margin-bottom: 28px;
  background: var(--ecas-section-bg);
}

.addecasform .ecas-delayed-recall-scoring-table {
  width: 100%;
  border-collapse: collapse !important;
  margin: 0 !important;
  max-width: none !important;
}

.addecasform .ecas-delayed-recall-scoring-table th {
  padding: 14px 18px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em;
  text-transform: none;
  border: none !important;
  border-bottom: 2px solid var(--ecas-brand-dark) !important;
}

.addecasform .ecas-delayed-recall-scoring-table th:last-child {
  text-align: center;
  width: 96px;
  min-width: 96px;
}

.addecasform .ecas-delayed-recall-scoring-table td {
  padding: 16px 18px !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  vertical-align: middle !important;
  color: #000 !important;
  border-color: var(--ecas-border) !important;
}

.addecasform .ecas-delayed-recall-scoring-table tbody tr:nth-child(even) td {
  background: var(--ecas-section-muted);
}

.addecasform .ecas-delayed-recall-scoring-table tbody tr:hover td {
  background: #faf6f3;
}

.addecasform .ecas-delayed-recall-scoring-table tbody tr:has(input[type="checkbox"]:checked) td {
  background: rgba(182, 108, 75, 0.1) !important;
}

.addecasform .ecas-delayed-recall-scoring-table tbody tr:has(input[type="checkbox"]:checked):hover td {
  background: rgba(182, 108, 75, 0.14) !important;
}

.addecasform .ecas-delayed-recall-note-block {
  max-width: 100%;
  margin-bottom: 16px;
}

.addecasform .ecas-delayed-recall-note-block label {
  display: block;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--ecas-text-secondary) !important;
  margin-bottom: 10px;
}

.addecasform .ecas-delayed-recall-note-block .ecas-textarea-field {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 150px;
  padding: 14px 16px !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  border: 1px solid var(--ecas-border) !important;
  border-radius: var(--ecas-radius) !important;
  background: var(--ecas-surface) !important;
  resize: vertical;
}

.addecasform .ecas-delayed-recall-note-block .ecas-textarea-field:focus {
  border-color: var(--ecas-brand) !important;
  box-shadow: 0 0 0 3px rgba(182, 108, 75, 0.14) !important;
  outline: none !important;
}

/* Delayed recall — calculation panels + conversion table + footer */
.addecasform .ecas-delayed-recall-scoring-section {
  background: var(--ecas-section-bg) !important;
  border-color: var(--ecas-border) !important;
}

.addecasform .ecas-delayed-recall-scoring-inner {
  padding: 24px 20px 8px;
}

.addecasform .ecas-delayed-recall-panels {
  margin: 0 -8px 24px;
}

.addecasform .ecas-delayed-recall-panel {
  padding: 0 12px 16px;
  min-width: 0;
}

.addecasform .ecas-delayed-recall-panel-header {
  background: var(--ecas-brand) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  padding: 14px 18px !important;
  border-radius: var(--ecas-radius-lg) var(--ecas-radius-lg) 0 0;
  letter-spacing: 0.01em;
}

.addecasform .ecas-delayed-recall-panel-body {
  border: 1px solid var(--ecas-border);
  border-top: none;
  border-radius: 0 0 var(--ecas-radius-lg) var(--ecas-radius-lg);
  background: var(--ecas-surface);
  padding: 24px 20px 28px;
  min-height: 220px;
}

.addecasform .ecas-delayed-recall-formula-row {
  margin-bottom: 28px;
}

.addecasform .ecas-delayed-recall-formula {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px 28px;
}

.addecasform .ecas-delayed-recall-formula-fraction {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  min-width: 200px;
}

.addecasform .ecas-delayed-recall-formula-term {
  font-size: 15px;
  font-weight: 500;
  color: var(--ecas-text-secondary);
  text-align: center;
  line-height: 1.4;
}

.addecasform .ecas-delayed-recall-formula-bar {
  display: block;
  width: 100%;
  max-width: 220px;
  height: 2px;
  background: var(--ecas-brand-dark);
  border-radius: 1px;
}

.addecasform .ecas-delayed-recall-formula-result {
  font-size: 16px;
  font-weight: 600;
  color: var(--ecas-text);
  white-space: nowrap;
}

.addecasform .ecas-delayed-recall-formula-example {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px 24px;
  padding-top: 8px;
  border-top: 1px dashed var(--ecas-border);
}

.addecasform .ecas-delayed-recall-formula-example-fraction {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.addecasform .ecas-delayed-recall-formula-input {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  margin: 0 !important;
  text-align: center !important;
  font-variant-numeric: tabular-nums;
  font-weight: 600 !important;
  padding: 10px 8px !important;
}

.addecasform .ecas-delayed-recall-formula-example-result {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: var(--ecas-text);
}

.addecasform .ecas-delayed-recall-formula-example-result strong {
  color: var(--ecas-brand-dark);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.addecasform .ecas-delayed-recall-conversion-wrap {
  border: 1px solid var(--ecas-border);
  border-top: none;
  border-radius: 0 0 var(--ecas-radius-lg) var(--ecas-radius-lg);
  overflow: hidden;
  background: var(--ecas-surface);
}

.addecasform .ecas-delayed-recall-conversion-table {
  width: 100%;
  border-collapse: collapse !important;
  margin: 0 !important;
}

.addecasform .ecas-delayed-recall-conversion-table th {
  background: var(--ecas-table-head) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 12px 10px !important;
  border: 1px solid #3d3d3d !important;
  text-align: center !important;
}

.addecasform .ecas-delayed-recall-conversion-table td {
  padding: 11px 12px !important;
  font-size: 15px !important;
  text-align: center !important;
  border: 1px solid var(--ecas-border) !important;
  color: var(--ecas-text) !important;
  vertical-align: middle !important;
}

.addecasform .ecas-delayed-recall-conversion-table tbody tr:nth-child(even) td {
  background: var(--ecas-section-muted);
}

.addecasform .ecas-delayed-recall-conversion-table td.ecas-delayed-recall-conversion-score {
  background: #faf3f0 !important;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--ecas-brand-dark) !important;
}

.addecasform .ecas-delayed-recall-conversion-table tbody tr:nth-child(even) td.ecas-delayed-recall-conversion-score {
  background: #fff5f2 !important;
}

.addecasform .ecas-delayed-recall-score-footer {
  padding: 20px 12px 28px;
  border-top: 1px solid var(--ecas-border);
  margin-top: 4px;
}

.addecasform .ecas-delayed-recall-score-footer .ecas-section-score-field .ecas-input-field {
  max-width: 280px;
}

.addecasform .ecas-delayed-recall-qc-row {
  border-color: var(--ecas-border) !important;
  background: var(--ecas-section-bg);
}

@media (max-width: 991px) {
  .addecasform .ecas-delayed-recall-panel {
    padding-bottom: 24px;
  }

  .addecasform .ecas-delayed-recall-score-footer .ecas-section-score-field .ecas-input-field {
    max-width: 100%;
  }
}

.addecasform .correct-answer-p {
  font-size: 14px;
  font-weight: 600 !important;
  color: var(--ecas-text-secondary);
  margin-top: 6px;
}

.addecasform .correct-answer-p .font-weight-bold {
  color: var(--ecas-brand);
  font-weight: 700 !important;
}

/* Picture naming grid */
.addecasform .picture-div {
  background: transparent;
  align-items: center !important;
}

.addecasform .ecas-picture-input-group {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
}

.addecasform .ecas-picture-input-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px;
  width: 100%;
  margin-bottom: 4px;
}

.addecasform .ecas-picture-name-input,
.addecasform .ecas-picture-name-input.ant-input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 120px !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  height: 42px !important;
}

.addecasform .ecas-picture-checkbox {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0;
  align-self: center !important;
  accent-color: var(--ecas-brand);
  cursor: pointer;
  vertical-align: middle;
}

.addecasform .ecas-picture-input-group .correct-answer-p {
  margin: 4px 0 0 0 !important;
}

/* Language Comprehension — question fields */
.addecasform .ecas-comprehension-question {
  margin-bottom: 22px;
  padding: 0 10px;
}

.addecasform .ecas-comprehension-question-label-row {
  display: flex !important;
  align-items: center !important;
  gap: 14px;
  margin-bottom: 6px !important;
}

.addecasform .ecas-comprehension-question-label {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0 !important;
  padding-right: 4px;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: var(--ecas-text-secondary) !important;
}

.addecasform .ecas-comprehension-checkbox {
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  margin: 0 !important;
  flex-shrink: 0;
  accent-color: var(--ecas-brand);
  cursor: pointer;
}

.addecasform .ecas-comprehension-question .correct-answer-p {
  margin: 2px 0 8px 0 !important;
  padding: 0;
}

.addecasform .ecas-comprehension-question .ecas-input-field {
  margin-top: 0 !important;
  width: 100% !important;
}

.addecasform .row:has(.ecas-comprehension-question) {
  row-gap: 4px;
}

/* Language Spelling — question fields */
.addecasform .ecas-spelling-question {
  margin-bottom: 22px;
  padding: 0 10px;
}

.addecasform .ecas-spelling-question-label-row {
  display: flex !important;
  align-items: center !important;
  gap: 14px;
  margin-bottom: 8px !important;
}

.addecasform .ecas-spelling-question-label {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0 !important;
  padding-right: 4px;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #000 !important;
}

.addecasform .ecas-spelling-checkbox {
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  margin: 0 !important;
  flex-shrink: 0;
  accent-color: var(--ecas-brand);
  cursor: pointer;
}

.addecasform .ecas-spelling-question .ecas-input-field {
  margin-top: 0 !important;
  width: 100% !important;
}

.addecasform .row.ecas-spelling-questions {
  row-gap: 4px;
}

.addecasform .ecas-spelling-score-field {
  padding: 0 10px;
}

.addecasform .ecas-spelling-score-label {
  display: block;
  margin: 0 0 8px 0 !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #000 !important;
}

.addecasform .ecas-spelling-score-field .ecas-input-field {
  margin-top: 0 !important;
  width: 100% !important;
}

/* Verbal fluency — word entry, timer row, spoken word list */
.addecasform .ecas-fluency-word-entry {
  max-width: 360px;
  margin: 0 0 16px 20px;
}

.addecasform .ecas-fluency-word-entry-label {
  display: block;
  margin: 0 0 8px 0 !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #000 !important;
}

.addecasform .ecas-fluency-word-entry .ecas-textarea-field {
  width: 100% !important;
  min-height: 140px;
  resize: vertical;
}

.addecasform .ecas-fluency-actions-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
  margin: 0 0 8px 20px;
}

.addecasform .ecas-fluency-add-btn {
  margin: 0 !important;
  align-self: flex-start;
}

.addecasform .ecas-fluency-timer-row {
  margin-left: 0 !important;
  gap: 16px;
}

.addecasform .ecas-spoken-word-list-block {
  margin: 20px 0 0 20px;
  max-width: 320px;
}

.addecasform .ecas-spoken-word-list-heading {
  margin: 0 0 8px 0 !important;
  padding: 0;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #000 !important;
}

.addecasform .ecas-spoken-word-list {
  list-style: none;
  margin: 0;
  padding: 10px 14px;
  border: 1px solid var(--ecas-border);
  border-radius: var(--ecas-radius);
  background: var(--ecas-surface);
  max-height: 220px;
  overflow-y: auto;
}

.addecasform .ecas-spoken-word-list-item {
  padding: 5px 0;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: #000 !important;
  border-bottom: 1px solid var(--ecas-border);
}

.addecasform .ecas-spoken-word-list-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.addecasform .ecas-spoken-word-list-item:first-child {
  padding-top: 0;
}

/* --------------------------------------------------------------------------
   Inputs — all sections
   -------------------------------------------------------------------------- */
.addecasform .ecas-input-field,
.addecasform .ecas-input-field.ant-input,
.addecasform .ant-input.ecas-input-field,
.addecasform input.ecas-input-field[type="text"],
.addecasform input.ecas-input-field[type="number"] {
  font-size: 14px !important;
  color: var(--ecas-text) !important;
  background: var(--ecas-surface) !important;
  border: 1px solid var(--ecas-border) !important;
  border-radius: var(--ecas-radius) !important;
  transition: border-color 150ms ease, box-shadow 150ms ease !important;
}

.addecasform .ecas-input-field:hover,
.addecasform .ecas-input-field.ant-input:hover {
  border-color: var(--ecas-border-strong) !important;
}

.addecasform .ecas-input-field:focus,
.addecasform .ecas-input-field.ant-input:focus,
.addecasform .ecas-input-field.ant-input-focused {
  border-color: var(--ecas-brand) !important;
  box-shadow: 0 0 0 3px rgba(182, 108, 75, 0.14) !important;
  outline: none !important;
}

.addecasform .ecas-input-field[readonly],
.addecasform .ecas-input-field.ant-input[readonly] {
  background: var(--ecas-section-muted) !important;
  color: var(--ecas-text-muted) !important;
  cursor: default;
}

/* DatePicker — Date of Birth etc. (Ant Design 6) */
.addecasform .ant-picker.ecas-input-field {
  display: inline-flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: var(--ecas-surface) !important;
  border: 1px solid var(--ecas-border) !important;
  border-radius: var(--ecas-radius) !important;
  line-height: normal !important;
}

.addecasform .ecas-demographics-main .ant-picker.ecas-input-field {
  margin-top: 0 !important;
}

.addecasform .ant-picker.ecas-input-field:hover {
  border-color: var(--ecas-border-strong) !important;
}

.addecasform .ant-picker-focused.ecas-input-field,
.addecasform .ant-picker.ecas-input-field.ant-picker-focused {
  border-color: var(--ecas-brand) !important;
  box-shadow: 0 0 0 3px rgba(182, 108, 75, 0.14) !important;
}

.addecasform .ant-picker.ecas-input-field .ant-picker-input {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 10px 0 14px !important;
}

.addecasform .wizard-form-field .ant-picker.ecas-input-field .ant-picker-input>input,
.addecasform .ant-picker.ecas-input-field .ant-picker-input>input {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: var(--ecas-text) !important;
  box-shadow: none !important;
  outline: none !important;
  vertical-align: middle !important;
}

.addecasform .wizard-form-field .ant-picker-input input,
.addecasform .ant-picker.ecas-input-field .ant-picker-input input {
  height: auto !important;
  min-height: 0 !important;
}

.addecasform .ant-picker.ecas-input-field .ant-picker-suffix,
.addecasform .ant-picker.ecas-input-field .ant-picker-clear {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin-inline-start: 4px !important;
  line-height: 1 !important;
}

.addecasform .ant-picker.ecas-input-field .ant-picker-suffix .anticon {
  display: flex !important;
  align-items: center !important;
}

.addecasform .ant-select.ecas-input-field .ant-select-selector,
.addecasform .ecas-demographics-main .ant-select:not(.search-email-input-box) .ant-select-selector {
  background: var(--ecas-surface) !important;
  border: 1px solid var(--ecas-border) !important;
  border-radius: var(--ecas-radius) !important;
  min-height: 42px !important;
  align-items: center;
}

.addecasform .ant-select.ecas-input-field.ant-select-focused .ant-select-selector,
.addecasform .ecas-demographics-main .ant-select:not(.search-email-input-box).ant-select-focused .ant-select-selector {
  border-color: var(--ecas-brand) !important;
  box-shadow: 0 0 0 3px rgba(182, 108, 75, 0.14) !important;
}

/* Participant email — fallback if used outside demographics (traditional ECAS only) */
.addecasform:not(.new-ecas-form) .ant-select.search-email-input-box {
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  min-height: 42px !important;
  height: 42px !important;
}

.addecasform:not(.new-ecas-form) .search-email-input-box .ant-select-content {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  width: 100% !important;
}

.addecasform:not(.new-ecas-form) .search-email-input-box .ant-select-input {
  line-height: 1.4 !important;
  padding: 0 !important;
  height: 100% !important;
  align-self: center !important;
}

.addecasform:not(.new-ecas-form) .search-email-input-box .ant-select-placeholder {
  top: 50% !important;
  transform: translateY(-50%) !important;
  line-height: 1.4 !important;
  font-size: 14px !important;
  color: #b5a99f !important;
}

/* Ant Select with ecas-input-field — reset global input height/padding on root */
.addecasform .ant-select.ecas-input-field,
.addecasform .ant-select.ecas-input-field-select {
  padding: 0 !important;
  line-height: normal !important;
}

/* --------------------------------------------------------------------------
   Light panels (fluency calculations, etc.) — subtle box on white section
   -------------------------------------------------------------------------- */
.addecasform .light-grey {
  background: var(--ecas-section-muted) !important;
  border-color: var(--ecas-border) !important;
  border-radius: var(--ecas-radius);
}

.addecasform .light-grey.border.border-dark {
  padding: 20px !important;
}

/* --------------------------------------------------------------------------
   Tables
   -------------------------------------------------------------------------- */
.addecasform .table-black {
  border-collapse: collapse !important;
  background: var(--ecas-surface);
  border-color: var(--ecas-border) !important;
}

.addecasform .table-black th {
  background: var(--ecas-table-head) !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  border: 1px solid var(--ecas-table-head) !important;
  padding: 10px 12px !important;
  text-align: center;
}

.addecasform .table-black td {
  border: 1px solid var(--ecas-border) !important;
  padding: 10px 12px !important;
  font-size: 14px;
  color: var(--ecas-text);
  background: var(--ecas-surface);
}

/* ECAS total score summary (MainScore.js) */
.addecasform .ecas-main-score-table,
.addecasform .ecas-main-score-table td,
.addecasform .ecas-main-score-table b {
  font-size: 18px !important;
  line-height: 1.45;
}

/* --------------------------------------------------------------------------
   Redesigned MainScore score panel
   -------------------------------------------------------------------------- */
.addecasform .ecas-score-panel {
  border-radius: var(--ecas-radius-lg);
  overflow: hidden;
  border: 1px solid var(--ecas-border);
  box-shadow: var(--ecas-shadow-card);
}

.addecasform .ecas-score-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  line-height: 1.5;
}

.addecasform .ecas-score-table col.ecas-score-col-category {
  width: 22%;
}

.addecasform .ecas-score-table col.ecas-score-col-breakdown {
  width: 60%;
}

.addecasform .ecas-score-table col.ecas-score-col-total {
  width: 18%;
}

/* Table header */
.addecasform .ecas-score-table thead th {
  background: var(--ecas-table-head);
  color: #fff;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  text-align: left;
}

.addecasform .ecas-score-table thead th:last-child {
  text-align: center;
}

/* Base td reset */
.addecasform .ecas-score-table td {
  padding: 13px 16px;
  border: 1px solid var(--ecas-border);
  color: var(--ecas-text);
  vertical-align: middle;
  background: var(--ecas-surface);
}

/* Section group header rows */
.addecasform .ecas-score-group-header td {
  background: #b66b4b !important;
  color: #fff !important;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 7px 16px !important;
  border-color: #b66b4b !important;
}

/* Category label column */
.addecasform .ecas-score-category {
  font-weight: 600;
  color: var(--ecas-text-secondary) !important;
  white-space: nowrap;
  vertical-align: middle !important;
}

/* Sub-scores breakdown column */
.addecasform .ecas-score-breakdown {
  vertical-align: top !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.addecasform .ecas-score-breakdown-item {
  display: block;
  padding: 2px 0;
  color: #000;
  font-size: 16px;
}

/* Score value column */
.addecasform .ecas-score-value {
  text-align: center !important;
  font-weight: 600;
  white-space: nowrap;
  vertical-align: middle !important;
  color: var(--ecas-text) !important;
}

/* Section subtotal rows (ALS-Specific, ALS Non-Specific) */
.addecasform .ecas-score-subtotal td {
  background: var(--ecas-brand-light) !important;
  border-color: var(--ecas-border-strong) !important;
}

.addecasform .ecas-score-subtotal .ecas-score-subtotal-label {
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ecas-brand-dark) !important;
}

.addecasform .ecas-score-subtotal .ecas-score-value {
  font-weight: 700;
  font-size: 15px;
  color: var(--ecas-brand-dark) !important;
}

/* Grand total row */
.addecasform .ecas-score-grand-total td {
  background: #b66b4b !important;
  border-color: #b66b4b !important;
  padding: 14px 16px !important;
}

.addecasform .ecas-score-grand-label {
  font-weight: 800;
  font-size: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff !important;
}

.addecasform .ecas-score-grand-total .ecas-score-value {
  font-weight: 800;
  font-size: 16px;
  color: #fff !important;
}

/* Behavior screen, ALS psychosis, and similar section tables */
.addecasform .ecas-form-table-text-18 td,
.addecasform .ecas-form-table-text-18 th,
.addecasform .ecas-form-table-text-18 b,
.addecasform .ecas-form-table-text-18 .button {
  font-size: 18px !important;
  line-height: 1.45;
}

.addecasform .table-black tbody tr:nth-child(even) td {
  background: var(--ecas-section-muted);
}

.addecasform .table-black td.light-grey {
  background: var(--ecas-section-muted) !important;
  color: var(--ecas-text) !important;
}

/* light-grey on th must not inherit white header text */
.addecasform .table-black th.light-grey {
  background: var(--ecas-section-muted) !important;
  color: var(--ecas-text) !important;
  border-color: var(--ecas-border) !important;
}

/* VFI conversion table (Verbal Fluency — Letter S, etc.) */
.addecasform .ecas-vfi-table-col {
  padding: 24px 16px;
  border-left: 1px solid var(--ecas-border) !important;
  border-top: none !important;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-sizing: border-box;
}

.addecasform .ecas-vfi-table-title {
  margin: 0 !important;
  padding: 14px 16px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.02em !important;
  text-align: center !important;
  color: #ffffff !important;
  background: var(--ecas-brand) !important;
  border: 1px solid var(--ecas-border-strong) !important;
  border-bottom: none !important;
  border-radius: 14px 14px 0 0 !important;
  box-sizing: border-box !important;
}

/* Connect title band to the rounded VFI score table card below */
.addecasform .ecas-vfi-table-col:has(.ecas-vfi-table-title) .ecas-vfi-table-wrap {
  margin-top: 0 !important;
}

.addecasform .ecas-vfi-table-col:has(.ecas-vfi-table-title) table.ecas-vfi-score-table {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.addecasform .ecas-vfi-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

.addecasform .ecas-vfi-score-table {
  width: 100% !important;
  max-width: 100%;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin: 0 0 20px 0;
  box-sizing: border-box;
  border: 1px solid #d1d5db;
  background: #fff;
  font-family: inherit;
}

.addecasform .ecas-vfi-score-table col.ecas-vfi-col-range {
  width: 68%;
}

.addecasform .ecas-vfi-score-table col.ecas-vfi-col-score {
  width: 32%;
}

.addecasform .ecas-vfi-score-table th,
.addecasform .ecas-vfi-score-table td {
  box-sizing: border-box !important;
  padding: 11px 14px !important;
  border: 1px solid #d1d5db !important;
  vertical-align: middle;
  text-align: center;
  overflow-wrap: break-word;
  word-break: break-word;
}

.addecasform .ecas-vfi-score-table th {
  background: #4a4a4a !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-color: #4a4a4a !important;
  line-height: 1.3 !important;
}

.addecasform .ecas-vfi-score-table td {
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #111827 !important;
  font-weight: 400 !important;
}

.addecasform .ecas-vfi-score-table tbody tr:nth-child(odd) td.ecas-vfi-range-cell {
  background: #fff !important;
}

.addecasform .ecas-vfi-score-table tbody tr:nth-child(even) td.ecas-vfi-range-cell {
  background: #f3f4f6 !important;
}

.addecasform .ecas-vfi-score-table td.ecas-vfi-score-value {
  background: #faf3f0 !important;
  font-weight: 400 !important;
  font-variant-numeric: tabular-nums;
}

.addecasform .ecas-vfi-range-text {
  display: inline-block;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.addecasform .ecas-vfi-op {
  display: inline;
  font-weight: 400;
  letter-spacing: 0;
}

.addecasform .ecas-vfi-final-score-field {
  width: 100%;
  max-width: 100%;
  margin-top: 24px !important;
  padding: 0;
  box-sizing: border-box;
}

.addecasform .ecas-vfi-final-score-label {
  display: block;
  margin: 0 0 8px 0 !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #000 !important;
}

.addecasform .ecas-vfi-final-score-field .ecas-input-field {
  width: 100% !important;
  margin-top: 0 !important;
}

/* Section score + timer footer spacing */
.addecasform .ecas-section-score-footer {
  padding-bottom: 28px;
  margin-bottom: 12px;
}

.addecasform .ecas-section-score-field {
  margin-bottom: 0;
}

.addecasform .ecas-section-score-label {
  display: block;
  margin-bottom: 8px;
}

.addecasform .ecas-section-score-field .ecas-input-field {
  margin-top: 0;
}

/* --------------------------------------------------------------------------
   Reverse Digit Span table
   -------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------
   Reverse Digit Span (`.ecas-digit-span-table`) + Executive Alternation
   (`.ecas-digit-span-table--triple`) — aligned to Form A look.

   These rules were previously painting headers in brand orange / warm
   peach and forcing `border-collapse: collapse` which prevented the
   rounded card from clipping. Re-tuned in place (same selectors, same
   specificity, same source-order position) so no other rule can win
   the cascade. Add-mode-only because these classes only exist in
   `features/ecas/ecasFormBComponents/add/**` and the legacy old Form A
   add components.
   --------------------------------------------------------------------- */

.addecasform .ecas-digit-span-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid var(--ecas-border-strong);
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(31, 41, 55, 0.06) !important;
  margin-left: 0 !important;
}

.addecasform .ecas-digit-span-table th,
.addecasform .ecas-digit-span-table td {
  padding: 14px 14px !important;
  border: none !important;
  border-right: 1px solid #efe6e1 !important;
  border-bottom: 1px solid #f1ece9 !important;
  vertical-align: middle !important;
  text-align: center !important;
}

.addecasform .ecas-digit-span-table th {
  background: linear-gradient(135deg, #313131 0%, #525252 100%) !important;
  background-color: #313131 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.18) !important;
  height: 56px !important;
  padding: 18px 14px !important;
  line-height: 1.3 !important;
}

.addecasform .ecas-digit-span-table th.trial {
  background: linear-gradient(135deg, #313131 0%, #525252 100%) !important;
  background-color: #313131 !important;
  color: #ffffff !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.18) !important;
}

.addecasform .ecas-digit-span-table td {
  color: #1f2937 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background: transparent !important;
}

.addecasform .ecas-digit-span-table tbody tr {
  background: #ffffff !important;
}

.addecasform .ecas-digit-span-table tbody tr:nth-child(even) {
  background: #fbf8f6 !important;
}

.addecasform .ecas-digit-span-table tbody tr:hover {
  background: #fdf4ee !important;
}

.addecasform .ecas-digit-span-table tbody tr:nth-child(even) td {
  background: transparent !important;
}

.addecasform .ecas-digit-span-table tbody tr:last-child td {
  border-bottom: none !important;
}

.addecasform .ecas-digit-span-table tbody td:last-child,
.addecasform .ecas-digit-span-table tr th:last-child {
  border-right: none !important;
}

.addecasform .ecas-digit-span-table td input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #b66c4b;
  cursor: pointer;
  position: static !important;
}

/* 3-panel variant (Executive Alternation) — soft warm-taupe divider
   between the three panels instead of the harsh brand-dark stripe. */
.addecasform .ecas-digit-span-table--triple>tbody>tr> :nth-child(4),
.addecasform .ecas-digit-span-table--triple>tbody>tr> :nth-child(7) {
  border-left: 2px solid #e2d5cf !important;
}

/* Override generic answer-table rules for digit-span tables. Same
   selectors as before, just retargeted to the new charcoal look so
   nothing earlier in the cascade can paint them brand-orange or peach. */
.addecasform .ecas-digit-span-table.answer-table th:not(.trial) {
  background: linear-gradient(135deg, #313131 0%, #525252 100%) !important;
  background-color: #313131 !important;
  color: #ffffff !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.18) !important;
}

.addecasform .ecas-digit-span-table.answer-table th.trial {
  background: linear-gradient(135deg, #313131 0%, #525252 100%) !important;
  background-color: #313131 !important;
  color: #ffffff !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.18) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
}

.addecasform .ecas-digit-span-table.answer-table th.trial *,
.addecasform .ecas-digit-span-table.answer-table th:not(.trial) * {
  color: #ffffff !important;
}

.addecasform .ecas-digit-span-table.answer-table td {
  border: none !important;
  border-right: 1px solid #efe6e1 !important;
  border-bottom: 1px solid #f1ece9 !important;
  text-align: center !important;
  background: transparent !important;
  color: #1f2937 !important;
}

/* Trial-number body cells (`<td class="trial grey">`) — brand-color
   bold number text on the row's zebra background. */
.addecasform .ecas-digit-span-table.answer-table td.trial,
.addecasform .ecas-digit-span-table.answer-table td.grey,
.addecasform .ecas-digit-span-table.answer-table td.trial.grey {
  background: transparent !important;
  color: #b66c4b !important;
  font-weight: 700 !important;
}

.addecasform .ecas-digit-span-table.answer-table td.trial b,
.addecasform .ecas-digit-span-table.answer-table td.grey b,
.addecasform .ecas-digit-span-table.answer-table td.trial.grey b {
  color: #b66c4b !important;
  font-weight: 700 !important;
}

/* Rounded-corner clipping on corner cells (overflow: hidden alone is
   unreliable on <table> in some browsers). */
.addecasform .ecas-digit-span-table tbody tr:first-child>th:first-child,
.addecasform .ecas-digit-span-table tbody tr:first-child>td:first-child {
  border-top-left-radius: 13px !important;
}

.addecasform .ecas-digit-span-table tbody tr:first-child>th:last-child,
.addecasform .ecas-digit-span-table tbody tr:first-child>td:last-child {
  border-top-right-radius: 13px !important;
}

.addecasform .ecas-digit-span-table tbody tr:last-child>td:first-child,
.addecasform .ecas-digit-span-table tbody tr:last-child>th:first-child {
  border-bottom-left-radius: 13px !important;
}

.addecasform .ecas-digit-span-table tbody tr:last-child>td:last-child,
.addecasform .ecas-digit-span-table tbody tr:last-child>th:last-child {
  border-bottom-right-radius: 13px !important;
}

.addecasform .table-black .trial {
  text-align: center;
}

/* Sentence completion — section shell, practice inputs, footer */
.addecasform .ecas-sentence-completion-section {
  background: var(--ecas-section-bg) !important;
  border-color: var(--ecas-border) !important;
}

.addecasform .ecas-sentence-completion-inner {
  padding: 20px 8px 8px;
}

.addecasform .ecas-sentence-completion-instructions {
  padding: 0 20px 8px 28px !important;
  margin-bottom: 8px;
}

.addecasform .ecas-sentence-completion-practice-grid {
  margin: 16px 20px 8px;
  padding: 0 8px;
}

.addecasform .ecas-sentence-completion-practice-grid--secondary {
  margin-top: 20px;
  margin-bottom: 12px;
  padding-top: 20px;
  border-top: 1px solid var(--ecas-border);
}

.addecasform .ecas-sentence-completion-practice-item {
  margin-bottom: 16px;
}

.addecasform .ecas-sentence-completion-practice-label {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--ecas-text);
  margin-bottom: 10px;
}

.addecasform .ecas-sentence-completion-practice-input {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.addecasform .ecas-sentence-completion-score-footer {
  padding: 24px 28px 32px;
  margin-top: 8px;
  border-top: 1px solid var(--ecas-border);
}

.addecasform .ecas-sentence-completion-score-footer .ecas-section-score-field .ecas-input-field {
  max-width: 200px;
}

/* Sentence completion — scoring table (Main.js) */
.addecasform .ecas-sentence-completion-table-section {
  margin-top: 8px;
}

.addecasform .ecas-sentence-completion-table-wrap {
  overflow-x: auto;
  margin: 8px 20px 24px;
  border: 1px solid var(--ecas-border);
  border-radius: var(--ecas-radius-lg);
  box-shadow: 0 2px 8px rgba(31, 41, 55, 0.06);
  background: var(--ecas-section-bg);
}

.addecasform .ecas-sentence-completion-scoring-table {
  width: 100%;
  border-collapse: collapse !important;
  margin: 0 !important;
  max-width: none !important;
  table-layout: fixed;
}

.addecasform .ecas-sentence-completion-scoring-table thead th {
  padding: 14px 16px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  text-transform: none;
  vertical-align: middle;
  border: none !important;
  border-bottom: 2px solid var(--ecas-brand-dark) !important;
  background: var(--ecas-table-head) !important;
  color: #fff !important;
}

.addecasform .ecas-sentence-completion-col-num {
  width: 52px;
  min-width: 52px;
}

.addecasform .ecas-sentence-completion-col-question {
  width: 28%;
  min-width: 200px;
  text-align: left !important;
}

.addecasform .ecas-sentence-completion-col-answer {
  width: 22%;
  min-width: 160px;
  text-align: center !important;
}

.addecasform .ecas-sentence-completion-col-score {
  width: 16%;
  min-width: 128px;
  text-align: center !important;
  vertical-align: middle;
}

.addecasform .ecas-sentence-completion-col-score--two {
  background: #3d6b5c !important;
  border-bottom-color: #2f5347 !important;
}

.addecasform .ecas-sentence-completion-col-score--one {
  background: #5a5a5a !important;
}

.addecasform .ecas-sentence-completion-col-score--zero {
  background: #8d4f33 !important;
  border-bottom-color: #6d3d28 !important;
}

.addecasform .ecas-sentence-completion-score-heading {
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}

.addecasform .ecas-sentence-completion-score-subheading {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  opacity: 0.92;
}

.addecasform .ecas-sentence-completion-scoring-table tbody td {
  padding: 14px 16px !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  vertical-align: middle !important;
  color: var(--ecas-text) !important;
  border: 1px solid var(--ecas-border) !important;
}

.addecasform .ecas-sentence-completion-scoring-table tbody tr:nth-child(even) td {
  background: var(--ecas-section-muted);
}

.addecasform .ecas-sentence-completion-scoring-table tbody tr:hover td {
  background: #faf6f3;
}

.addecasform .ecas-sentence-completion-row-num {
  width: 52px;
  text-align: center !important;
  font-weight: 700;
  font-size: 15px !important;
  color: var(--ecas-brand-dark) !important;
  background: var(--ecas-brand-light) !important;
  border-right: 2px solid var(--ecas-border) !important;
}

.addecasform .ecas-sentence-completion-question-cell {
  text-align: left !important;
  font-weight: 500;
}

.addecasform .ecas-sentence-completion-answer-cell {
  text-align: center !important;
}

.addecasform .ecas-sentence-completion-answer-input {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  display: block !important;
  min-height: 42px;
  text-align: center;
}

.addecasform .ecas-sentence-completion-score-cell {
  text-align: center !important;
  vertical-align: middle !important;
  padding: 12px 10px !important;
}

.addecasform .ecas-sentence-completion-score-cell--two {
  background: #f0f7f4 !important;
}

.addecasform .ecas-sentence-completion-score-cell--one {
  background: #f9fafb !important;
}

.addecasform .ecas-sentence-completion-score-cell--zero {
  background: #fff5f2 !important;
}

.addecasform .ecas-sentence-completion-scoring-table tbody tr:nth-child(even) .ecas-sentence-completion-score-cell--two {
  background: #e6f0eb !important;
}

.addecasform .ecas-sentence-completion-scoring-table tbody tr:nth-child(even) .ecas-sentence-completion-score-cell--one {
  background: #f3f4f6 !important;
}

.addecasform .ecas-sentence-completion-scoring-table tbody tr:nth-child(even) .ecas-sentence-completion-score-cell--zero {
  background: #faf0ec !important;
}

.addecasform .ecas-sentence-completion-score-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 72px;
}

.addecasform .ecas-sentence-completion-score-checkbox {
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: var(--ecas-brand);
  cursor: pointer;
  flex-shrink: 0;
}

.addecasform .ecas-sentence-completion-hint {
  display: block;
  font-size: 13px;
  line-height: 1.4;
  color: var(--ecas-text-muted);
  text-align: center;
  max-width: 140px;
}

.addecasform .ecas-sentence-completion-score-cell:has(input[type="checkbox"]:checked) {
  background: rgba(182, 108, 75, 0.16) !important;
  box-shadow: inset 0 0 0 2px var(--ecas-brand);
}

.addecasform .ecas-sentence-completion-score-cell:has(input[type="checkbox"]:checked) .ecas-sentence-completion-hint {
  color: var(--ecas-text-secondary);
  font-weight: 500;
}

.addecasform .ecas-sentence-completion-scoring-table.answer-table th {
  border-color: var(--ecas-brand-dark) !important;
}

.addecasform .ecas-sentence-completion-scoring-table.answer-table td {
  border-color: var(--ecas-border) !important;
}

@media (max-width: 991px) {
  .addecasform .ecas-sentence-completion-table-wrap {
    margin-left: 12px;
    margin-right: 12px;
  }

  .addecasform .ecas-sentence-completion-scoring-table {
    table-layout: auto;
    min-width: 720px;
  }
}

/* Delayed recognition — T/F questions table */
.addecasform .ecas-delayed-recognition-section {
  background: var(--ecas-section-bg) !important;
  border-color: var(--ecas-border) !important;
}

.addecasform .ecas-delayed-recognition-inner {
  padding: 24px 8px 12px;
}

.addecasform .ecas-delayed-recognition-questions-heading {
  font-size: 17px;
  font-weight: 700;
  color: var(--ecas-brand);
  margin: 20px 20px 14px;
  padding: 0;
  letter-spacing: 0.02em;
}

.addecasform .ecas-delayed-recognition-table-wrap {
  overflow-x: auto;
  margin: 0 20px 28px;
  border: 1px solid var(--ecas-border);
  border-radius: var(--ecas-radius-lg);
  box-shadow: 0 2px 8px rgba(31, 41, 55, 0.06);
  background: var(--ecas-section-bg);
}

.addecasform .ecas-delayed-recognition-questions-table {
  width: 100%;
  border-collapse: collapse !important;
  margin: 0 !important;
  max-width: none !important;
  table-layout: fixed;
}

.addecasform .ecas-delayed-recognition-questions-table thead th {
  padding: 14px 16px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em;
  text-transform: none;
  border: none !important;
  border-bottom: 2px solid var(--ecas-brand-dark) !important;
  vertical-align: middle;
}

.addecasform .ecas-delayed-recognition-col-question {
  width: auto;
  text-align: left !important;
}

.addecasform .ecas-delayed-recognition-col-choice {
  width: 96px;
  min-width: 96px;
  text-align: center !important;
}

.addecasform .ecas-delayed-recognition-col-answer {
  width: 140px;
  min-width: 120px;
  text-align: center !important;
}

.addecasform .ecas-delayed-recognition-questions-table tbody td {
  padding: 16px 18px !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  vertical-align: middle !important;
  color: var(--ecas-text) !important;
  border-color: var(--ecas-border) !important;
}

.addecasform .ecas-delayed-recognition-questions-table tbody tr:nth-child(even) td {
  background: var(--ecas-section-muted);
}

.addecasform .ecas-delayed-recognition-questions-table tbody tr:hover td {
  background: #faf6f3;
}

.addecasform .ecas-delayed-recognition-row:has(.ecas-delayed-recognition-tf-btn--active) td {
  background: rgba(182, 108, 75, 0.08) !important;
}

.addecasform .ecas-delayed-recognition-row:has(.ecas-delayed-recognition-tf-btn--active):hover td {
  background: rgba(182, 108, 75, 0.12) !important;
}

.addecasform .ecas-delayed-recognition-question-cell {
  text-align: left !important;
  font-weight: 500;
  padding-right: 24px !important;
}

.addecasform .ecas-delayed-recognition-choice-cell {
  text-align: center !important;
  padding: 12px 8px !important;
}

.addecasform .ecas-delayed-recognition-answer-cell {
  text-align: center !important;
  background: #fdf8f6 !important;
}

.addecasform .ecas-delayed-recognition-questions-table tbody tr:nth-child(even) .ecas-delayed-recognition-answer-cell {
  background: #faf3f0 !important;
}

.addecasform .ecas-delayed-recognition-tf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1;
  font-family: inherit !important;
  color: var(--ecas-text-secondary) !important;
  background: var(--ecas-surface) !important;
  border: 2px solid var(--ecas-border-strong) !important;
  border-radius: var(--ecas-radius) !important;
  cursor: pointer;
  transition:
    background 150ms ease,
    border-color 150ms ease,
    color 150ms ease,
    box-shadow 150ms ease,
    transform 150ms ease;
}

.addecasform .ecas-delayed-recognition-tf-btn:hover:not(:disabled) {
  border-color: var(--ecas-brand) !important;
  color: var(--ecas-brand-dark) !important;
  box-shadow: 0 2px 8px rgba(182, 108, 75, 0.18);
}

.addecasform .ecas-delayed-recognition-tf-btn--active,
.addecasform .ecas-delayed-recognition-tf-btn--active:hover:not(:disabled) {
  background: var(--ecas-brand) !important;
  border-color: var(--ecas-brand-dark) !important;
  color: #fff !important;
  box-shadow: 0 3px 10px rgba(182, 108, 75, 0.32);
}

.addecasform .ecas-delayed-recognition-tf-btn:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.addecasform .ecas-delayed-recognition-correct-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  font-size: 17px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--ecas-brand-dark);
  background: #fff;
  border: 1px solid var(--ecas-border-strong);
  border-radius: var(--ecas-radius);
  box-shadow: 0 1px 3px rgba(31, 41, 55, 0.06);
}

.addecasform .ecas-delayed-recognition-questions-table.answer-table th {
  border-color: var(--ecas-brand-dark) !important;
}

.addecasform .ecas-delayed-recognition-score-footer {
  padding: 20px 20px 28px;
  border-top: 1px solid var(--ecas-border);
  margin-top: 4px;
}

.addecasform .ecas-delayed-recognition-score-footer .ecas-section-score-field .ecas-input-field {
  max-width: 200px;
}

@media (max-width: 991px) {
  .addecasform .ecas-delayed-recognition-table-wrap {
    margin-left: 12px;
    margin-right: 12px;
  }

  .addecasform .ecas-delayed-recognition-questions-table {
    table-layout: auto;
    min-width: 640px;
  }
}

.addecasform .response-log-table th,
.addecasform .answer-table th,
.addecasform .immediate-recall-answer-table th,
.addecasform .delayed-recall-answer-table th,
.addecasform .delayed-recognition-question-table th,
.addecasform .sentence-completion-scoring-table th:not(.ecas-sentence-completion-col-score) {
  background: var(--ecas-table-head) !important;
  color: #fff !important;
  border-color: var(--ecas-table-head) !important;
}

.addecasform .response-log-table td,
.addecasform .answer-table td,
.addecasform .immediate-recall-answer-table td,
.addecasform .delayed-recall-answer-table td,
.addecasform .delayed-recognition-question-table td,
.addecasform .sentence-completion-scoring-table td {
  border-color: var(--ecas-border) !important;
}

/* --------------------------------------------------------------------------
   Checkboxes & radios
   -------------------------------------------------------------------------- */
.addecasform .multisteps-form.ecas-form .ant-checkbox-inner,
.addecasform .ant-checkbox-inner {
  border: 1px solid var(--ecas-border-strong) !important;
  border-radius: 4px;
}

.addecasform .multisteps-form.ecas-form .ant-checkbox-checked .ant-checkbox-inner,
.addecasform .ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--ecas-brand) !important;
  border-color: var(--ecas-brand) !important;
}

.addecasform .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.addecasform .ant-checkbox:hover .ant-checkbox-inner {
  border-color: var(--ecas-brand) !important;
}

.addecasform input[type="radio"] {
  accent-color: var(--ecas-brand);
}

/* --------------------------------------------------------------------------
   Images in form
   -------------------------------------------------------------------------- */
.addecasform .form-picture {
  border: none !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}

.addecasform .dot-image,
.addecasform .number-location-image {
  border-color: var(--ecas-border-strong) !important;
  border-radius: var(--ecas-radius);
}

/* --------------------------------------------------------------------------
   Footer actions (Save draft / Submit)
   -------------------------------------------------------------------------- */
.addecasform .actions .btn.primary {
  background: var(--ecas-brand) !important;
  border: none !important;
  border-radius: var(--ecas-radius) !important;
  color: #fff !important;
  font-weight: 600 !important;
  padding: 12px 22px !important;
  box-shadow: var(--ecas-shadow-btn) !important;
  transition: filter 150ms ease, transform 150ms ease;
}

.addecasform .actions .btn.primary:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

/* --------------------------------------------------------------------------
   Back to top
   -------------------------------------------------------------------------- */
.addecasform .back-to-top-button {
  position: fixed !important;
  bottom: 32px;
  right: 32px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: var(--ecas-surface) !important;
  border: 1px solid var(--ecas-border) !important;
  color: var(--ecas-brand) !important;
  font-size: 15px;
  box-shadow: var(--ecas-shadow-card);
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
  z-index: 999;
  text-decoration: none;
}

.addecasform .back-to-top-button:hover {
  background: var(--ecas-brand) !important;
  color: #fff !important;
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(182, 108, 75, 0.28);
}

/* --------------------------------------------------------------------------
   Ant dropdown (when opened from this form)
   -------------------------------------------------------------------------- */
.addecasform~.ant-select-dropdown .ant-select-item,
.ant-select-dropdown:has(.ant-select-item-option) .ant-select-item {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13.5px;
}

/* --------------------------------------------------------------------------
   Border utilities override inside form card
   -------------------------------------------------------------------------- */
.addecasform .container.px-0 .border-dark {
  border-color: var(--ecas-border) !important;
}

.addecasform .border-right {
  border-right-color: var(--ecas-border) !important;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
  .addecasform .ecas-demographics-main {
    padding: 20px 16px !important;
  }

  .addecasform .ecas-demographics-main.row {
    grid-template-columns: 1fr;
    column-gap: 0;
  }

  .addecasform .container.px-0>.row.border.border-dark.grey:first-child .text-center {
    padding: 20px 24px !important;
    font-size: 16px !important;
  }

  .addecasform .row.border.border-dark.grey .text-center,
  .addecasform .row.border.border-dark.grey .text-left,
  .addecasform .row.border.border-dark.grey .text-right {
    padding: 14px 18px !important;
  }

  .addecasform .row.border.border-dark .row.border.border-dark {
    margin: 10px 8px;
  }
}

@media (max-width: 576px) {
  .addecasform .back-to-top-button {
    bottom: 20px;
    right: 20px;
    width: 42px;
    height: 42px;
  }
}

/* =====================================================================
   ECAS Form B (Add Mode) — table UI alignment to Form A look
   ---------------------------------------------------------------------
   Goal: bring every <table> rendered inside Form B's add page to the
   same charcoal-header / rounded-card / soft-warm-border aesthetic used
   in the new Form A (see new-ecas-form-a.css).

   Scope safety:
     • This file is only imported by AddECASFormB.js (and the legacy
       AddECAS.js / old Form A). It is NOT loaded by EditDetails.js,
       view/* files, or AddECASFormC.js, so edit / view / Form C are
       untouched.
     • All `.ecas-*-scoring-table`, `.ecas-vfi-score-table`,
       `.ecas-main-score-table`, `.ecas-form-table-text-18`,
       `.ecas-digit-span-table`, `.ecas-delayed-recall-conversion-table`,
       `.ecas-delayed-recognition-questions-table`,
       `.ecas-sentence-completion-scoring-table` class names only appear
       in the add components (`features/ecas/ecasFormBComponents/add/**`
       and `features/ecas/components/ecasFormAddComponents/**` — old Form
       A add). They are absent from edit/view/Form C entirely.

   Specificity strategy: every selector uses `.addecasform table.<form-b
   class>` (specificity 0,2,2) — same as the existing rules earlier in
   this file (0,2,2) — and ALL declarations carry `!important`. Source
   order then makes these declarations win, so JSX stays untouched.
   ===================================================================== */

/* ---- Card-style outer shell shared by every Form B add table ------- */
.addecasform table.ecas-immediate-recall-scoring-table,
.addecasform table.ecas-delayed-recall-scoring-table,
.addecasform table.ecas-delayed-recall-conversion-table,
.addecasform table.ecas-delayed-recognition-questions-table,
.addecasform table.ecas-vfi-score-table,
.addecasform table.ecas-main-score-table,
.addecasform table.ecas-form-table-text-18,
.addecasform table.ecas-sentence-completion-scoring-table,
.addecasform table.ecas-digit-span-table,
.addecasform table.ecas-digit-span-table--triple,
.addecasform table.social-cognition-table {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #ece1db !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(31, 41, 55, 0.06) !important;
  font-size: 14px !important;
  max-width: none !important;
}

/* ---- Universal <th>: charcoal gradient + white uppercase text ------ */
.addecasform table.ecas-immediate-recall-scoring-table th,
.addecasform table.ecas-immediate-recall-scoring-table thead tr th,
.addecasform table.ecas-delayed-recall-scoring-table th,
.addecasform table.ecas-delayed-recall-scoring-table thead tr th,
.addecasform table.ecas-delayed-recall-conversion-table th,
.addecasform table.ecas-delayed-recall-conversion-table thead tr th,
.addecasform table.ecas-delayed-recognition-questions-table th,
.addecasform table.ecas-delayed-recognition-questions-table thead tr th,
.addecasform table.ecas-vfi-score-table th,
.addecasform table.ecas-vfi-score-table thead tr th,
.addecasform table.ecas-main-score-table th,
.addecasform table.ecas-main-score-table thead tr th,
.addecasform table.ecas-form-table-text-18 th,
.addecasform table.ecas-form-table-text-18 thead tr th,
.addecasform table.ecas-sentence-completion-scoring-table th,
.addecasform table.ecas-sentence-completion-scoring-table thead tr th,
.addecasform table.ecas-digit-span-table th,
.addecasform table.ecas-digit-span-table thead tr th,
.addecasform table.ecas-digit-span-table--triple th,
.addecasform table.ecas-digit-span-table--triple thead tr th,
.addecasform table.social-cognition-table th,
.addecasform table.social-cognition-table thead tr th {
  background: linear-gradient(135deg, #313131 0%, #525252 100%) !important;
  background-color: #313131 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  padding: 18px 14px !important;
  height: 56px !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.18) !important;
  text-align: left !important;
  vertical-align: middle !important;
}

/* Header row also gets the gradient (so any rendered gaps inherit it). */
.addecasform table.ecas-immediate-recall-scoring-table thead tr,
.addecasform table.ecas-delayed-recall-scoring-table thead tr,
.addecasform table.ecas-delayed-recall-conversion-table thead tr,
.addecasform table.ecas-delayed-recognition-questions-table thead tr,
.addecasform table.ecas-vfi-score-table thead tr,
.addecasform table.ecas-main-score-table thead tr,
.addecasform table.ecas-form-table-text-18 thead tr,
.addecasform table.ecas-sentence-completion-scoring-table thead tr,
.addecasform table.ecas-digit-span-table thead tr,
.addecasform table.ecas-digit-span-table--triple thead tr,
.addecasform table.social-cognition-table thead tr {
  background: linear-gradient(135deg, #313131 0%, #525252 100%) !important;
}

/* Nested elements inside <th> stay white (some headers wrap <b>, <span>). */
.addecasform table.ecas-immediate-recall-scoring-table th *,
.addecasform table.ecas-delayed-recall-scoring-table th *,
.addecasform table.ecas-delayed-recall-conversion-table th *,
.addecasform table.ecas-delayed-recognition-questions-table th *,
.addecasform table.ecas-vfi-score-table th *,
.addecasform table.ecas-main-score-table th *,
.addecasform table.ecas-form-table-text-18 th *,
.addecasform table.ecas-sentence-completion-scoring-table th *,
.addecasform table.ecas-digit-span-table th *,
.addecasform table.ecas-digit-span-table--triple th *,
.addecasform table.social-cognition-table th * {
  color: #ffffff !important;
}

/* Last <th> in a row drops its right divider. */
.addecasform table.ecas-immediate-recall-scoring-table tr th:last-child,
.addecasform table.ecas-delayed-recall-scoring-table tr th:last-child,
.addecasform table.ecas-delayed-recall-conversion-table tr th:last-child,
.addecasform table.ecas-delayed-recognition-questions-table tr th:last-child,
.addecasform table.ecas-vfi-score-table tr th:last-child,
.addecasform table.ecas-main-score-table tr th:last-child,
.addecasform table.ecas-form-table-text-18 tr th:last-child,
.addecasform table.ecas-sentence-completion-scoring-table tr th:last-child,
.addecasform table.ecas-digit-span-table tr th:last-child,
.addecasform table.ecas-digit-span-table--triple tr th:last-child,
.addecasform table.social-cognition-table tr th:last-child {
  border-right: none !important;
}

/* ---- Body cells: soft warm borders, neutral text ------------------- */
.addecasform table.ecas-immediate-recall-scoring-table tbody td,
.addecasform table.ecas-delayed-recall-scoring-table tbody td,
.addecasform table.ecas-delayed-recall-conversion-table tbody td,
.addecasform table.ecas-delayed-recognition-questions-table tbody td,
.addecasform table.ecas-vfi-score-table tbody td,
.addecasform table.ecas-main-score-table tbody td,
.addecasform table.ecas-form-table-text-18 tbody td,
.addecasform table.ecas-sentence-completion-scoring-table tbody td,
.addecasform table.ecas-digit-span-table tbody td,
.addecasform table.ecas-digit-span-table--triple tbody td,
.addecasform table.social-cognition-table tbody td {
  padding: 10px 14px !important;
  border: none !important;
  border-right: 1px solid #efe6e1 !important;
  border-bottom: 1px solid #f1ece9 !important;
  color: #1f2937 !important;
  font-size: 14px !important;
  vertical-align: middle !important;
  background: transparent !important;
  transition: background-color 0.15s ease !important;
}

.addecasform table.ecas-immediate-recall-scoring-table tbody td:last-child,
.addecasform table.ecas-delayed-recall-scoring-table tbody td:last-child,
.addecasform table.ecas-delayed-recall-conversion-table tbody td:last-child,
.addecasform table.ecas-delayed-recognition-questions-table tbody td:last-child,
.addecasform table.ecas-vfi-score-table tbody td:last-child,
.addecasform table.ecas-main-score-table tbody td:last-child,
.addecasform table.ecas-form-table-text-18 tbody td:last-child,
.addecasform table.ecas-sentence-completion-scoring-table tbody td:last-child,
.addecasform table.ecas-digit-span-table tbody td:last-child,
.addecasform table.ecas-digit-span-table--triple tbody td:last-child,
.addecasform table.social-cognition-table tbody td:last-child {
  border-right: none !important;
}

.addecasform table.ecas-immediate-recall-scoring-table tbody tr:last-child td,
.addecasform table.ecas-delayed-recall-scoring-table tbody tr:last-child td,
.addecasform table.ecas-delayed-recall-conversion-table tbody tr:last-child td,
.addecasform table.ecas-delayed-recognition-questions-table tbody tr:last-child td,
.addecasform table.ecas-vfi-score-table tbody tr:last-child td,
.addecasform table.ecas-main-score-table tbody tr:last-child td,
.addecasform table.ecas-form-table-text-18 tbody tr:last-child td,
.addecasform table.ecas-sentence-completion-scoring-table tbody tr:last-child td,
.addecasform table.ecas-digit-span-table tbody tr:last-child td,
.addecasform table.ecas-digit-span-table--triple tbody tr:last-child td,
.addecasform table.social-cognition-table tbody tr:last-child td {
  border-bottom: none !important;
}

/* ---- Zebra rows + hover, matching Form A ---------------------------- */
.addecasform table.ecas-immediate-recall-scoring-table tbody tr,
.addecasform table.ecas-delayed-recall-scoring-table tbody tr,
.addecasform table.ecas-delayed-recall-conversion-table tbody tr,
.addecasform table.ecas-delayed-recognition-questions-table tbody tr,
.addecasform table.ecas-vfi-score-table tbody tr,
.addecasform table.ecas-main-score-table tbody tr,
.addecasform table.ecas-form-table-text-18 tbody tr,
.addecasform table.ecas-sentence-completion-scoring-table tbody tr,
.addecasform table.ecas-digit-span-table tbody tr,
.addecasform table.ecas-digit-span-table--triple tbody tr,
.addecasform table.social-cognition-table tbody tr {
  background: #ffffff !important;
}

.addecasform table.ecas-immediate-recall-scoring-table tbody tr:nth-child(even),
.addecasform table.ecas-delayed-recall-scoring-table tbody tr:nth-child(even),
.addecasform table.ecas-delayed-recall-conversion-table tbody tr:nth-child(even),
.addecasform table.ecas-delayed-recognition-questions-table tbody tr:nth-child(even),
.addecasform table.ecas-vfi-score-table tbody tr:nth-child(even),
.addecasform table.ecas-main-score-table tbody tr:nth-child(even),
.addecasform table.ecas-form-table-text-18 tbody tr:nth-child(even),
.addecasform table.ecas-sentence-completion-scoring-table tbody tr:nth-child(even),
.addecasform table.ecas-digit-span-table tbody tr:nth-child(even),
.addecasform table.ecas-digit-span-table--triple tbody tr:nth-child(even),
.addecasform table.social-cognition-table tbody tr:nth-child(even) {
  background: #fbf8f6 !important;
}

.addecasform table.ecas-immediate-recall-scoring-table tbody tr:hover,
.addecasform table.ecas-delayed-recall-scoring-table tbody tr:hover,
.addecasform table.ecas-delayed-recall-conversion-table tbody tr:hover,
.addecasform table.ecas-delayed-recognition-questions-table tbody tr:hover,
.addecasform table.ecas-vfi-score-table tbody tr:hover,
.addecasform table.ecas-main-score-table tbody tr:hover,
.addecasform table.ecas-form-table-text-18 tbody tr:hover,
.addecasform table.ecas-sentence-completion-scoring-table tbody tr:hover,
.addecasform table.ecas-digit-span-table tbody tr:hover,
.addecasform table.ecas-digit-span-table--triple tbody tr:hover,
.addecasform table.social-cognition-table tbody tr:hover {
  background: #fdf4ee !important;
}

/* Tbody td that the existing rules paint with var(--ecas-section-muted)
   or rgba(brand,...): force transparent so our zebra shows through. */
.addecasform table.ecas-immediate-recall-scoring-table tbody tr:nth-child(even) td,
.addecasform table.ecas-delayed-recall-scoring-table tbody tr:nth-child(even) td,
.addecasform table.ecas-delayed-recall-conversion-table tbody tr:nth-child(even) td,
.addecasform table.ecas-vfi-score-table tbody tr:nth-child(even) td,
.addecasform table.ecas-sentence-completion-scoring-table tbody tr:nth-child(even) td,
.addecasform table.ecas-digit-span-table tbody tr:nth-child(even) td,
.addecasform table.ecas-digit-span-table--triple tbody tr:nth-child(even) td {
  background: transparent !important;
}

.addecasform table.ecas-immediate-recall-scoring-table tbody tr:hover td,
.addecasform table.ecas-delayed-recall-scoring-table tbody tr:hover td,
.addecasform table.ecas-delayed-recall-conversion-table tbody tr:hover td,
.addecasform table.ecas-vfi-score-table tbody tr:hover td,
.addecasform table.ecas-sentence-completion-scoring-table tbody tr:hover td,
.addecasform table.ecas-digit-span-table tbody tr:hover td,
.addecasform table.ecas-digit-span-table--triple tbody tr:hover td {
  background: transparent !important;
}

/* Existing rules paint .ecas-immediate-recall-row-scored td with
   rgba(brand, .1) — keep that highlight but make it Form-A flavoured. */
.addecasform table.ecas-immediate-recall-scoring-table tbody tr.ecas-immediate-recall-row-scored,
.addecasform table.ecas-immediate-recall-scoring-table tbody tr.ecas-immediate-recall-row-scored:hover {
  background: linear-gradient(90deg,
      rgba(182, 108, 75, 0.1) 0%,
      rgba(255, 255, 255, 0) 30%) !important;
  box-shadow: none !important;
}

.addecasform table.ecas-immediate-recall-scoring-table tbody tr.ecas-immediate-recall-row-scored td,
.addecasform table.ecas-immediate-recall-scoring-table tbody tr.ecas-immediate-recall-row-scored:hover td {
  background: transparent !important;
}

/* "Score" column highlight in the delayed-recall conversion table —
   keep the brand-warm tint but blend it with the new shell. */
.addecasform table.ecas-delayed-recall-conversion-table tbody td.ecas-delayed-recall-conversion-score,
.addecasform table.ecas-delayed-recall-conversion-table tbody tr:nth-child(even) td.ecas-delayed-recall-conversion-score {
  background: linear-gradient(180deg, #fdf1ea 0%, #fae3d5 100%) !important;
  color: #4a2918 !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
}

/* ---- Corner radii on cells (so overflow-hidden isn't the only clip). */
.addecasform table.ecas-immediate-recall-scoring-table thead tr:first-child th:first-child,
.addecasform table.ecas-immediate-recall-scoring-table tbody tr:first-child th:first-child,
.addecasform table.ecas-immediate-recall-scoring-table tbody tr:first-child td:first-child,
.addecasform table.ecas-delayed-recall-scoring-table thead tr:first-child th:first-child,
.addecasform table.ecas-delayed-recall-scoring-table tbody tr:first-child th:first-child,
.addecasform table.ecas-delayed-recall-scoring-table tbody tr:first-child td:first-child,
.addecasform table.ecas-delayed-recall-conversion-table thead tr:first-child th:first-child,
.addecasform table.ecas-delayed-recall-conversion-table tbody tr:first-child th:first-child,
.addecasform table.ecas-delayed-recall-conversion-table tbody tr:first-child td:first-child,
.addecasform table.ecas-delayed-recognition-questions-table thead tr:first-child th:first-child,
.addecasform table.ecas-delayed-recognition-questions-table tbody tr:first-child th:first-child,
.addecasform table.ecas-delayed-recognition-questions-table tbody tr:first-child td:first-child,
.addecasform table.ecas-vfi-score-table thead tr:first-child th:first-child,
.addecasform table.ecas-vfi-score-table tbody tr:first-child th:first-child,
.addecasform table.ecas-vfi-score-table tbody tr:first-child td:first-child,
.addecasform table.ecas-main-score-table thead tr:first-child th:first-child,
.addecasform table.ecas-main-score-table tbody tr:first-child th:first-child,
.addecasform table.ecas-main-score-table tbody tr:first-child td:first-child,
.addecasform table.ecas-form-table-text-18 thead tr:first-child th:first-child,
.addecasform table.ecas-form-table-text-18 tbody tr:first-child th:first-child,
.addecasform table.ecas-form-table-text-18 tbody tr:first-child td:first-child,
.addecasform table.ecas-sentence-completion-scoring-table thead tr:first-child th:first-child,
.addecasform table.ecas-sentence-completion-scoring-table tbody tr:first-child th:first-child,
.addecasform table.ecas-sentence-completion-scoring-table tbody tr:first-child td:first-child,
.addecasform table.ecas-digit-span-table thead tr:first-child th:first-child,
.addecasform table.ecas-digit-span-table tbody tr:first-child th:first-child,
.addecasform table.ecas-digit-span-table tbody tr:first-child td:first-child,
.addecasform table.ecas-digit-span-table--triple thead tr:first-child th:first-child,
.addecasform table.ecas-digit-span-table--triple tbody tr:first-child th:first-child,
.addecasform table.ecas-digit-span-table--triple tbody tr:first-child td:first-child,
.addecasform table.social-cognition-table thead tr:first-child th:first-child,
.addecasform table.social-cognition-table tbody tr:first-child th:first-child,
.addecasform table.social-cognition-table tbody tr:first-child td:first-child {
  border-top-left-radius: 13px !important;
}

.addecasform table.ecas-immediate-recall-scoring-table thead tr:first-child th:last-child,
.addecasform table.ecas-immediate-recall-scoring-table tbody tr:first-child th:last-child,
.addecasform table.ecas-immediate-recall-scoring-table tbody tr:first-child td:last-child,
.addecasform table.ecas-delayed-recall-scoring-table thead tr:first-child th:last-child,
.addecasform table.ecas-delayed-recall-scoring-table tbody tr:first-child th:last-child,
.addecasform table.ecas-delayed-recall-scoring-table tbody tr:first-child td:last-child,
.addecasform table.ecas-delayed-recall-conversion-table thead tr:first-child th:last-child,
.addecasform table.ecas-delayed-recall-conversion-table tbody tr:first-child th:last-child,
.addecasform table.ecas-delayed-recall-conversion-table tbody tr:first-child td:last-child,
.addecasform table.ecas-delayed-recognition-questions-table thead tr:first-child th:last-child,
.addecasform table.ecas-delayed-recognition-questions-table tbody tr:first-child th:last-child,
.addecasform table.ecas-delayed-recognition-questions-table tbody tr:first-child td:last-child,
.addecasform table.ecas-vfi-score-table thead tr:first-child th:last-child,
.addecasform table.ecas-vfi-score-table tbody tr:first-child th:last-child,
.addecasform table.ecas-vfi-score-table tbody tr:first-child td:last-child,
.addecasform table.ecas-main-score-table thead tr:first-child th:last-child,
.addecasform table.ecas-main-score-table tbody tr:first-child th:last-child,
.addecasform table.ecas-main-score-table tbody tr:first-child td:last-child,
.addecasform table.ecas-form-table-text-18 thead tr:first-child th:last-child,
.addecasform table.ecas-form-table-text-18 tbody tr:first-child th:last-child,
.addecasform table.ecas-form-table-text-18 tbody tr:first-child td:last-child,
.addecasform table.ecas-sentence-completion-scoring-table thead tr:first-child th:last-child,
.addecasform table.ecas-sentence-completion-scoring-table tbody tr:first-child th:last-child,
.addecasform table.ecas-sentence-completion-scoring-table tbody tr:first-child td:last-child,
.addecasform table.ecas-digit-span-table thead tr:first-child th:last-child,
.addecasform table.ecas-digit-span-table tbody tr:first-child th:last-child,
.addecasform table.ecas-digit-span-table tbody tr:first-child td:last-child,
.addecasform table.ecas-digit-span-table--triple thead tr:first-child th:last-child,
.addecasform table.ecas-digit-span-table--triple tbody tr:first-child th:last-child,
.addecasform table.ecas-digit-span-table--triple tbody tr:first-child td:last-child,
.addecasform table.social-cognition-table thead tr:first-child th:last-child,
.addecasform table.social-cognition-table tbody tr:first-child th:last-child,
.addecasform table.social-cognition-table tbody tr:first-child td:last-child {
  border-top-right-radius: 13px !important;
}

.addecasform table.ecas-immediate-recall-scoring-table tbody tr:last-child td:first-child,
.addecasform table.ecas-immediate-recall-scoring-table tbody tr:last-child th:first-child,
.addecasform table.ecas-delayed-recall-scoring-table tbody tr:last-child td:first-child,
.addecasform table.ecas-delayed-recall-scoring-table tbody tr:last-child th:first-child,
.addecasform table.ecas-delayed-recall-conversion-table tbody tr:last-child td:first-child,
.addecasform table.ecas-delayed-recall-conversion-table tbody tr:last-child th:first-child,
.addecasform table.ecas-delayed-recognition-questions-table tbody tr:last-child td:first-child,
.addecasform table.ecas-delayed-recognition-questions-table tbody tr:last-child th:first-child,
.addecasform table.ecas-vfi-score-table tbody tr:last-child td:first-child,
.addecasform table.ecas-vfi-score-table tbody tr:last-child th:first-child,
.addecasform table.ecas-main-score-table tbody tr:last-child td:first-child,
.addecasform table.ecas-main-score-table tbody tr:last-child th:first-child,
.addecasform table.ecas-form-table-text-18 tbody tr:last-child td:first-child,
.addecasform table.ecas-form-table-text-18 tbody tr:last-child th:first-child,
.addecasform table.ecas-sentence-completion-scoring-table tbody tr:last-child td:first-child,
.addecasform table.ecas-sentence-completion-scoring-table tbody tr:last-child th:first-child,
.addecasform table.ecas-digit-span-table tbody tr:last-child td:first-child,
.addecasform table.ecas-digit-span-table tbody tr:last-child th:first-child,
.addecasform table.ecas-digit-span-table--triple tbody tr:last-child td:first-child,
.addecasform table.ecas-digit-span-table--triple tbody tr:last-child th:first-child,
.addecasform table.social-cognition-table tbody tr:last-child td:first-child,
.addecasform table.social-cognition-table tbody tr:last-child th:first-child {
  border-bottom-left-radius: 13px !important;
}

.addecasform table.ecas-immediate-recall-scoring-table tbody tr:last-child td:last-child,
.addecasform table.ecas-immediate-recall-scoring-table tbody tr:last-child th:last-child,
.addecasform table.ecas-delayed-recall-scoring-table tbody tr:last-child td:last-child,
.addecasform table.ecas-delayed-recall-scoring-table tbody tr:last-child th:last-child,
.addecasform table.ecas-delayed-recall-conversion-table tbody tr:last-child td:last-child,
.addecasform table.ecas-delayed-recall-conversion-table tbody tr:last-child th:last-child,
.addecasform table.ecas-delayed-recognition-questions-table tbody tr:last-child td:last-child,
.addecasform table.ecas-delayed-recognition-questions-table tbody tr:last-child th:last-child,
.addecasform table.ecas-vfi-score-table tbody tr:last-child td:last-child,
.addecasform table.ecas-vfi-score-table tbody tr:last-child th:last-child,
.addecasform table.ecas-main-score-table tbody tr:last-child td:last-child,
.addecasform table.ecas-main-score-table tbody tr:last-child th:last-child,
.addecasform table.ecas-form-table-text-18 tbody tr:last-child td:last-child,
.addecasform table.ecas-form-table-text-18 tbody tr:last-child th:last-child,
.addecasform table.ecas-sentence-completion-scoring-table tbody tr:last-child td:last-child,
.addecasform table.ecas-sentence-completion-scoring-table tbody tr:last-child th:last-child,
.addecasform table.ecas-digit-span-table tbody tr:last-child td:last-child,
.addecasform table.ecas-digit-span-table tbody tr:last-child th:last-child,
.addecasform table.ecas-digit-span-table--triple tbody tr:last-child td:last-child,
.addecasform table.ecas-digit-span-table--triple tbody tr:last-child th:last-child,
.addecasform table.social-cognition-table tbody tr:last-child td:last-child,
.addecasform table.social-cognition-table tbody tr:last-child th:last-child {
  border-bottom-right-radius: 13px !important;
}

/* ---- Inputs inside table cells: smaller, warm-bordered ------------- */
.addecasform table.ecas-immediate-recall-scoring-table input[type="text"],
.addecasform table.ecas-immediate-recall-scoring-table input[type="number"],
.addecasform table.ecas-delayed-recall-scoring-table input[type="text"],
.addecasform table.ecas-delayed-recall-scoring-table input[type="number"],
.addecasform table.ecas-delayed-recognition-questions-table input[type="text"],
.addecasform table.ecas-delayed-recognition-questions-table input[type="number"],
.addecasform table.ecas-sentence-completion-scoring-table input[type="text"],
.addecasform table.ecas-sentence-completion-scoring-table input[type="number"],
.addecasform table.ecas-digit-span-table input[type="text"],
.addecasform table.ecas-digit-span-table input[type="number"],
.addecasform table.ecas-digit-span-table--triple input[type="text"],
.addecasform table.ecas-digit-span-table--triple input[type="number"],
.addecasform table.social-cognition-table input[type="text"],
.addecasform table.social-cognition-table input[type="number"] {
  width: 100% !important;
  height: 38px !important;
  padding: 0 12px !important;
  background: #ffffff !important;
  border: 1px solid #e2d5cf !important;
  border-radius: 8px !important;
  color: #1f2937 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    background-color 0.15s ease !important;
}

.addecasform table input[type="text"]:focus,
.addecasform table input[type="number"]:focus {
  border-color: #b66c4b !important;
  box-shadow: 0 0 0 3px rgba(182, 108, 75, 0.14) !important;
  outline: none !important;
  background: #fffdfc !important;
}

/* ---- Score pills (Correct / Incorrect / Yes / No buttons) ---------- */
.addecasform table.ecas-immediate-recall-scoring-table tbody button[type="button"],
.addecasform table.ecas-delayed-recall-scoring-table tbody button[type="button"],
.addecasform table.ecas-delayed-recognition-questions-table tbody button[type="button"],
.addecasform table.ecas-sentence-completion-scoring-table tbody button[type="button"],
.addecasform table.ecas-digit-span-table tbody button[type="button"],
.addecasform table.ecas-digit-span-table--triple tbody button[type="button"],
.addecasform table.social-cognition-table tbody button[type="button"] {
  padding: 6px 14px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 6px rgba(31, 41, 55, 0.08) !important;
  transition:
    transform 0.12s ease,
    box-shadow 0.15s ease,
    filter 0.15s ease !important;
}

.addecasform table tbody button[type="button"][style*="rgb(220, 252, 231)"] {
  background: linear-gradient(180deg, #ecfdf3 0%, #d1fadf 100%) !important;
  border-color: #a6e9c5 !important;
  color: #047857 !important;
}

.addecasform table tbody button[type="button"][style*="rgb(254, 226, 226)"] {
  background: linear-gradient(180deg, #fef2f2 0%, #fde2e2 100%) !important;
  border-color: #fbb6b6 !important;
  color: #b42318 !important;
}

/* ---- Neutralize wrapper borders/radii so the table is the single
        rounded card (otherwise we double the visual border). --------- */
.addecasform .ecas-immediate-recall-answers-table-wrap,
.addecasform .ecas-delayed-recall-answers-table-wrap,
.addecasform .ecas-delayed-recognition-table-wrap,
.addecasform .ecas-sentence-completion-table-wrap,
.addecasform .ecas-vfi-table-wrap {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow-x: auto !important;
}

/* ---- Tables without a recognised .ecas-* class but using legacy
        .table-black inside Form B add (BehaviorScreen, ALSpsychosis,
        MainScore second variants, Delayed Recognition secondary table,
        Delayed Recall conversion sibling). Promote the first tbody row
        to a header band and apply the same shell, mirroring how Form A
        styles `.table-black`. -------------------------------------- */
.addecasform table.table-black {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #ece1db !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(31, 41, 55, 0.06) !important;
  margin: 0 !important;
}

.addecasform table.table-black th,
.addecasform table.table-black thead tr th {
  background: linear-gradient(135deg, #313131 0%, #525252 100%) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  padding: 18px 14px !important;
  height: 56px !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.18) !important;
  text-align: left !important;
  vertical-align: middle !important;
}

.addecasform table.table-black tbody tr:first-child {
  background: var(--ecas-brand) !important;
}

.addecasform table.table-black tbody tr:first-child td {
  color: #ffffff !important;
  font-weight: 600 !important;
  padding: 18px 14px !important;
  height: 56px !important;
  vertical-align: middle !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.18) !important;
  font-size: 13px !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
}

.addecasform table.table-black tbody tr:first-child td:last-child {
  border-right: none !important;
}

.addecasform table.table-black tbody tr:first-child td b {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Content/instructions row inside .table-black should NOT get the dark
   header treatment (ALS Psychosis Screen first row is intro text). */
.addecasform table.table-black tbody tr:first-child.ecas-content-row {
  background: #ffffff !important;
}

.addecasform table.table-black tbody tr:first-child.ecas-content-row td,
.addecasform table.table-black tbody tr:first-child.ecas-content-row td *,
.addecasform table.table-black tbody tr:first-child.ecas-content-row td .ecas-section-instructions,
.addecasform table.table-black tbody tr:first-child.ecas-content-row td .ecas-section-instructions li,
.addecasform table.table-black tbody tr:first-child.ecas-content-row td .ecas-section-instructions p,
.addecasform table.table-black tbody tr:first-child.ecas-content-row td .ecas-section-instructions b,
.addecasform table.table-black tbody tr:first-child.ecas-content-row td .ecas-section-instructions span,
.addecasform table.table-black tbody tr:first-child.ecas-content-row td .ecas-section-instructions ul,
.addecasform table.table-black tbody tr:first-child.ecas-content-row td .ecas-section-instructions div {
  color: #000000 !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

.addecasform table.table-black tbody tr:first-child.ecas-content-row td {
  padding: 20px 14px 18px !important;
  height: auto !important;
  vertical-align: top !important;
  border-color: #efe6e1 !important;
  background: #ffffff !important;
}

.addecasform table.table-black tbody tr:first-child.ecas-content-row td .ecas-section-instructions li::marker,
.addecasform table.table-black tbody tr:first-child.ecas-content-row td .ecas-section-instructions ul li::marker {
  color: #000000 !important;
}

.addecasform table.table-black tbody td {
  padding: 10px 14px !important;
  border: none !important;
  border-right: 1px solid #efe6e1 !important;
  border-bottom: 1px solid #f1ece9 !important;
  color: #1f2937 !important;
  font-size: 14px !important;
  vertical-align: middle !important;
  background: transparent !important;
}

.addecasform table.table-black tbody td:last-child {
  border-right: none !important;
}

.addecasform table.table-black tbody tr:last-child td {
  border-bottom: none !important;
}

.addecasform table.table-black tbody tr:nth-child(odd):not(:first-child) {
  background: #ffffff !important;
}

.addecasform table.table-black tbody tr:nth-child(even):not(:first-child) {
  background: #fbf8f6 !important;
}

.addecasform table.table-black tbody tr:not(:first-child):hover {
  background: #fdf4ee !important;
}

/* MainScore-style summary rows (.light-grey on the totals band). */
.addecasform table.table-black tbody tr.light-grey,
.addecasform table.ecas-main-score-table tbody tr.light-grey {
  background: linear-gradient(180deg, #fdf1ea 0%, #fae3d5 100%) !important;
}

.addecasform table.table-black tbody tr.light-grey td,
.addecasform table.ecas-main-score-table tbody tr.light-grey td {
  color: #4a2918 !important;
  font-weight: 700 !important;
  border-bottom: 1px solid #f3d9c8 !important;
}

/* Behavior / ALS / MainScore first-row "header" rounded corners. */
.addecasform table.table-black tbody tr:first-child td:first-child {
  border-top-left-radius: 13px !important;
}

.addecasform table.table-black tbody tr:first-child td:last-child {
  border-top-right-radius: 13px !important;
}

.addecasform table.table-black tbody tr:last-child td:first-child {
  border-bottom-left-radius: 13px !important;
}

.addecasform table.table-black tbody tr:last-child td:last-child {
  border-bottom-right-radius: 13px !important;
}

/* `<table className="w-100">` in LanguageSpelling has no other class —
   give it the same rounded shell + soft borders so it doesn't fall back
   to the old Bootstrap default. */
.addecasform .ecas-language-spelling-section table.w-100,
.addecasform table.w-100:not(.table-black):not([class*="ecas-"]):not([class*="social-cognition"]) {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #ece1db !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(31, 41, 55, 0.06) !important;
}

/* Small inline-attribute fluency mini tables (`<table border="1"
   cellPadding="8" style="borderCollapse: collapse; width: 200">`) —
   soften the harsh attribute borders and force separate so any future
   rounded shell works. */
.addecasform table[border],
.addecasform table[cellpadding],
.addecasform table[cellPadding] {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #ece1db !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.addecasform table[border] td,
.addecasform table[border] th,
.addecasform table[cellpadding] td,
.addecasform table[cellpadding] th,
.addecasform table[cellPadding] td,
.addecasform table[cellPadding] th {
  border-color: #efe6e1 !important;
}

/* `.grey` utility class from custom.css paints cells with translucent
   brand orange (#b36d4e52). Inside Form B add tables it leaks into
   header rows that already carry the new charcoal gradient — force the
   <th> variant back to charcoal, and the <td> variant transparent so
   our zebra/hover still show through. */


.addecasform table th.grey *,
.addecasform table th.trial *,
.addecasform table th.trial.grey * {
  color: #ffffff !important;
}

.addecasform table tbody td.grey,
.addecasform table tbody td.trial,
.addecasform table tbody td.trial.grey {
  background: transparent !important;
  background-color: transparent !important;
  color: #b66c4b !important;
  font-weight: 700 !important;
  text-align: center !important;
}

.addecasform table tbody td.grey b,
.addecasform table tbody td.trial b,
.addecasform table tbody td.trial.grey b {
  color: #b66c4b !important;
  font-weight: 700 !important;
}

/* ---------------------------------------------------------------------
   Fluency Letter F (and Letter D) — "VFI conversion to score" table.

   The cells inside this table carry extra classes (`.ecas-vfi-range-cell`
   on the left column, `.ecas-vfi-score-value` on the right column). The
   existing rules earlier in this file paint them with their own
   backgrounds at specificity (0,3,3) for the range cell and (0,3,2) for
   the score cell — which beats the universal zebra rule appended above
   ((0,2,3)). Result: the cell backgrounds stayed on the old palette
   (#fff / #f3f4f6 / #faf3f0) instead of inheriting the Form-A zebra.

   Fix: re-target these inner-cell classes with a `table.ecas-vfi-score-
   table` chain so specificity climbs to (0,4,4) / (0,3,3), beating the
   earlier rules. Then make those cells transparent so the row-level
   zebra (#ffffff / #fbf8f6, hover #fdf4ee) from the universal block
   shows through unchanged.
   --------------------------------------------------------------------- */

.addecasform table.ecas-vfi-score-table tbody tr:nth-child(odd) td.ecas-vfi-range-cell,
.addecasform table.ecas-vfi-score-table tbody tr:nth-child(even) td.ecas-vfi-range-cell,
.addecasform table.ecas-vfi-score-table tbody tr td.ecas-vfi-range-cell {
  background: transparent !important;
  background-color: transparent !important;
  color: #1f2937 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 10px 14px !important;
  border: none !important;
  border-right: 1px solid #efe6e1 !important;
  border-bottom: 1px solid #f1ece9 !important;
  vertical-align: middle !important;
}

.addecasform table.ecas-vfi-score-table tbody tr:nth-child(odd) td.ecas-vfi-score-value,
.addecasform table.ecas-vfi-score-table tbody tr:nth-child(even) td.ecas-vfi-score-value,
.addecasform table.ecas-vfi-score-table tbody tr td.ecas-vfi-score-value {
  background: transparent !important;
  background-color: transparent !important;
  color: #b66c4b !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
  text-align: center !important;
  padding: 10px 14px !important;
  border: none !important;
  border-bottom: 1px solid #f1ece9 !important;
  vertical-align: middle !important;
}

/* Score column on the last row drops the bottom border so the rounded
   corner doesn't get a thin grey line cutting across it. */
.addecasform table.ecas-vfi-score-table tbody tr:last-child td.ecas-vfi-range-cell,
.addecasform table.ecas-vfi-score-table tbody tr:last-child td.ecas-vfi-score-value {
  border-bottom: none !important;
}

/* The <colgroup> rules earlier in this file (col.ecas-vfi-col-range /
   col.ecas-vfi-col-score widths of 68%/32%) work with the new shell,
   so we leave them alone — they're geometry, not appearance. */

/* The .ecas-vfi-table-wrap rule above already strips the wrapper's
   border/radius/shadow so the table itself is the single rounded card.
   Re-state it here for clarity in case future rules try to add a
   competing border on the wrapper column. */
.addecasform .ecas-vfi-table-col {
  border-left: none !important;
}

.addecasform.new-ecas-form-c .ecas-vfi-table-title {
  border-color: var(--ecas-border) !important;
}

/* Force table-layout to auto so the rounded corners line up nicely
   with the actual column widths (the existing `table-layout: fixed`
   plus the colgroup widths kept the layout exactly the same, but
   fixed-layout sometimes prevents border-radius from clipping the
   bottom-right corner cleanly inside flex/grid parents). */
.addecasform table.ecas-vfi-score-table {
  table-layout: auto !important;
}

/* ---------------------------------------------------------------------
   Executive — Reverse Digit Span (`.ecas-digit-span-table`) and
   Alternation (`.ecas-digit-span-table--triple`).

   Same kind of specificity fight as the VFI table. Existing rules
   earlier in this file paint:
     • `.addecasform .ecas-digit-span-table.answer-table th:not(.trial)`
       — (0,4,1) — header non-trial cells with `var(--ecas-brand)` orange
     • `.addecasform .ecas-digit-span-table.answer-table th.trial`
       — (0,4,1) — header "Trial" cells with `#faf3f0` warm peach
     • `.addecasform .ecas-digit-span-table tbody tr:nth-child(even) td`
       — (0,3,3) — body even rows with `#f3f4f6` grey
     • `.addecasform .ecas-digit-span-table.answer-table td` — (0,3,1)
       — body cell borders / text-align
   Result: header row is a mix of orange + peach instead of charcoal,
   and body rows show grey zebra instead of our peach.

   Fix: re-target every cell type with a `table.ecas-digit-span-table.
   answer-table` chain to climb to (0,4,2) / (0,4,3), beat the existing
   rules, and re-apply the Form-A look from the universal block above.
   Source order keeps mine winning on ties.
   --------------------------------------------------------------------- */

/* ---- All header <th> cells -> charcoal gradient ------------------- */
.addecasform table.ecas-digit-span-table.answer-table th,
.addecasform table.ecas-digit-span-table.answer-table th.trial,
.addecasform table.ecas-digit-span-table.answer-table th.grey,
.addecasform table.ecas-digit-span-table.answer-table th.trial.grey,
.addecasform table.ecas-digit-span-table.answer-table th:not(.trial),
.addecasform table.ecas-digit-span-table.answer-table tbody tr:first-child>th,
.addecasform table.ecas-digit-span-table.answer-table tbody tr:first-child>th[style],
.addecasform table.ecas-digit-span-table--triple.answer-table th,
.addecasform table.ecas-digit-span-table--triple.answer-table th.trial,
.addecasform table.ecas-digit-span-table--triple.answer-table th.grey,
.addecasform table.ecas-digit-span-table--triple.answer-table th.trial.grey,
.addecasform table.ecas-digit-span-table--triple.answer-table th:not(.trial),
.addecasform table.ecas-digit-span-table--triple.answer-table tbody tr:first-child>th,
.addecasform table.ecas-digit-span-table--triple.answer-table tbody tr:first-child>th[style] {
  background: linear-gradient(135deg, #313131 0%, #525252 100%) !important;
  background-color: #313131 !important;
  color: #ffffff !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.18) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  padding: 18px 14px !important;
  height: 56px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

/* Nested <b>/<span>/<i> inside the trial header stay white. */
.addecasform table.ecas-digit-span-table.answer-table th *,
.addecasform table.ecas-digit-span-table--triple.answer-table th * {
  color: #ffffff !important;
}

/* Last <th> in the header row drops its right divider. */
.addecasform table.ecas-digit-span-table.answer-table tr th:last-child,
.addecasform table.ecas-digit-span-table--triple.answer-table tr th:last-child {
  border-right: none !important;
}

/* ---- Body <td> cells: transparent + soft warm borders ------------- */
.addecasform table.ecas-digit-span-table.answer-table tbody td,
.addecasform table.ecas-digit-span-table.answer-table tbody tr td,
.addecasform table.ecas-digit-span-table.answer-table tbody tr:nth-child(even) td,
.addecasform table.ecas-digit-span-table.answer-table tbody tr:hover td,
.addecasform table.ecas-digit-span-table--triple.answer-table tbody td,
.addecasform table.ecas-digit-span-table--triple.answer-table tbody tr td,
.addecasform table.ecas-digit-span-table--triple.answer-table tbody tr:nth-child(even) td,
.addecasform table.ecas-digit-span-table--triple.answer-table tbody tr:hover td {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-right: 1px solid #efe6e1 !important;
  border-bottom: 1px solid #f1ece9 !important;
  color: #1f2937 !important;
  padding: 10px 14px !important;
  vertical-align: middle !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-align: center !important;
}

/* Last column drops its right divider; last row drops its bottom border
   so the rounded corners aren't cut by a thin grey line. */
.addecasform table.ecas-digit-span-table.answer-table tbody td:last-child,
.addecasform table.ecas-digit-span-table--triple.answer-table tbody td:last-child {
  border-right: none !important;
}

.addecasform table.ecas-digit-span-table.answer-table tbody tr:last-child td,
.addecasform table.ecas-digit-span-table--triple.answer-table tbody tr:last-child td {
  border-bottom: none !important;
}

/* Row-level zebra + hover (the cells are transparent so this shows
   through). Specificity (0,3,3); the existing `tr:nth-child(even) td`
   ruleset is (0,3,3) on the cell — by setting the cell to transparent
   above (at (0,4,3)) we let our row background through. */
.addecasform table.ecas-digit-span-table.answer-table tbody tr,
.addecasform table.ecas-digit-span-table--triple.answer-table tbody tr {
  background: #ffffff !important;
}

.addecasform table.ecas-digit-span-table.answer-table tbody tr:nth-child(even),
.addecasform table.ecas-digit-span-table--triple.answer-table tbody tr:nth-child(even) {
  background: #fbf8f6 !important;
}

.addecasform table.ecas-digit-span-table.answer-table tbody tr:hover,
.addecasform table.ecas-digit-span-table--triple.answer-table tbody tr:hover {
  background: #fdf4ee !important;
}

/* ---- The trial-number column (`<td class="trial grey">`) ---------- */
.addecasform table.ecas-digit-span-table.answer-table tbody td.trial,
.addecasform table.ecas-digit-span-table.answer-table tbody td.grey,
.addecasform table.ecas-digit-span-table.answer-table tbody td.trial.grey,
.addecasform table.ecas-digit-span-table--triple.answer-table tbody td.trial,
.addecasform table.ecas-digit-span-table--triple.answer-table tbody td.grey,
.addecasform table.ecas-digit-span-table--triple.answer-table tbody td.trial.grey {
  background: transparent !important;
  background-color: transparent !important;
  color: #b66c4b !important;
  font-weight: 700 !important;
  text-align: center !important;
}

.addecasform table.ecas-digit-span-table.answer-table tbody td.trial b,
.addecasform table.ecas-digit-span-table.answer-table tbody td.grey b,
.addecasform table.ecas-digit-span-table.answer-table tbody td.trial.grey b,
.addecasform table.ecas-digit-span-table--triple.answer-table tbody td.trial b,
.addecasform table.ecas-digit-span-table--triple.answer-table tbody td.grey b,
.addecasform table.ecas-digit-span-table--triple.answer-table tbody td.trial.grey b {
  color: #b66c4b !important;
  font-weight: 700 !important;
}

/* ---- Checkbox column ---------------------------------------------- */
.addecasform table.ecas-digit-span-table.answer-table td input[type="checkbox"],
.addecasform table.ecas-digit-span-table--triple.answer-table td input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #b66c4b !important;
  cursor: pointer;
  position: static !important;
  vertical-align: middle !important;
}

/* The 3-panel Alternation table keeps a brand-coloured divider between
   each panel (cells 4 and 7). Repaint it warm taupe so it blends with
   the new soft borders instead of stamping the brand orange across the
   middle of an otherwise charcoal/peach card. */
.addecasform table.ecas-digit-span-table--triple.answer-table>tbody>tr> :nth-child(4),
.addecasform table.ecas-digit-span-table--triple.answer-table>tbody>tr> :nth-child(7) {
  border-left: 2px solid #e2d5cf !important;
}

/* ---- Outer shell sanity-check ------------------------------------- */
/* The existing `.addecasform .ecas-digit-span-table { border-collapse:
   collapse }` rule at line 1861 would prevent border-radius clipping.
   Re-state separate + radius with higher specificity so the universal
   shell from above actually applies. */
.addecasform table.ecas-digit-span-table.answer-table,
.addecasform table.ecas-digit-span-table--triple.answer-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #ece1db !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(31, 41, 55, 0.06) !important;
  margin-left: 0 !important;
}

/* =====================================================================
   FINAL DEFENSIVE OVERRIDE — Reverse Digit Span / Executive Alternation
   header row: force ALL <th> cells (`.trial`, `.grey`, `.trial.grey`,
   the empty spacers, and the `CHECK` cells) to the same charcoal
   gradient with white text.

   This is the absolute-last rule in the file (latest source order)
   with chained class selectors and `body` prefix to push specificity
   well above anything else in this stylesheet or any imported one.
   The text colour is forced white on every nested element (<b>, <span>,
   <i>, <small>) too, so the previous warm-peach + dark-text mix
   cannot reappear.
   ===================================================================== */

body .addecasform table.ecas-digit-span-table.answer-table tbody>tr:first-child>th,
body .addecasform table.ecas-digit-span-table.answer-table tbody>tr:first-child>th.trial,
body .addecasform table.ecas-digit-span-table.answer-table tbody>tr:first-child>th.grey,
body .addecasform table.ecas-digit-span-table.answer-table tbody>tr:first-child>th.trial.grey,
body .addecasform table.ecas-digit-span-table.answer-table tbody>tr:first-child>th[style],
body .addecasform table.ecas-digit-span-table--triple.answer-table tbody>tr:first-child>th,
body .addecasform table.ecas-digit-span-table--triple.answer-table tbody>tr:first-child>th.trial,
body .addecasform table.ecas-digit-span-table--triple.answer-table tbody>tr:first-child>th.grey,
body .addecasform table.ecas-digit-span-table--triple.answer-table tbody>tr:first-child>th.trial.grey,
body .addecasform table.ecas-digit-span-table--triple.answer-table tbody>tr:first-child>th[style] {
  background: linear-gradient(135deg, #313131 0%, #525252 100%) !important;
  background-color: #313131 !important;
  background-image: linear-gradient(135deg, #313131 0%, #525252 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-bottom: none !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  padding: 18px 14px !important;
  height: 56px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

/* Force every descendant of those <th> cells to white text too, in case
   `<b>`, `<span>`, `<i>`, or `<small>` carry their own color. */
body .addecasform table.ecas-digit-span-table.answer-table tbody>tr:first-child>th *,
body .addecasform table.ecas-digit-span-table.answer-table tbody>tr:first-child>th b,
body .addecasform table.ecas-digit-span-table.answer-table tbody>tr:first-child>th span,
body .addecasform table.ecas-digit-span-table.answer-table tbody>tr:first-child>th i,
body .addecasform table.ecas-digit-span-table.answer-table tbody>tr:first-child>th small,
body .addecasform table.ecas-digit-span-table--triple.answer-table tbody>tr:first-child>th *,
body .addecasform table.ecas-digit-span-table--triple.answer-table tbody>tr:first-child>th b,
body .addecasform table.ecas-digit-span-table--triple.answer-table tbody>tr:first-child>th span,
body .addecasform table.ecas-digit-span-table--triple.answer-table tbody>tr:first-child>th i,
body .addecasform table.ecas-digit-span-table--triple.answer-table tbody>tr:first-child>th small {
  color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* Last <th> in the header row drops its right divider. */
body .addecasform table.ecas-digit-span-table.answer-table tbody>tr:first-child>th:last-child,
body .addecasform table.ecas-digit-span-table--triple.answer-table tbody>tr:first-child>th:last-child {
  border-right: none !important;
}

/* =====================================================================
   ABSOLUTE-MAX-SPECIFICITY OVERRIDE for the Trial header cells
   ---------------------------------------------------------------------
   The `<th class="trial grey">` "Trial" columns kept rendering with the
   warm-peach `.grey` background from custom.css even after the earlier
   rules. To remove any doubt, this selector chains every class actually
   present on the <table> (`answer-table.table.table-responsive
   .ecas-digit-span-table.fs-18`) plus the [class] attribute selector,
   pushing specificity to (0, 9, 4) — far beyond anything else in the
   codebase. Source order is also last, so even an identical-specificity
   rule loaded later than custom.css would lose to this.
   ===================================================================== */

body[class] .addecasform[class] table.answer-table.table.table-responsive.ecas-digit-span-table.fs-18 tbody>tr:first-child>th.trial,
body[class] .addecasform[class] table.answer-table.table.table-responsive.ecas-digit-span-table.fs-18 tbody>tr:first-child>th.grey,
body[class] .addecasform[class] table.answer-table.table.table-responsive.ecas-digit-span-table.fs-18 tbody>tr:first-child>th.trial.grey,
body[class] .addecasform[class] table.answer-table.table.table-responsive.ecas-digit-span-table.fs-18 tbody>tr:first-child>th,
body[class] .addecasform[class] table.answer-table.table.table-responsive.ecas-digit-span-table.ecas-digit-span-table--triple.fs-18 tbody>tr:first-child>th.trial,
body[class] .addecasform[class] table.answer-table.table.table-responsive.ecas-digit-span-table.ecas-digit-span-table--triple.fs-18 tbody>tr:first-child>th.grey,
body[class] .addecasform[class] table.answer-table.table.table-responsive.ecas-digit-span-table.ecas-digit-span-table--triple.fs-18 tbody>tr:first-child>th.trial.grey,
body[class] .addecasform[class] table.answer-table.table.table-responsive.ecas-digit-span-table.ecas-digit-span-table--triple.fs-18 tbody>tr:first-child>th {
  background: #313131 !important;
  background-color: #313131 !important;
  background-image: linear-gradient(135deg, #313131 0%, #525252 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-bottom: none !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  padding: 18px 14px !important;
  height: 56px !important;
  text-align: center !important;
  vertical-align: middle !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body[class] .addecasform[class] table.answer-table.table.table-responsive.ecas-digit-span-table.fs-18 tbody>tr:first-child>th *,
body[class] .addecasform[class] table.answer-table.table.table-responsive.ecas-digit-span-table.fs-18 tbody>tr:first-child>th b,
body[class] .addecasform[class] table.answer-table.table.table-responsive.ecas-digit-span-table.ecas-digit-span-table--triple.fs-18 tbody>tr:first-child>th *,
body[class] .addecasform[class] table.answer-table.table.table-responsive.ecas-digit-span-table.ecas-digit-span-table--triple.fs-18 tbody>tr:first-child>th b {
  color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Last <th> still drops its right divider. */
body[class] .addecasform[class] table.answer-table.table.table-responsive.ecas-digit-span-table.fs-18 tbody>tr:first-child>th:last-child,
body[class] .addecasform[class] table.answer-table.table.table-responsive.ecas-digit-span-table.ecas-digit-span-table--triple.fs-18 tbody>tr:first-child>th:last-child {
  border-right: none !important;
}

/* =====================================================================
   ALS Psychosis Screen (and any other `.table-black` first-body-row
   intro band) — text-color fix.

   The first `<tr>` of `.table-black` tables is promoted to a charcoal
   header band by the earlier rules in this file. Inside that band the
   ALS Psychosis component renders `<div class="ecas-section-
   instructions">` with `<li>`, `<p>`, `<b>`, `<span>` children. The
   existing rule at line 717 (`.addecasform .ecas-section-instructions
   { color: #000 !important }`) wins over the parent `<td>`'s white
   color via specificity (it's an explicit rule on the child, beating
   inheritance), so the intro copy reads black on charcoal and is
   unreadable.

   Fix: re-target `.ecas-section-instructions` (and the bare descendant
   selectors) ONLY when it lives inside `.table-black tbody tr:first-
   child td` so the body's other instruction blocks (above the table,
   on light backgrounds) are unaffected.
   ===================================================================== */

.addecasform table.table-black tbody tr:first-child td,
.addecasform table.table-black tbody tr:first-child td *,
.addecasform table.table-black tbody tr:first-child td .ecas-section-instructions,
.addecasform table.table-black tbody tr:first-child td .ecas-section-instructions li,
.addecasform table.table-black tbody tr:first-child td .ecas-section-instructions p,
.addecasform table.table-black tbody tr:first-child td .ecas-section-instructions i,
.addecasform table.table-black tbody tr:first-child td .ecas-section-instructions u,
.addecasform table.table-black tbody tr:first-child td .ecas-section-instructions b,
.addecasform table.table-black tbody tr:first-child td .ecas-section-instructions span,
.addecasform table.table-black tbody tr:first-child td .ecas-section-instructions ul,
.addecasform table.table-black tbody tr:first-child td .ecas-section-instructions div {
  color: #ffffff !important;
}

/* List-marker bullets (the little squares / circles next to each item)
   also inherit `color` in modern browsers, but legacy ones use the
   `list-style` colour separately — set it explicitly for both. */
.addecasform table.table-black tbody tr:first-child td .ecas-section-instructions li::marker,
.addecasform table.table-black tbody tr:first-child td .ecas-section-instructions ul li::marker {
  color: #ffffff !important;
}

/* =====================================================================
   Participant Info / Demographics — alignment polish (Form B + old
   Form A add mode).
   ---------------------------------------------------------------------
   Existing rules above set each field at 42px height with mixed
   labels, paddings, and inline `marginBottom: 29` shims. This block:
     • Bumps the uniform field height from 42px to 48px to match Form A
       and the new Form C styling (consistency across all three forms).
     • Forces every field (input / select / autocomplete / date-of-
       testing span) to the same 48px height with the same 12px border-
       radius and 14px horizontal padding.
     • Strips inline marginBottom shims and lets the grid's row-gap
       handle vertical rhythm uniformly.
     • Tightens the label-to-input gap to 8px and pads the row to 28px.
   Source order is last, so these overrides win all earlier
   `.ecas-demographics-main` declarations.
   ===================================================================== */

.addecasform .ecas-demographics-main.row {
  column-gap: 32px !important;
  row-gap: 22px !important;
  padding: 28px 32px !important;
}

.addecasform .ecas-demographics-main>[class*="col-"] {
  gap: 8px !important;
}

.addecasform .ecas-demographics-main .fs-19 {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #4a3528 !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
}

/* Plain text / number / date inputs — uniform 48px shell. */
.addecasform .ecas-demographics-main .ecas-input-field:not(.ant-select):not(.ant-picker),
.addecasform .ecas-demographics-main input[type="text"],
.addecasform .ecas-demographics-main input[type="number"],
.addecasform .ecas-demographics-main input[type="email"],
.addecasform .ecas-demographics-main input[type="date"] {
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  background: #ffffff !important;
  border: 1px solid #e2d5cf !important;
  border-radius: 12px !important;
  color: #1f2937 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.addecasform .ecas-demographics-main .ecas-input-field:not(.ant-select):not(.ant-picker):hover,
.addecasform .ecas-demographics-main input[type="text"]:hover,
.addecasform .ecas-demographics-main input[type="number"]:hover,
.addecasform .ecas-demographics-main input[type="date"]:hover {
  border-color: #d8c3b9 !important;
}

.addecasform .ecas-demographics-main .ecas-input-field:not(.ant-select):not(.ant-picker):focus,
.addecasform .ecas-demographics-main input[type="text"]:focus,
.addecasform .ecas-demographics-main input[type="number"]:focus,
.addecasform .ecas-demographics-main input[type="date"]:focus {
  border-color: #b66c4b !important;
  box-shadow: 0 0 0 3px rgba(182, 108, 75, 0.14) !important;
  outline: none !important;
  background: #fffdfc !important;
}

.addecasform .ecas-demographics-main .ecas-input-field[readonly],
.addecasform .ecas-demographics-main input[readonly] {
  background: #f7f1ee !important;
  color: #5f4b3f !important;
  cursor: not-allowed;
}

/* Strip inline `marginBottom: 29` shims from Modality Id and Session
   Start so all rows share the grid's row-gap. */
.addecasform .ecas-demographics-main .modality_id_ecas_input_div input,
.addecasform .ecas-demographics-main>[class*="col-"]>input[style*="margin-bottom"],
.addecasform .ecas-demographics-main>[class*="col-"]>input[style*="marginBottom"] {
  margin-bottom: 0 !important;
}

/* Ant Design Select (Research Type) — bump from 42px to 48px. */
.addecasform .ecas-demographics-main .ant-select.ecas-input-field-select,
.addecasform .ecas-demographics-main .ant-select.ecas-input-field.ecas-input-field-select,
.addecasform .ecas-demographics-main .ant-select.search-email-input-box,
.addecasform .ecas-demographics-main .search-email-input-box {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  border-radius: 12px !important;
  border-color: #e2d5cf !important;
}

.addecasform .ecas-demographics-main .ant-select.ecas-input-field-select:hover,
.addecasform .ecas-demographics-main .search-email-input-box:hover {
  border-color: #d8c3b9 !important;
}

.addecasform .ecas-demographics-main .ant-select.ecas-input-field-select.ant-select-focused,
.addecasform .ecas-demographics-main .search-email-input-box.ant-select-focused {
  border-color: #b66c4b !important;
  box-shadow: 0 0 0 3px rgba(182, 108, 75, 0.14) !important;
}

/* "Date Of Testing" span shim — re-tune from the existing 42px to 48px
   so it sits flush with the rest of the row. */
.addecasform .ecas-demographics-main span[style*="top: 12"],
.addecasform .ecas-demographics-main span[style*="top:12"] {
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 14px !important;
  background: #f7f1ee !important;
  border: 1px solid #e2d5cf !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #5f4b3f !important;
}

/* Traditional ECAS demographics only (.ecas-demographics-main — not used on new Form A).
   Research Type — native <select>; beats legacy .wizard-form-field select (#ddeef9, 80px). */
.addecasform:not(.new-ecas-form) .wizard-form-field .ecas-demographics-main select,
.addecasform:not(.new-ecas-form) .wizard-content-form .wizard-form-field .ecas-demographics-main select,
.addecasform:not(.new-ecas-form) .ecas-demographics-main > [class*="col-"] > select,
.addecasform:not(.new-ecas-form) .ecas-demographics-main select.ecas-research-type-select,
.addecasform:not(.new-ecas-form) .ecas-demographics-main select {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 16px !important;
  padding-left: 16px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #e2d5cf !important;
  border-radius: 12px !important;
  color: #1f2937 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 48px !important;
  box-sizing: border-box !important;
  cursor: pointer;
  overflow: visible !important;
  appearance: auto;
  -webkit-appearance: menulist;
  align-self: stretch !important;
  flex: 0 0 auto !important;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.addecasform:not(.new-ecas-form) .wizard-form-field .ecas-demographics-main select:hover,
.addecasform:not(.new-ecas-form) .ecas-demographics-main select:hover {
  border-color: #d8c3b9 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

.addecasform:not(.new-ecas-form) .wizard-form-field .ecas-demographics-main select:focus,
.addecasform:not(.new-ecas-form) .ecas-demographics-main select:focus {
  border-color: #b66c4b !important;
  box-shadow: 0 0 0 3px rgba(182, 108, 75, 0.14) !important;
  outline: none !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Traditional ECAS — Date of Birth DatePicker (MM/DD/YYYY) */
.addecasform:not(.new-ecas-form) .wizard-form-field .ecas-demographics-main .ant-picker.ecas-dob-picker,
.addecasform:not(.new-ecas-form) .wizard-form-field .ecas-demographics-main .ant-picker.ecas-input-field.ecas-dob-picker,
.addecasform:not(.new-ecas-form) .ecas-demographics-main > [class*="col-"] > .ant-picker.ecas-dob-picker,
.addecasform:not(.new-ecas-form) .ecas-demographics-main .ant-picker.ecas-dob-picker {
  display: inline-flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 14px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #e2d5cf !important;
  border-radius: 12px !important;
  color: #1f2937 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.addecasform:not(.new-ecas-form) .ecas-demographics-main .ant-picker.ecas-dob-picker:hover {
  border-color: #d8c3b9 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

.addecasform:not(.new-ecas-form) .ecas-demographics-main .ant-picker.ecas-dob-picker.ant-picker-focused,
.addecasform:not(.new-ecas-form) .ecas-demographics-main .ant-picker-focused.ecas-dob-picker {
  border-color: #b66c4b !important;
  box-shadow: 0 0 0 3px rgba(182, 108, 75, 0.14) !important;
  outline: none !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

.addecasform:not(.new-ecas-form) .ecas-demographics-main .ant-picker.ecas-dob-picker .ant-picker-input {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.addecasform:not(.new-ecas-form) .ecas-demographics-main .ant-picker.ecas-dob-picker .ant-picker-input > input {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: #1f2937 !important;
  box-shadow: none !important;
  outline: none !important;
  cursor: text !important;
  pointer-events: auto !important;
}

/* Occupation, Name, etc. (Ant Input) — same 48px shell as Date of Birth DatePicker */
.addecasform:not(.new-ecas-form) .ecas-demographics-main > [class*="col-"] > .ant-input.ecas-input-field,
.addecasform:not(.new-ecas-form) .ecas-demographics-main > [class*="col-"] > input.ecas-input-field {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid #e2d5cf !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
}

.addecasform:not(.new-ecas-form) .ecas-demographics-main .ant-picker.ecas-dob-picker .ant-picker-input > input[readonly] {
  cursor: text !important;
  pointer-events: auto !important;
}

.addecasform:not(.new-ecas-form) .ecas-demographics-main .ant-picker.ecas-dob-picker .ant-picker-suffix {
  display: inline-flex !important;
  align-items: center !important;
  margin-inline-start: 4px !important;
  color: #1f2937 !important;
}

/* Traditional ECAS — Participant Email (Ant Input, not AutoComplete) */
.addecasform:not(.new-ecas-form) .ecas-demographics-main .participant-email-input,
.addecasform:not(.new-ecas-form) .ecas-demographics-main .participant-email-input.ant-input {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  background: #ffffff !important;
  border: 1px solid #e2d5cf !important;
  border-radius: 12px !important;
  color: #1f2937 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

.addecasform:not(.new-ecas-form) .ecas-demographics-main .participant-email-input:hover,
.addecasform:not(.new-ecas-form) .ecas-demographics-main .participant-email-input.ant-input:hover {
  border-color: #d8c3b9 !important;
}

.addecasform:not(.new-ecas-form) .ecas-demographics-main .participant-email-input:focus,
.addecasform:not(.new-ecas-form)
  .ecas-demographics-main
  .participant-email-input.ant-input:focus,
.addecasform:not(.new-ecas-form)
  .ecas-demographics-main
  .participant-email-input.ant-input-focused {
  border-color: #b66c4b !important;
  box-shadow: 0 0 0 3px rgba(182, 108, 75, 0.14) !important;
  outline: none !important;
}

.addecasform:not(.new-ecas-form) .ecas-demographics-main > [class*="col-"] > div {
  width: 100% !important;
  margin: 0 !important;
}

/* Traditional ECAS — Name field {" "} whitespace alignment */
.addecasform:not(.new-ecas-form) .ecas-demographics-main > [class*="col-"] {
  font-size: 0;
}

.addecasform:not(.new-ecas-form) .ecas-demographics-main > [class*="col-"] > *,
.addecasform:not(.new-ecas-form) .ecas-demographics-main > [class*="col-"] input,
.addecasform:not(.new-ecas-form) .ecas-demographics-main > [class*="col-"] select,
.addecasform:not(.new-ecas-form) .ecas-demographics-main > [class*="col-"] .ant-input,
.addecasform:not(.new-ecas-form) .ecas-demographics-main > [class*="col-"] .ant-picker,
.addecasform:not(.new-ecas-form) .ecas-demographics-main > [class*="col-"] .participant-email-input,
.addecasform:not(.new-ecas-form) .ecas-demographics-main > [class*="col-"] .fs-19,
.addecasform:not(.new-ecas-form) .ecas-demographics-main > [class*="col-"] span:not(.fs-19) {
  font-size: 14px;
}

/* ============================================================
   Top toolbar — right-side button group alignment
   ============================================================ */
/* Make the right-side container a flex row so all three controls align */
.addecasform .multisteps-form.ecas-form>.row:first-child .col-lg-11>div:last-child {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Reset the native <select> language dropdown (inline top:-15 / right offsets) */
.addecasform .multisteps-form.ecas-form>.row:first-child select {
  position: static !important;
  top: auto !important;
  right: auto !important;
  margin: 0 !important;
  height: var(--ecas-toolbar-height) !important;
  min-height: var(--ecas-toolbar-height) !important;
  padding: 0 14px !important;
  background: #fff !important;
  border: 1px solid var(--ecas-border) !important;
  border-radius: var(--ecas-radius) !important;
  font-size: 14px !important;
  color: var(--ecas-text) !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

/* Tighter mobile breakpoint. */
@media (max-width: 768px) {
  .addecasform .ecas-demographics-main.row {
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
    row-gap: 18px !important;
    padding: 20px 18px !important;
  }
}

/* ============================================================
   Classless empty-header <th> fix (Form B)
   The data-column header in Reverse Digit Span / Alternation is an
   empty <th> with only a minWidth inline style and no class. Using
   :empty + :not([class]) with max specificity to guarantee charcoal.
   ============================================================ */
body[class] .addecasform[class] table.answer-table.table.table-responsive.ecas-digit-span-table.fs-18 tbody>tr:first-child>th:empty,
body[class] .addecasform[class] table.answer-table.table.table-responsive.ecas-digit-span-table.fs-18 tbody>tr:first-child>th:not([class]),
body[class] .addecasform[class] table.answer-table.table.table-responsive.ecas-digit-span-table.ecas-digit-span-table--triple.fs-18 tbody>tr:first-child>th:empty,
body[class] .addecasform[class] table.answer-table.table.table-responsive.ecas-digit-span-table.ecas-digit-span-table--triple.fs-18 tbody>tr:first-child>th:not([class]) {
  background: #313131 !important;
  background-color: #313131 !important;
  background-image: linear-gradient(135deg, #313131 0%, #525252 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.18) !important;
  height: 56px !important;
  padding: 18px 14px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

/* ==========================================================================
   Form C — Reverse Digit Span warm brand-color table
   --------------------------------------------------------------------------
   Form C's digit-span table uses the warm brand gradient (#b66c4b) instead
   of the charcoal (#313131) used by Form A / Form B. These selectors use
   `.new-ecas-form-c` scoping + `body[class]` prefix to beat the generic
   charcoal rules above.
   ========================================================================== */

/* Header row — all <th> cells: warm brand gradient */
body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table th,
body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table th.trial,
body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody>tr:first-child>th,
body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody>tr:first-child>th.trial,
body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody>tr:first-child>th[style],
body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody>tr:first-child>th:empty,
body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody>tr:first-child>th:not([class]) {
  background: linear-gradient(135deg, #b66c4b 0%, #c5845e 100%) !important;
  background-color: #b66c4b !important;
  background-image: linear-gradient(135deg, #b66c4b 0%, #c5845e 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.25) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.6px !important;
  padding: 14px 14px !important;
  height: 48px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table th *,
body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody>tr:first-child>th * {
  color: #ffffff !important;
}

body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tr th:last-child,
body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody>tr:first-child>th:last-child {
  border-right: none !important;
}

/* Data-row trial-number <th> cells — same warm brand */
body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody>tr:not(:first-child)>th.trial {
  background: linear-gradient(135deg, #b66c4b 0%, #c5845e 100%) !important;
  background-color: #b66c4b !important;
  background-image: linear-gradient(135deg, #b66c4b 0%, #c5845e 100%) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-align: center !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
  padding: 10px 14px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* Body <td> cells — light warm borders */
body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody td {
  background: transparent !important;
  color: #1f2937 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border: none !important;
  border-right: 1px solid #efe6e1 !important;
  border-bottom: 1px solid #f1ece9 !important;
  text-align: center !important;
  vertical-align: middle !important;
  padding: 10px 14px !important;
}

body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody td:last-child {
  border-right: none !important;
}

body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody tr:last-child td {
  border-bottom: none !important;
}

/* Zebra rows + hover */
body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody tr {
  background: #ffffff !important;
}

body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody tr:nth-child(even) {
  background: #fbf8f6 !important;
}

body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody tr:hover {
  background: #fdf4ee !important;
}

/* Checkbox styling */
body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table td input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #b66c4b !important;
  cursor: pointer;
  position: static !important;
  vertical-align: middle !important;
}

/* Rounded corners on the table shell */
body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #e0c8be !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(31, 41, 55, 0.06) !important;
}

body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody tr:first-child>th:first-child {
  border-top-left-radius: 13px !important;
}

body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody tr:first-child>th:last-child {
  border-top-right-radius: 13px !important;
}

body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody tr:last-child>td:first-child,
body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody tr:last-child>th:first-child {
  border-bottom-left-radius: 13px !important;
}

body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody tr:last-child>td:last-child,
body[class] .addecasform.new-ecas-form-c table.ecas-digit-span-table.answer-table tbody tr:last-child>th:last-child {
  border-bottom-right-radius: 13px !important;
}

/* ==========================================================================
   Form C — Reverse Digit Span: refine trial cells + body rows to match the
   target screenshot exactly.
   --------------------------------------------------------------------------
   - Header row (first <tr>) stays warm brand brown with white "Trial"/"CHECK"
   - Trial-number <th> cells inside the body (rows 2..7) get a LIGHT peach
     background with dark text — NOT the warm brown brand gradient.
   - Body <td> cells alternate white / soft warm-grey for zebra striping.
   - Borders are warm orange/peach.
   These selectors stack `body[class].addecasform.new-ecas-form-c[class]` for
   maximum specificity so they win against the warm-brown trial-cell rule
   added earlier without modifying it.
   ========================================================================== */

/* Light-peach trial-number cells in data rows */
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table.answer-table tbody>tr:not(:first-child)>th.trial,
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table.answer-table tbody>tr:not(:first-child)>th.trial.grey {
  background: #fbe9e1 !important;
  background-color: #fbe9e1 !important;
  background-image: none !important;
  color: #2b2b2b !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-align: center !important;
  border: none !important;
  border-right: 1px solid #e9c9bb !important;
  border-bottom: 1px solid #f1ddd2 !important;
  padding: 12px 14px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  font-family: 'DM Sans', sans-serif !important;
}

/* Nested <b>/<span> inside trial cells inherit the dark color */
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table.answer-table tbody>tr:not(:first-child)>th.trial * {
  color: #2b2b2b !important;
}

/* Header row (first <tr>) stays warm brown — re-state to defeat the
   `tbody > tr > th.trial` rule above which would otherwise also target
   the first row's Trial header. */
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table.answer-table tbody>tr:first-child>th,
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table.answer-table tbody>tr:first-child>th.trial {
  background: linear-gradient(135deg, #b66c4b 0%, #c5845e 100%) !important;
  background-color: #b66c4b !important;
  background-image: linear-gradient(135deg, #b66c4b 0%, #c5845e 100%) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  letter-spacing: 0.6px !important;
  text-transform: none !important;
}

body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table.answer-table tbody>tr:first-child>th * {
  color: #ffffff !important;
}

/* Body <td> cells: light backgrounds, warm orange borders, dark digits */
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table.answer-table tbody>tr:not(:first-child)>td {
  background: #ffffff !important;
  color: #1a1d23 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-align: center !important;
  border: none !important;
  border-right: 1px solid #f0d8cc !important;
  border-bottom: 1px solid #f6e3d8 !important;
  padding: 12px 14px !important;
  font-family: 'DM Sans', sans-serif !important;
}

/* Alternating zebra striping on body rows */
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table.answer-table tbody>tr:not(:first-child):nth-child(even)>td {
  background: #f5f5f5 !important;
}

body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table.answer-table tbody>tr:not(:first-child)>td:last-child {
  border-right: none !important;
}

body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table.answer-table tbody>tr:last-child>td,
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table.answer-table tbody>tr:last-child>th {
  border-bottom: none !important;
}

/* Outer table border — warm orange to match screenshot */
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table.answer-table {
  border: 1px solid #d9a895 !important;
  box-shadow: none !important;
}

/* Disable hover tint so the light peach + zebra stay stable */
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table.answer-table tbody>tr:not(:first-child):hover>td {
  background: inherit !important;
}

body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table.answer-table tbody>tr:not(:first-child):nth-child(odd):hover>td {
  background: #ffffff !important;
}

body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table.answer-table tbody>tr:not(:first-child):nth-child(even):hover>td {
  background: #f5f5f5 !important;
}

body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table.answer-table tbody>tr:not(:first-child):hover>th.trial {
  background: #fbe9e1 !important;
}

/* ==========================================================================
   Form C — Executive Alternation (3-panel `.ecas-digit-span-table--triple`)
   --------------------------------------------------------------------------
   The triple-panel variant has its own header rules in this file that paint
   it charcoal. Re-apply the warm brand-color theme explicitly for Form C so
   it matches the Reverse Digit Span table.
   ========================================================================== */

/* Header row — warm brown gradient */
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table th,
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table th.trial,
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table th:not(.trial),
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:first-child>th,
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:first-child>th.trial,
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:first-child>th[style],
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:first-child>th:empty,
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:first-child>th:not([class]) {
  background: linear-gradient(135deg, #b66c4b 0%, #c5845e 100%) !important;
  background-color: #b66c4b !important;
  background-image: linear-gradient(135deg, #b66c4b 0%, #c5845e 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.25) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px !important;
  padding: 14px 14px !important;
  height: 48px !important;
  text-align: center !important;
  vertical-align: middle !important;
  text-transform: uppercase !important;
}

body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table th *,
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:first-child>th * {
  color: #ffffff !important;
}

body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tr th:last-child,
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:first-child>th:last-child {
  border-right: none !important;
}

/* Light-peach trial-number <th> cells in data rows */
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:not(:first-child)>th.trial,
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:not(:first-child)>th.trial.grey {
  background: #fbe9e1 !important;
  background-color: #fbe9e1 !important;
  background-image: none !important;
  color: #2b2b2b !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-align: center !important;
  border: none !important;
  border-right: 1px solid #e9c9bb !important;
  border-bottom: 1px solid #f1ddd2 !important;
  padding: 12px 14px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  font-family: 'DM Sans', sans-serif !important;
}

body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:not(:first-child)>th.trial * {
  color: #2b2b2b !important;
}

/* Body <td> cells: white default, warm orange borders, dark digit text */
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:not(:first-child)>td {
  background: #ffffff !important;
  color: #1a1d23 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-align: center !important;
  border: none !important;
  border-right: 1px solid #f0d8cc !important;
  border-bottom: 1px solid #f6e3d8 !important;
  padding: 12px 14px !important;
  font-family: 'DM Sans', sans-serif !important;
}

/* No zebra striping — all body rows are white to match the design */
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:not(:first-child):nth-child(even)>td {
  background: #ffffff !important;
}

body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:not(:first-child):nth-child(even)>td:nth-child(3),
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:not(:first-child):nth-child(even)>td:nth-child(6),
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:not(:first-child):nth-child(even)>td:nth-child(9) {
  background: #fef6f2 !important;
}

/* CHECK column cells (3rd, 6th, 9th) get a subtle peach tint */
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:not(:first-child)>td:nth-child(3),
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:not(:first-child)>td:nth-child(6),
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:not(:first-child)>td:nth-child(9) {
  background: #fef6f2 !important;
}

body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:not(:first-child)>td:last-child {
  border-right: none !important;
}

body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:last-child>td,
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:last-child>th {
  border-bottom: none !important;
}

/* Soft warm-taupe divider between the three panels — override existing
   harsh brand-dark stripe with a lighter warm border. */
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table>tbody>tr> :nth-child(4),
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table>tbody>tr> :nth-child(7) {
  border-left: 2px solid #e9c9bb !important;
}

/* Checkbox styling */
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table td input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #b66c4b !important;
  cursor: pointer;
  position: static !important;
  vertical-align: middle !important;
}

/* Outer table shell — rounded corners, warm orange border */
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #d9a895 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody tr:first-child>th:first-child {
  border-top-left-radius: 13px !important;
}

body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody tr:first-child>th:last-child {
  border-top-right-radius: 13px !important;
}

body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody tr:last-child>td:first-child,
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody tr:last-child>th:first-child {
  border-bottom-left-radius: 13px !important;
}

body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody tr:last-child>td:last-child,
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody tr:last-child>th:last-child {
  border-bottom-right-radius: 13px !important;
}

/* Stable hover — keep consistent backgrounds */
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:not(:first-child):hover>td {
  background: #ffffff !important;
}

body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:not(:first-child):hover>td:nth-child(3),
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:not(:first-child):hover>td:nth-child(6),
body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:not(:first-child):hover>td:nth-child(9) {
  background: #fef6f2 !important;
}

body[class] .addecasform.new-ecas-form-c[class] table.ecas-digit-span-table--triple.answer-table tbody>tr:not(:first-child):hover>th.trial {
  background: #fbe9e1 !important;
}

.reverse-digit-span-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #e0c8be;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(31, 41, 55, 0.06) !important;
}

.reverse-digit-span-table th,
.reverse-digit-span-table td {
  padding: 14px 14px !important;
  vertical-align: middle !important;
  text-align: center !important;
  border: 1px solid #e0c8be;
}

.reverse-digit-span-table .trial {
  min-width: 56px !important;
  background: #faf3f0 !important;
}

.reverse-digit-span-table .check {
  min-width: 71px !important;
  background: #b66c4b !important;
  color: #fff;
}

.addecasform .reverse-digit-span-table td input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #b66c4b;
  cursor: default;
  position: static !important;
}

/* =========================================================================
   View ECAS (Form A) — demographics read-only fields
   Scoped to /ecas/view with .view-ecas-form + .ecas-demographics-main
   ========================================================================= */

/* Two-column grid — beats .ecas-demographics-main>[class*="col-"] { width:100%; flex:none } */
.addecasform.view-ecas-form .container.px-0 .row.ecas-demographics-main.border.border-dark,
.view-ecas-form.addecasform .container.px-0 .row.ecas-demographics-main.border.border-dark {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 28px !important;
  row-gap: 22px !important;
  padding: 28px 32px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: #ffffff !important;
}

.addecasform.view-ecas-form .container.px-0 .row.ecas-demographics-main.border.border-dark
  > [class*="col-"],
.addecasform.view-ecas-form .container.px-0 .row.ecas-demographics-main.border.border-dark
  > .col-lg-6,
.view-ecas-form.addecasform .container.px-0 .row.ecas-demographics-main.border.border-dark
  > .col-lg-6 {
  width: 100% !important;
  max-width: 100% !important;
  flex: unset !important;
  min-width: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
  margin: 0 !important;
  font-size: 0;
  box-sizing: border-box !important;
}

.view-ecas-form.addecasform .ecas-demographics-main > [class*="col-"] > br,
.addecasform.view-ecas-form .ecas-demographics-main > [class*="col-"] > br {
  display: none !important;
}

.view-ecas-form.addecasform .ecas-demographics-main .fs-19,
.addecasform.view-ecas-form .ecas-demographics-main .fs-19,
.view-ecas-form.addecasform .ecas-demographics-main > [class*="col-"] > *,
.addecasform.view-ecas-form .ecas-demographics-main > [class*="col-"] > * {
  font-size: 14px !important;
}

.view-ecas-form.addecasform .ecas-demographics-main .fs-19,
.addecasform.view-ecas-form .ecas-demographics-main .fs-19 {
  display: block !important;
  font-weight: 600 !important;
  color: #4a3528 !important;
  letter-spacing: 0.3px !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.4 !important;
  text-transform: none !important;
}

.view-ecas-form.addecasform .ecas-demographics-main > [class*="col-"] > .ant-input,
.view-ecas-form.addecasform .ecas-demographics-main > [class*="col-"] > .ant-input-affix-wrapper,
.view-ecas-form.addecasform .ecas-demographics-main .ecas-input-field,
.addecasform.view-ecas-form .ecas-demographics-main > [class*="col-"] > .ant-input,
.addecasform.view-ecas-form .ecas-demographics-main > [class*="col-"] > .ant-input-affix-wrapper,
.addecasform.view-ecas-form .ecas-demographics-main .ecas-input-field {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
}

.view-ecas-form.addecasform .ecas-demographics-main .ecas-input-field.ant-input,
.view-ecas-form.addecasform .ecas-demographics-main input.ecas-input-field[readonly],
.view-ecas-form.addecasform .ecas-demographics-main .ant-input.ecas-input-field[readonly],
.view-ecas-form.addecasform .ecas-demographics-main .ant-input-outlined.ecas-input-field[readonly],
.addecasform.view-ecas-form .ecas-demographics-main .ecas-input-field.ant-input,
.addecasform.view-ecas-form .ecas-demographics-main input.ecas-input-field[readonly],
.addecasform.view-ecas-form .ecas-demographics-main .ant-input.ecas-input-field[readonly],
.addecasform.view-ecas-form .ecas-demographics-main .ant-input-outlined.ecas-input-field[readonly] {
  background: #f8f3f0 !important;
  border: 1px solid #e0d6d0 !important;
  color: #6d5d56 !important;
  font-weight: 500 !important;
  cursor: default !important;
  box-shadow: none !important;
}

.view-ecas-form.addecasform .ecas-demographics-main .ecas-input-field.ant-input[readonly]:hover,
.view-ecas-form.addecasform .ecas-demographics-main input.ecas-input-field[readonly]:hover,
.addecasform.view-ecas-form .ecas-demographics-main .ant-input.ecas-input-field[readonly]:hover {
  border-color: #e0d6d0 !important;
  background: #f8f3f0 !important;
}

@media (max-width: 991px) {
  .addecasform.view-ecas-form .container.px-0 .row.ecas-demographics-main.border.border-dark,
  .view-ecas-form.addecasform .container.px-0 .row.ecas-demographics-main.border.border-dark {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   Participant form (/participant/form) — same visual theme as /ecas/add
   Content/markup unchanged; maps ecas-pf-* classes to add-form styling.
   ========================================================================== */

.addecasform .ecas-pf-form-type-select.ant-select,
.addecasform .multisteps-form.ecas-form > .row:first-child .ant-select.ecas-pf-form-type-select {
  min-width: 160px !important;
  color: #1a1d23 !important;
}

.addecasform .ecas-pf-form-type-select .ant-select-content,
.addecasform .ecas-pf-form-type-select .ant-select-content-value,
.addecasform .ecas-pf-form-type-select .ant-select-content-item,
.addecasform .ecas-pf-form-type-select .ant-select-selection-item,
.addecasform .ecas-pf-form-type-select .ecas-pf-select-label {
  color: #1a1d23 !important;
  -webkit-text-fill-color: #1a1d23 !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  padding-top: 0 !important;
}

.addecasform
  .ecas-pf-form-type-select.ant-select-single.ant-select-show-arrow
  .ant-select-selection-item,
.addecasform
  .ecas-pf-form-type-select.ant-select-single.ant-select-show-arrow
  .ant-select-selection-placeholder,
.addecasform
  .ecas-pf-form-type-select.ant-select-single.ant-select-show-arrow
  .ant-select-content {
  padding-top: 0 !important;
}

.ecas-pf-select-dropdown {
  padding: 6px !important;
  border-radius: 8px !important;
  border: 1px solid #e0d5ce !important;
  box-shadow: 0 8px 24px rgba(31, 41, 55, 0.12) !important;
}

.ecas-pf-select-dropdown .ant-select-item,
.ecas-pf-select-dropdown .ant-select-item-option-content {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1a1d23 !important;
}

.ecas-pf-select-dropdown .ant-select-item {
  border-radius: 6px !important;
  padding: 8px 12px !important;
}

.ecas-pf-select-dropdown .ant-select-item-option-selected {
  background: #f5ede8 !important;
  color: #8d4f33 !important;
  font-weight: 700 !important;
}

.ecas-pf-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content {
  color: #8d4f33 !important;
}

.ecas-pf-select-dropdown .ant-select-item-option-active {
  background: #faf3f0 !important;
}

.addecasform .container.px-0 > .row.border.border-dark.grey:first-child .ecas-pf-title {
  padding: 26px 40px !important;
}

.addecasform .container.px-0 > .row.border.border-dark.grey:first-child .ecas-pf-title-main,
.addecasform .container.px-0 > .row.border.border-dark.grey:first-child .ecas-pf-title-sub {
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
}

.addecasform .container.px-0 > .row.border.border-dark.grey:first-child .ecas-pf-title-main {
  font-size: 18px !important;
  text-transform: uppercase;
  line-height: 1.55;
}

.addecasform .container.px-0 > .row.border.border-dark.grey:first-child .ecas-pf-title-sub {
  font-size: 16px !important;
  margin-top: 6px;
  line-height: 1.55;
}

.addecasform .container.px-0 > .row.border.border-dark.grey:first-child + .row.border.border-dark.grey .ecas-pf-description {
  font-size: 17px !important;
  line-height: 1.75 !important;
  color: var(--ecas-text) !important;
  padding: 24px 32px !important;
  text-align: justify;
  margin: 0;
}

.addecasform .row.border.border-dark.grey .ecas-pf-section-title {
  color: #fff !important;
  padding: 18px 28px !important;
  margin: 0;
  font-size: 17px !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em;
}

.addecasform .ecas-pf-comprehension-table,
.addecasform .ecas-pf-comprehension-table td,
.addecasform .ecas-pf-comprehension-table th {
  border-color: #efe6e1 !important;
}

.addecasform .wizard-content-form.ecas-participant-form {
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}
/*
 * modal-shared.css
 * Common utility classes shared across all modal components.
 * Replaces repeated inline styles — import this in any modal that needs it.
 */

/* ── Layout & body ──────────────────────────────────── */
.modal-body-wrapper {
  padding: 4px 0;
}

.modal-row {
  margin: 0 -6px;
}

.modal-col-field {
  padding: 0 6px;
  margin-bottom: 14px;
}

/* ── Section blocks ─────────────────────────────────── */
.modal-section-block {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f0f0f0;
}

.modal-section-block:last-child {
  border-bottom: none;
  margin-bottom: 4px;
}

.modal-section {
  margin-bottom: 16px;
}

.modal-section-heading {
  font-size: 11px;
  font-weight: 600;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 14px;
}

/* ── Labels ─────────────────────────────────────────── */
.modal-field-label {
  font-size: 12px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 4px;
  display: block;
}

.modal-label-mt {
  margin-top: 15px;
  display: block;
}

/* ── Title row (modal header content) ──────────────── */
.modal-title-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.modal-title-icon {
  font-size: 18px;
  color: #b66c4b;
}

.modal-title-text {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
}

.modal-title-sub {
  font-weight: 400;
  color: #6b7280;
  margin-left: 6px;
}

/* ── Trigger link icons ─────────────────────────────── */
.modal-trigger-icon-lg {
  color: #000;
  font-size: 22px;
  position: relative;
  top: 2px;
}

.modal-trigger-icon {
  color: #000;
  font-size: 18px;
  position: relative;
  top: 2px;
}

/* ── DatePicker / TimePicker ────────────────────────── */
.modal-picker {
  width: 100% !important;
  height: 50px !important;
}

/* ── Textarea variants ──────────────────────────────── */
.modal-textarea {
  width: 100%;
  min-height: 80px;
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid #d1d5db;
  resize: vertical;
  font-size: 14px;
  box-sizing: border-box;
}

.modal-textarea-address {
  min-height: 100px;
  padding: 10px 12px;
}

.modal-textarea-tall {
  max-width: 100%;
  height: 150px;
  min-height: 150px;
  padding: 19px 13px;
  border: 1px solid #ddd;
  width: 100%;
  box-sizing: border-box;
}

.modal-textarea-lg {
  font-size: 19px;
}

/* ── Readonly input ─────────────────────────────────── */
.modal-input-readonly {
  background: #f9fafb !important;
  color: #6b7280 !important;
  cursor: not-allowed;
}

/* ── Radio / checkbox groups ────────────────────────── */
.modal-radio-group {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.modal-radio-option {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 14px;
  color: #374151;
}

.modal-radio-option input[type="radio"] {
  margin: 0;
  flex-shrink: 0;
}

.modal-radio-input {
  margin-right: 10px;
  position: relative;
  top: 2px;
}

.modal-radio-label {
  margin-right: 10px;
  cursor: pointer;
}

/* ── Confirm modal text ─────────────────────────────── */
.modal-confirm-text {
  font-size: 15px;
  padding: 3px 10px;
}

/* ── Spinner inside button ──────────────────────────── */
.modal-btn-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
}

/* ── Password eye toggle ────────────────────────────── */
.modal-eye-toggle {
  position: absolute;
  top: 45px;
  right: 36px;
  cursor: pointer;
}

/* ── ECAS contact preference multi-select ───────────── */
.ecas-contact-rank-select {
  width: 100%;
}

.ecas-contact-rank-select .ant-select-selector {
  min-height: 50px;
  height: auto !important;
  padding: 4px 8px !important;
  flex-wrap: wrap;
  align-items: center;
}

.ecas-contact-rank-select .ant-select-selection-overflow {
  flex-wrap: wrap;
  gap: 4px;
}

.ecas-contact-rank-select .ant-select-selection-item {
  height: 28px;
  line-height: 26px;
  font-size: 13px;
  border-radius: 4px;
  padding: 0 8px;
  margin: 2px 0;
}

/* Add Coordinator Log — no validation error icons on empty fields (antd 6) */
.add-coordinator-log-modal .ant-select-status-error .ant-select-selector,
.add-coordinator-log-modal .ant-picker-status-error {
  border-color: #d9d9d9 !important;
}

.add-coordinator-log-modal .ant-select-status-error .ant-select-suffix .anticon-exclamation-circle,
.add-coordinator-log-modal .ant-select-status-error .ant-select-suffix .anticon-exclamation,
.add-coordinator-log-modal .ant-picker-status-error .ant-picker-suffix .anticon-exclamation-circle,
.add-coordinator-log-modal .ant-picker-status-error .ant-picker-suffix .anticon-exclamation {
  display: none !important;
}

.add-coordinator-log-field {
  margin-bottom: 16px;
}

.add-coordinator-log-label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
}

.add-coordinator-log-datepicker,
.add-coordinator-log-select {
  width: 100% !important;
}
/**
 * ECAS QC Digital tab – scrollbar styling.
 * Scoped under .eals-ecas-qc-digital-top-scrollbar to avoid overriding elsewhere.
 */
.eals-ecas-qc-digital-top-scrollbar::-webkit-scrollbar {
  height: 8px;
}

.eals-ecas-qc-digital-top-scrollbar::-webkit-scrollbar-track {
  background: #f5f5f5;
  border-radius: 4px;
}

.eals-ecas-qc-digital-top-scrollbar::-webkit-scrollbar-thumb {
  background: #d0d0d0;
  border-radius: 4px;
  border: 1px solid #e8e8e8;
}

.eals-ecas-qc-digital-top-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #b0b0b0;
}

.eals-ecas-qc-digital-top-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #d0d0d0 #f5f5f5;
  overflow-x: auto;
  overflow-y: hidden;
  height: 12px;
  margin-bottom: 2px;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #ffffff;
}

.eals-ecas-qc-digital-table-wrapper {
  overflow-y: hidden;
  outline: none;
}

.eals-ecas-qc-digital-scrollbar-spacer {
  height: 1px;
}

/* Remove duplicate top horizontal scrollbar */
.eals-ecas-qc-digital-top-scrollbar {
  display: none !important;
}

/* ECAS QC Digital table: black header like legacy pages */
.ecas-qc-digital-ant-table .ant-table-thead>tr>th,
.ecas-qc-digital-ant-table .ant-table-thead>tr>th.ant-table-cell,
.ecas-qc-digital-ant-table thead.ant-table-thead th.ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  border-color: #595959 !important;
}

.ecas-qc-digital-ant-table .ant-table-thead th * {
  color: inherit !important;
}

.ecas-qc-digital-ant-table .ant-table-thead th .anticon {
  color: #fff !important;
}

/* Filter bar alignment (Digital tab) */
.ecas-qc-filters.ecas-qc-digital-filters {
  width: 100% !important;
  column-gap: 28px;
  row-gap: 14px;
  flex-wrap: wrap;
  align-items: center !important;
}

/* Improved spacing for Digital tab filter container */
.ecas-filters-container {
  padding: 24px !important;
  background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);
  border-radius: 12px;
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}

.ecas-filters-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  align-items: flex-end;
}

@media (min-width: 1200px) {
  .ecas-filters-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 991px) {
  .ecas-filters-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .ecas-filters-grid {
    grid-template-columns: 1fr;
  }
}

.ecas-filter-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ecas-filter-label {
  font-size: 15px;
  font-weight: 600;
  color: #333;
  text-transform: capitalize;
  letter-spacing: 0.5px;
  margin: 0;
}

.ecas-filter-checkbox-group {
  align-items: center;
  justify-content: flex-start;
}

.ecas-filter-checkbox-group .ant-checkbox-wrapper {
  font-size: 14px !important;
  color: #333;
}

.ecas-filter-bottom-row {
  grid-column: 1 / -1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.ecas-filter-bottom-row .ecas-filter-checkbox-group {
  flex: 0 0 auto;
}

.ecas-filter-bottom-row .ecas-filter-action-group {
  flex: 0 0 auto;
  margin-left: auto;
  justify-content: flex-end;
}

.ecas-filter-action-group {
  justify-content: flex-start;
}

.ecas-filter-action-group .btn {
  width: 100%;
}

.ecas-filter-bottom-row .ecas-filter-action-group .btn {
  width: auto;
  min-width: 127px;
}

/* Keep both dropdowns on one horizontal line (Ant Select is block by default) */
.ecas-qc-filters.ecas-qc-digital-filters .ecas-qc-selects-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  column-gap: 18px;
}

.ecas-qc-filters.ecas-qc-digital-filters .ecas-qc-filter-select {
  width: 160px !important;
  min-width: 130px;
  flex-shrink: 0;
}

@media (min-width: 992px) {
  .ecas-qc-filters.ecas-qc-digital-filters {
    flex-wrap: nowrap !important;
  }

  .ecas-qc-filters.ecas-qc-digital-filters>.col-lg-4:first-of-type {
    flex: 1 1 200px;
    max-width: 360px;
    min-width: 160px;
  }

  .ecas-qc-filters.ecas-qc-digital-filters>.ecas-qc-selects-col {
    flex: 0 0 auto;
    width: auto !important;
    max-width: none !important;
  }
}

/* Bootstrap grid cols inside a flex row cause weird centering; normalize them */
.ecas-qc-filters.ecas-qc-digital-filters>.col-lg-4 {
  flex: 1 1 320px;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ecas-qc-filters.ecas-qc-digital-filters .ant-input,
.ecas-qc-filters.ecas-qc-digital-filters input.ant-input,
.ecas-qc-filters.ecas-qc-digital-filters input.form-control {
  height: 46px !important;
  min-height: 46px !important;
  border-radius: 6px !important;
}

.ecas-qc-filters.ecas-qc-digital-filters .ant-select {
  height: 46px !important;
}

.ecas-qc-filters.ecas-qc-digital-filters .ant-select-selector {
  height: 46px !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 6px !important;
}

.ecas-qc-filters.ecas-qc-digital-filters .ant-select-selection-item,
.ecas-qc-filters.ecas-qc-digital-filters .ant-select-selection-placeholder {
  line-height: 44px !important;
}

.ecas-qc-filters.ecas-qc-digital-filters .ecas-qc-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 24px;
  row-gap: 12px;
  flex: 0 0 auto;
  margin-left: auto;
  flex-wrap: wrap;
}

.ecas-qc-filters.ecas-qc-digital-filters .ecas-qc-actions .ant-checkbox-wrapper {
  margin: 0 !important;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.ecas-qc-filters.ecas-qc-digital-filters .ecas-qc-actions .btn.primary,
.ecas-qc-filters.ecas-qc-digital-filters .ecas-qc-actions a.btn.primary {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  white-space: nowrap;
}

@media (max-width: 991.98px) {
  .ecas-qc-filters.ecas-qc-digital-filters .ecas-qc-actions {
    width: 100%;
    justify-content: flex-start;
    margin-left: 0;
  }
}

/* ECAS QC filter bar alignment */
.ecas-qc-filters {
  column-gap: 28px;
  row-gap: 14px;
  flex-wrap: wrap;
  justify-content: flex-start !important;
  align-items: center !important;
}

.ecas-qc-filters>.col-lg-4 {
  padding-left: 0 !important;
  flex: 1 1 320px;
  max-width: 420px;
}

.ecas-qc-filters>.ecas-qc-selects-col {
  max-width: none !important;
}

.ecas-qc-filters .ant-input,
.ecas-qc-filters input.form-control {
  height: 46px !important;
  min-height: 46px !important;
}

.ecas-qc-filters .ant-select {
  height: 46px !important;
}

.ecas-qc-filters .ant-select-selector {
  height: 46px !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
}

.ecas-qc-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  column-gap: 24px;
  row-gap: 12px;
  flex-wrap: wrap;
}

.ecas-qc-actions .ant-checkbox-wrapper {
  margin: 0 !important;
  display: inline-flex;
  align-items: center;
  min-height: 46px;
}

/* Button component renders .btn.primary */
.ecas-qc-actions .btn.primary,
.ecas-qc-actions a.btn.primary {
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap;
}

@media (max-width: 991.98px) {
  .ecas-qc-actions {
    margin-left: 0;
    width: 100%;
    justify-content: flex-start;
  }

  .ecas-qc-filters>.col-lg-4 {
    max-width: 100%;
  }
}
/**
 * ECAS QC In-Clinic tab – scrollbar styling.
 * Scoped under .eals-ecas-qc-inclinic-top-scrollbar-table to avoid overriding elsewhere.
 */
.eals-ecas-qc-inclinic-top-scrollbar-table::-webkit-scrollbar {
  height: 6px;
}

.eals-ecas-qc-inclinic-top-scrollbar-table::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.eals-ecas-qc-inclinic-top-scrollbar-table::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

.eals-ecas-qc-inclinic-top-scrollbar-table::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.eals-ecas-qc-inclinic-top-scrollbar-table {
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 #f1f1f1;
}

.eals-ecas-qc-inclinic-scrollbar-wrapper {
  position: relative;
}

.eals-ecas-qc-inclinic-top-scrollbar-inner {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  margin-bottom: 5px;
}

.eals-ecas-qc-inclinic-scrollbar-spacer {
  height: 1px;
  min-width: 1400px;
}

.eals-ecas-qc-inclinic-table-wrapper {
  overflow-y: hidden;
}

/* Remove duplicate top horizontal scrollbar */
.eals-ecas-qc-inclinic-top-scrollbar-inner {
  display: none !important;
}

/* ECAS QC In-Clinic table: black header like legacy pages */
.ecas-qc-inclinic-ant-table .ant-table-thead > tr > th,
.ecas-qc-inclinic-ant-table .ant-table-thead > tr > th.ant-table-cell,
.ecas-qc-inclinic-ant-table thead.ant-table-thead th.ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  border-color: #595959 !important;
}

.ecas-qc-inclinic-ant-table .ant-table-thead th * {
  color: inherit !important;
}

.ecas-qc-inclinic-ant-table .ant-table-thead th .anticon {
  color: #fff !important;
}

/* Filter bar alignment (In-Clinic tab) */
.ecas-qc-filters.ecas-qc-inclinic-filters {
  width: 100% !important;
  column-gap: 28px;
  row-gap: 14px;
  flex-wrap: wrap;
  align-items: center !important;
}

.ecas-qc-filters.ecas-qc-inclinic-filters .ecas-qc-selects-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  column-gap: 18px;
}

.ecas-qc-filters.ecas-qc-inclinic-filters .ecas-qc-filter-select {
  width: 160px !important;
  min-width: 130px;
  flex-shrink: 0;
}

@media (min-width: 992px) {
  .ecas-qc-filters.ecas-qc-inclinic-filters {
    flex-wrap: nowrap !important;
  }

  .ecas-qc-filters.ecas-qc-inclinic-filters > .col-lg-4:first-of-type {
    flex: 1 1 200px;
    max-width: 360px;
    min-width: 160px;
  }

  .ecas-qc-filters.ecas-qc-inclinic-filters > .ecas-qc-selects-col {
    flex: 0 0 auto;
    width: auto !important;
    max-width: none !important;
  }
}

.ecas-qc-filters.ecas-qc-inclinic-filters > .col-lg-4 {
  flex: 1 1 320px;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ecas-qc-filters.ecas-qc-inclinic-filters .ant-input,
.ecas-qc-filters.ecas-qc-inclinic-filters input.ant-input,
.ecas-qc-filters.ecas-qc-inclinic-filters input.form-control {
  height: 46px !important;
  min-height: 46px !important;
  border-radius: 6px !important;
}

.ecas-qc-filters.ecas-qc-inclinic-filters .ant-select {
  height: 46px !important;
}

.ecas-qc-filters.ecas-qc-inclinic-filters .ant-select-selector {
  height: 46px !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 6px !important;
}

.ecas-qc-filters.ecas-qc-inclinic-filters .ant-select-selection-item,
.ecas-qc-filters.ecas-qc-inclinic-filters .ant-select-selection-placeholder {
  line-height: 44px !important;
}

.ecas-qc-filters.ecas-qc-inclinic-filters .ecas-qc-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 24px;
  row-gap: 12px;
  flex: 0 0 auto;
  margin-left: auto;
  flex-wrap: wrap;
}

.ecas-qc-filters.ecas-qc-inclinic-filters .ecas-qc-actions .btn.primary,
.ecas-qc-filters.ecas-qc-inclinic-filters .ecas-qc-actions a.btn.primary {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  white-space: nowrap;
}

@media (max-width: 991.98px) {
  .ecas-qc-filters.ecas-qc-inclinic-filters .ecas-qc-actions {
    width: 100%;
    justify-content: flex-start;
    margin-left: 0;
  }
}

/* ECAS QC filter bar alignment (shared with digital tab) */
.ecas-qc-filters {
  column-gap: 28px;
  row-gap: 14px;
  flex-wrap: wrap;
  justify-content: flex-start !important;
  align-items: center !important;
}

.ecas-qc-filters > .col-lg-4 {
  padding-left: 0 !important;
  flex: 1 1 320px;
  max-width: 420px;
}

.ecas-qc-filters .ant-input,
.ecas-qc-filters input.form-control {
  height: 46px !important;
  min-height: 46px !important;
}

.ecas-qc-filters .ant-select {
  height: 46px !important;
}

.ecas-qc-filters .ant-select-selector {
  height: 46px !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
}

.ecas-qc-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  column-gap: 24px;
  row-gap: 12px;
  flex-wrap: wrap;
}

.ecas-qc-actions .btn.primary,
.ecas-qc-actions a.btn.primary {
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap;
}

@media (max-width: 991.98px) {
  .ecas-qc-actions {
    margin-left: 0;
    width: 100%;
    justify-content: flex-start;
  }
  .ecas-qc-filters > .col-lg-4 {
    max-width: 100%;
  }
}

.ecas-schedule-request-action-cell {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.ecas-schedule-request-action-cell .ecas-schedule-request-action-trigger,
.ecas-schedule-request-action-cell a.ant-dropdown-link.action-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  margin-left: 0 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  border: 1px solid #e8ddd9 !important;
  color: var(--theme-color) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  box-shadow:
    0 2px 8px rgba(182, 108, 75, 0.1),
    0 0 0 1px rgba(182, 108, 75, 0.06) !important;
}

.ecas-schedule-request-action-cell .ecas-schedule-request-action-trigger i,
.ecas-schedule-request-action-cell a.ant-dropdown-link.action-link i {
  display: block;
  line-height: 1;
  margin: 0;
  padding: 0;
}

.ecas-schedule-status-modal .ecas-schedule-status-field {
  margin-top: 4px;
}

.ecas-schedule-status-modal .ecas-schedule-status-label {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  color: #262626;
}

.ecas-schedule-status-modal .ecas-schedule-status-radio-group {
  display: inline-flex !important;
  align-items: center !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 24px;
}

.ecas-schedule-status-modal .ecas-schedule-status-radio-group .ant-radio-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  flex-direction: row !important;
  margin-inline-end: 0 !important;
  margin-right: 0 !important;
  white-space: nowrap;
  line-height: 1.2;
}

.ecas-schedule-status-modal .ecas-schedule-status-radio-group .ant-radio {
  top: 0 !important;
  align-self: center;
}

.ecas-schedule-status-modal .ecas-schedule-status-radio-group .ant-radio + span,
.ecas-schedule-status-modal .ecas-schedule-status-radio-group .ant-radio-label {
  display: inline-block !important;
  padding-inline-start: 8px;
  line-height: 22px;
  white-space: nowrap;
}

/**
 * Table skeleton loader – scoped under .eals-table-skeleton to avoid overriding elsewhere.
 */
.eals-table-skeleton {
  padding: 16px 0;
}

.eals-table-skeleton-header-row {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.eals-table-skeleton-body-row {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.eals-table-skeleton-cell {
  flex: 0 0 auto;
}

/**
 * RAPA Study - Demographics form input and layout styles.
 */

.rapa-demographics-input.ant-input {
  background-color: #fff !important;
  height: 51px !important;
  box-sizing: border-box;
  padding: 0 14px;
  border: 1px solid #d9d9d9;
}

.rapa-demographics-input.ant-input:hover {
  border-color: #40a9ff;
}

.rapa-demographics-input.ant-input:focus,
.rapa-demographics-input.ant-input-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.rapa-demographics-input[type="date"] {
  background-color: #fff !important;
  height: 51px !important;
  box-sizing: border-box;
  padding: 0 14px;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
  color: rgba(0, 0, 0, 0.85);
}

.rapa-demographics-input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0.6;
}

.rapa-demographics-input[type="date"]:hover {
  border-color: #40a9ff;
}

.rapa-demographics-input[type="date"]:focus {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  outline: none;
}

.rapa-demographics-input.ant-picker {
  height: 51px !important;
  min-height: 51px !important;
  background-color: #fff !important;
  border: 1px solid #d9d9d9;
  padding: 0 14px;
  box-sizing: border-box;
}

.rapa-demographics-input[type="number"].ant-input,
.rapa-demographics-input.ant-input-number input {
  background-color: #fff !important;
  height: 51px !important;
  box-sizing: border-box;
  padding: 0 14px;
  border: 1px solid #d9d9d9;
}

.rapa-demographics-input.ant-select.ant-select-single,
.demographics-horizontal-form .ant-select.ant-select-single {
  height: 51px !important;
}

.rapa-demographics-input.ant-select .ant-select-selector,
.demographics-horizontal-form .ant-select .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 14px !important;
}

.rapa-demographics-input.ant-select .ant-select-selection-item,
.rapa-demographics-input.ant-select .ant-select-selection-placeholder,
.rapa-demographics-input.ant-select .ant-select-selection-search-input,
.demographics-horizontal-form .ant-select .ant-select-selection-item,
.demographics-horizontal-form .ant-select .ant-select-selection-placeholder,
.demographics-horizontal-form .ant-select .ant-select-selection-search-input {
  height: 49px !important;
  line-height: 49px !important;
}

.rapa-demographics-dropdown .ant-select-item {
  min-height: 51px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  display: flex;
  align-items: center;
}

.demographics-horizontal-form .form-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start;
  margin-bottom: 1.25rem;
}

.demographics-horizontal-form .form-group > :not(label)[class*="col-lg-7"] {
  flex: 1 !important;
  max-width: 62% !important;
  width: 62% !important;
}

.demographics-horizontal-form .form-group > :not(label)[class*="col-lg-7"] > .ant-select,
.demographics-horizontal-form .form-group > :not(label)[class*="col-lg-7"] > .ant-picker,
.demographics-horizontal-form .form-group > :not(label)[class*="col-lg-7"] > .ant-input,
.demographics-horizontal-form .form-group > :not(label)[class*="col-lg-7"] > input {
  width: 100% !important;
}

.demographics-horizontal-form .form-group > .col-lg-7 .rapa-demographics-input[type="date"] {
  margin-top: 6px;
}

@media (max-width: 768px) {
  .demographics-horizontal-form .form-group {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px;
  }

  .demographics-horizontal-form .form-group > label[class*="col-lg-5"] {
    flex: none !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-top: 0;
    padding-right: 0 !important;
  }

  .demographics-horizontal-form .form-group > :not(label)[class*="col-lg-7"] {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
  }
}

.demographics-horizontal-form .form-group > label[class*="col-lg-5"] {
  flex: 0 0 38% !important;
  max-width: 38% !important;
  width: 38% !important;
  padding-top: 14px;
  padding-right: 20px !important;
  font-size: 13.5px;
  font-weight: 500;
  color: #4a4a4a;
  line-height: 1.4;
}

.demographics-horizontal-form .form-group > .col-lg-7,
.demographics-horizontal-form .form-group > input[class*="col-lg-7"],
.demographics-horizontal-form .form-group > .ant-input[class*="col-lg-7"] {
  flex: 1 !important;
  max-width: 62% !important;
  width: 62% !important;
  padding-left: 15px !important;
}

.demographics-horizontal-form h5 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #b66c4b;
}

.rapa-demographics-page .go-back {
  position: static;
  display: inline-block;
  margin-bottom: 12px;
}

.rapa-demographics-save-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  position: relative;
  left: -10px;
}

.rapa-demographics-save-actions .ant-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  font-weight: 500;
}

.rapa-demographics-input.rapa-demographics-input-error,
.rapa-demographics-input.rapa-demographics-input-error.ant-input {
  border-color: #ff4d4f !important;
}

/* ============================================================
   Add-Demographics layout (RAPA + Radcliff) — match the
   Asymptomatic form's horizontal "label-left / input-right"
   single-line format.

   Scoped with :not(.asymptomatic-demographics-form) so the
   Asymptomatic form (which already uses this layout) is untouched.
   This file is loaded globally via the shared demographics
   dispatcher, so the rules also apply to the Radcliff form, which
   has no CSS of its own.
   ============================================================ */
.add-demographics-form:not(.asymptomatic-demographics-form) .form-group.row {
  flex-wrap: nowrap !important;
  align-items: flex-start;
}

.add-demographics-form:not(.asymptomatic-demographics-form)
  .form-group.row
  > label[class*="col-lg-5"] {
  flex: 0 0 38% !important;
  max-width: 38% !important;
  width: 38% !important;
  padding-top: 10px;
  margin-bottom: 0;
}

/* The control column (antd Select / DatePicker / Input or a wrapping
   div) — antd controls don't size as flex items on their own, so force
   the 62% width here. */
.add-demographics-form:not(.asymptomatic-demographics-form)
  .form-group.row
  > [class*="col-lg-7"] {
  flex: 0 0 62% !important;
  max-width: 62% !important;
  width: 62% !important;
}

/* ---- Opt-outs: long questions stay full-width on their own line(s)
   with the control full-width below (region, family history). ---- */
.add-demographics-form:not(.asymptomatic-demographics-form) .form-group.region-field,
.add-demographics-form:not(.asymptomatic-demographics-form) .form-group.family-history-field {
  flex-wrap: wrap !important;
}

.add-demographics-form:not(.asymptomatic-demographics-form)
  .form-group.family-history-field
  > label[class*="col-lg"],
.add-demographics-form:not(.asymptomatic-demographics-form)
  .form-group.region-field
  > label[class*="col-lg"] {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 8px;
}

.add-demographics-form:not(.asymptomatic-demographics-form)
  .form-group.family-history-field
  > .ant-select,
.add-demographics-form:not(.asymptomatic-demographics-form)
  .form-group.region-field
  > .ant-select {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

/**
 * LE Study - Demographics form input and text field styles.
 * Common class for consistent look and UX.
 */

.le-study-demographics-input.ant-input {
  background-color: #fff !important;
  height: 50px !important;
  box-sizing: border-box;
  padding: 0 14px;
  border: 1px solid #d9d9d9;
}

.le-study-demographics-input.ant-input:hover {
  border-color: #40a9ff;
}

.le-study-demographics-input.ant-input:focus,
.le-study-demographics-input.ant-input-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

/* ========== Input type="date" (native date field) ========== */
.le-study-demographics-input[type="date"] {
  background-color: #fff !important;
  height: 50px !important;
  box-sizing: border-box;
  padding: 0 14px;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
  color: rgba(0, 0, 0, 0.85);
}

.le-study-demographics-input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0.6;
}

.le-study-demographics-input[type="date"]:hover {
  border-color: #40a9ff;
}

.le-study-demographics-input[type="date"]:focus {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  outline: none;
}

/* ========== Ant Design DatePicker (date type) ========== */
.le-study-demographics-input.ant-picker {
  height: 50px !important;
  min-height: 50px !important;
  background-color: #fff !important;
  border: 1px solid #d9d9d9;
  padding: 0 14px;
  box-sizing: border-box;
}

.le-study-demographics-input.ant-picker .ant-picker-input {
  height: 50px !important;
}

.le-study-demographics-input.ant-picker .ant-picker-input>input {
  /* height: 50px !important;
  min-height: 50px !important; */
  background-color: #fff !important;
  padding: 0 8px;
  font-size: 14px;
  /* line-height: 50px; */
  margin-bottom: 0;
}

.le-study-demographics-input.ant-picker:hover {
  border-color: #40a9ff;
}

.le-study-demographics-input.ant-picker.ant-picker-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

/* ========== Prescription table: native select & input type="number" ========== */
.le-study-demographics-input[type="number"].ant-input,
.le-study-demographics-input.ant-input-number input {
  background-color: #fff !important;
  height: 50px !important;
  box-sizing: border-box;
  padding: 0 14px;
  border: 1px solid #d9d9d9;
}

.le-study-demographics-input select,
select.le-study-demographics-input {
  background-color: #fff !important;
  height: 50px !important;
  min-height: 50px !important;
  box-sizing: border-box;
  padding: 0 14px;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  line-height: 1.5;
}

.le-study-demographics-input select:hover,
select.le-study-demographics-input:hover {
  border-color: #40a9ff;
}

.le-study-demographics-input select:focus,
select.le-study-demographics-input:focus {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  outline: none;
}

/* ========== Prescription table: override light blue from .medical-history-table ========== */
.medical-history-table .le-study-demographics-input.ant-input,
.medical-history-table input.le-study-demographics-input.ant-input,
.medical-history-table .le-study-demographics-input.ant-input:hover,
.medical-history-table .le-study-demographics-input.ant-input:focus,
.medical-history-table .le-study-demographics-input.ant-input-focused {
  background-color: #fff !important;
  border: 1px solid #d9d9d9 !important;
}

.medical-history-table .le-study-demographics-input.ant-input:focus,
.medical-history-table .le-study-demographics-input.ant-input-focused {
  border-color: #40a9ff !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.medical-history-table select.le-study-demographics-input,
.medical-history-table .le-study-demographics-input select {
  background-color: #fff !important;
  border: 1px solid #d9d9d9 !important;
}

.medical-history-table .le-study-demographics-input.ant-picker,
.medical-history-table .le-study-demographics-input.ant-picker .ant-picker-input>input,
.medical-history-table .le-study-demographics-input.ant-picker:hover,
.medical-history-table .le-study-demographics-input.ant-picker.ant-picker-focused {
  background-color: #fff !important;
  border-color: #d9d9d9 !important;
}

.medical-history-table .le-study-demographics-input.ant-picker:hover,
.medical-history-table .le-study-demographics-input.ant-picker.ant-picker-focused {
  border-color: #40a9ff !important;
}

/* Month pickers on demographics (legacy parity with root ealsadmindashboard) */
.demographics-date-picker-field {
  width: 100%;
  max-width: 100%;
  margin-top: 6px;
}

.demographics-date-picker-field.ant-picker {
  border-top: 1px solid #d9d9d9 !important;
}

/* Date picker column: give breathing room so the top border isn't clipped */
.demographics-horizontal-form .form-group>.col-lg-7 .demographics-date-picker-field,
.demographics-horizontal-form .form-group>.col-lg-7 .le-study-demographics-input[type="date"] {
  margin-top: 6px;
}

/* ── Ant Design Select height fix ────────────────────── */
/* Ant v5 keeps the height on the .ant-select root for single selects,
   so the root must be sized too — sizing only .ant-select-selector clips it. */
.le-study-demographics-input.ant-select.ant-select-single,
.demographics-horizontal-form .ant-select.ant-select-single {
  height: 50px !important;
}

.le-study-demographics-input.ant-select .ant-select-selector,
.demographics-horizontal-form .ant-select .ant-select-selector {
  height: 50px !important;
  min-height: 50px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 14px !important;
}

.le-study-demographics-input.ant-select .ant-select-selection-item,
.le-study-demographics-input.ant-select .ant-select-selection-placeholder,
.le-study-demographics-input.ant-select .ant-select-selection-search-input,
.demographics-horizontal-form .ant-select .ant-select-selection-item,
.demographics-horizontal-form .ant-select .ant-select-selection-placeholder,
.demographics-horizontal-form .ant-select .ant-select-selection-search-input {
  height: 48px !important;
  line-height: 48px !important;
}

/* ── Demographics Select: dropdown option height ─────────────────── */
.le-study-demographics-dropdown .ant-select-item {
  min-height: 50px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  display: flex;
  align-items: center;
}

/* ── Horizontal label + input layout ─────────────────── */
.demographics-horizontal-form .form-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start;
  margin-bottom: 1.25rem;
}

/* Make the right column consistently occupy remaining width even when AntD wraps controls */
.demographics-horizontal-form .form-group> :not(label)[class*="col-lg-7"] {
  flex: 1 !important;
  max-width: 62% !important;
  width: 62% !important;
}

/* Inputs/selects/date pickers should fill the right column */
.demographics-horizontal-form .form-group> :not(label)[class*="col-lg-7"]>.ant-select,
.demographics-horizontal-form .form-group> :not(label)[class*="col-lg-7"]>.ant-picker,
.demographics-horizontal-form .form-group> :not(label)[class*="col-lg-7"]>.ant-input,
.demographics-horizontal-form .form-group> :not(label)[class*="col-lg-7"]>.ant-input-affix-wrapper,
.demographics-horizontal-form .form-group> :not(label)[class*="col-lg-7"]>textarea,
.demographics-horizontal-form .form-group> :not(label)[class*="col-lg-7"]>input {
  width: 100% !important;
}

/* Responsive: stack label + field on small screens */
@media (max-width: 768px) {
  .demographics-horizontal-form .form-group {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px;
  }

  .demographics-horizontal-form .form-group>label[class*="col-lg-5"] {
    flex: none !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-top: 0;
    padding-right: 0 !important;
  }

  .demographics-horizontal-form .form-group> :not(label)[class*="col-lg-7"] {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
  }
}

/* Label column: always 38%, vertically centered with input */
.demographics-horizontal-form .form-group>label[class*="col-lg-5"] {
  flex: 0 0 38% !important;
  max-width: 38% !important;
  width: 38% !important;
  padding-top: 14px;
  padding-right: 20px !important;
  font-size: 13.5px;
  font-weight: 500;
  color: #4a4a4a;
  line-height: 1.4;
}

/* Input column: takes the remaining space */
.demographics-horizontal-form .form-group>.col-lg-7,
.demographics-horizontal-form .form-group>input[class*="col-lg-7"],
.demographics-horizontal-form .form-group>.ant-input[class*="col-lg-7"] {
  flex: 1 !important;
  max-width: 62% !important;
  width: 62% !important;
  padding-left: 15px !important;
}

/* ── Select fields without le-study-demographics-input class ── */
.ant-select.col-lg-12:not(.le-study-demographics-input),
.als-drug-select.ant-select {
  min-height: 50px !important;
}

.ant-select.col-lg-12:not(.le-study-demographics-input)>.ant-select-selector,
.als-drug-select .ant-select-selector {
  min-height: 50px !important;
  height: 50px !important;
  padding: 0 14px !important;
  display: flex !important;
  align-items: center !important;
}

.als-drug-select.ant-select.ant-select-multiple>.ant-select-selector,
.ant-select.col-lg-12.ant-select-multiple>.ant-select-selector {
  height: auto !important;
  min-height: 50px !important;
  padding: 4px 14px !important;
}

/* ── Site of Symptom Onset: remove bullets from li wrappers ── */
.symptom-checkboxs li {
  list-style: none;
}

/* Section headings */
.demographics-horizontal-form h5 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #b66c4b;
}

.ant-select-content-item .ant-select-selection-item-content {
  font-size: 16px !important;
}

.ant-select-multiple .ant-select-content {
  flex-wrap: nowrap !important;
}

.demographics-horizontal-form .le-study-demographics-input-date-of-birth.col-lg-7 {
  padding-left: 0px !important;
}
.index-module__chooseBox___xQJjU {
  border-bottom: 1px solid #dde2e6;
  padding-top: 15px;
  padding-bottom: 15px;
}

.index-module__chooseBox___xQJjU p {
  margin: 0;
  float: left;
  width: 100%;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
  padding: 0 10px;
  margin-bottom: 7px;
}

.index-module__chooseBox___xQJjU span {
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  color: #363547;
  width: 100%;
  padding: 0 10px;
  line-height: 20px;
  display: inline-block;
  margin-top: 7px;
}

.index-module__edge___QoQ1i{
    position: absolute;
    top: -50px;

    font-size: 16px;
}

.index-module__leftEdge___wQ_8D{
    left: 0px;
}

.index-module__rightEdge___IQ8aV{
    right: -15px;
}

.index-module__sliderStyle___NVTp5{
    position: relative;
    width: 80%;
    margin-top: 30px;
}

/* Demographics.css */

/* ── Card ─────────────────────────────────────────────── */
.demo-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px 16px 12px;
  margin-bottom: 14px;
  transition: box-shadow 0.15s ease;
}

.demo-card:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
}

/* ── Label ────────────────────────────────────────────── */
.demo-label {
  font-size: 14px;
  font-weight: 600;
  color: #111;
  text-transform: capitalize;
  letter-spacing: 0;
  margin-bottom: 6px;
}

/* ── Value chip ───────────────────────────────────────── */
.demo-value {
  display: inline-block;
  background: #f3f4f6;
  color: #111;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 5px;
  word-break: break-word;
  max-width: 100%;
}

.demo-value.demo-value-empty {
  color: #555;
  font-style: italic;
}

/* ── Yes / No toggle ─────────────────────────────────── */
.demo-options {
  display: flex;
  gap: 8px;
}

.demo-opt {
  border: 1.5px solid #d1d5db;
  padding: 4px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  background: #f9fafb;
}

.demo-opt.active {
  border-color: #b66c4b;
  color: #b66c4b;
  background: #fdf3ef;
  font-weight: 600;
}

/* ── List items (Prescriptions, Surgeries, etc.) ─────── */
.demo-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.demo-list-item {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 13px;
  color: #111;
}

.demo-list-item span {
  white-space: nowrap;
}

/* ── Nested table wrapper ─────────────────────────────── */
.demo-table-wrap {
  margin-top: 10px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}

.demo-table-wrap .ant-table-thead > tr > th {
  background: #f9fafb;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  padding: 8px 12px;
}

.demo-table-wrap .ant-table-tbody > tr > td {
  font-size: 13px;
  padding: 8px 12px;
  color: #374151;
}

/* Demographics.css */

/* ── Card ─────────────────────────────────────────────── */
.demo-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px 16px 12px;
  margin-bottom: 14px;
  transition: box-shadow 0.15s ease;
}

.demo-card:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
}

/* ── Label ────────────────────────────────────────────── */
.demo-label {
  font-size: 14px;
  font-weight: 600;
  color: #111;
  text-transform: capitalize;
  letter-spacing: 0;
  margin-bottom: 6px;
}

/* ── Value chip ───────────────────────────────────────── */
.demo-value {
  display: inline-block;
  background: #f3f4f6;
  color: #111;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 5px;
  word-break: break-word;
  max-width: 100%;
}

.demo-value.demo-value-empty {
  color: #555;
  font-style: italic;
}

/* ── Yes / No toggle ─────────────────────────────────── */
.demo-options {
  display: flex;
  gap: 8px;
}

.demo-opt {
  border: 1.5px solid #d1d5db;
  padding: 4px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  background: #f9fafb;
}

.demo-opt.active {
  border-color: #b66c4b;
  color: #b66c4b;
  background: #fdf3ef;
  font-weight: 600;
}

/* ── List items (Prescriptions, Surgeries, etc.) ─────── */
.demo-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.demo-list-item {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 13px;
  color: #111;
}

.demo-list-item span {
  white-space: nowrap;
}

/* ── Nested table wrapper ─────────────────────────────── */
.demo-table-wrap {
  margin-top: 10px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}

.demo-table-wrap .ant-table-thead > tr > th {
  background: #f9fafb;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  padding: 8px 12px;
}

.demo-table-wrap .ant-table-tbody > tr > td {
  font-size: 13px;
  padding: 8px 12px;
  color: #374151;
}

/* Demographics.css */

/* ── Card ─────────────────────────────────────────────── */
.demo-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px 16px 12px;
  margin-bottom: 14px;
  transition: box-shadow 0.15s ease;
}

.demo-card:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
}

/* ── Label ────────────────────────────────────────────── */
.demo-label {
  font-size: 14px;
  font-weight: 600;
  color: #111;
  text-transform: capitalize;
  letter-spacing: 0;
  margin-bottom: 6px;
}

/* ── Value chip ───────────────────────────────────────── */
.demo-value {
  display: inline-block;
  background: #f3f4f6;
  color: #111;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 5px;
  word-break: break-word;
  max-width: 100%;
}

.demo-value.demo-value-empty {
  color: #555;
  font-style: italic;
}

/* ── Yes / No toggle ─────────────────────────────────── */
.demo-options {
  display: flex;
  gap: 8px;
}

.demo-opt {
  border: 1.5px solid #d1d5db;
  padding: 4px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  background: #f9fafb;
}

.demo-opt.active {
  border-color: #b66c4b;
  color: #b66c4b;
  background: #fdf3ef;
  font-weight: 600;
}

/* ── List items (Prescriptions, Surgeries, etc.) ─────── */
.demo-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.demo-list-item {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 13px;
  color: #111;
}

.demo-list-item span {
  white-space: nowrap;
}

/* ── Nested table wrapper ─────────────────────────────── */
.demo-table-wrap {
  margin-top: 10px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}

.demo-table-wrap .ant-table-thead > tr > th {
  background: #f9fafb;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  padding: 8px 12px;
}

.demo-table-wrap .ant-table-tbody > tr > td {
  font-size: 13px;
  padding: 8px 12px;
  color: #374151;
}

/* SubmissionDetails.css */

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

.sd-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 12px 16px;
  transition: box-shadow 0.15s ease;
}

.sd-card:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
}

.sd-card.sd-card-full {
  grid-column: 1 / -1;
}

.sd-label {
  font-size: 14px;
  font-weight: 600;
  color: #111;
  text-transform: capitalize;
  margin-bottom: 4px;
}

.sd-value {
  display: inline-block;
  background: #f3f4f6;
  color: #111;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 5px;
  word-break: break-word;
  max-width: 100%;
}

.sd-value.sd-value-empty {
  color: #555;
  font-style: italic;
}

/* Demographics.css */

/* ── Card ─────────────────────────────────────────────── */
.demo-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px 16px 12px;
  margin-bottom: 14px;
  transition: box-shadow 0.15s ease;
}

.demo-card:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
}

/* ── Label ────────────────────────────────────────────── */
.demo-label {
  font-size: 14px;
  font-weight: 600;
  color: #111;
  text-transform: capitalize;
  letter-spacing: 0;
  margin-bottom: 6px;
}

/* ── Value chip ───────────────────────────────────────── */
.demo-value {
  display: inline-block;
  background: #f3f4f6;
  color: #111;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 5px;
  word-break: break-word;
  max-width: 100%;
}

.demo-value.demo-value-empty {
  color: #555;
  font-style: italic;
}

/* ── Yes / No toggle ─────────────────────────────────── */
.demo-options {
  display: flex;
  gap: 8px;
}

.demo-opt {
  border: 1.5px solid #d1d5db;
  padding: 4px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  background: #f9fafb;
}

.demo-opt.active {
  border-color: #b66c4b;
  color: #b66c4b;
  background: #fdf3ef;
  font-weight: 600;
}

/* ── Nested table wrapper ─────────────────────────────── */
.demo-table-wrap {
  margin-top: 10px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}

.demo-table-wrap .ant-table-thead > tr > th {
  background: #f9fafb;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  padding: 8px 12px;
}

.demo-table-wrap .ant-table-tbody > tr > td {
  font-size: 13px;
  padding: 8px 12px;
  color: #374151;
}

/* Demographics.css */

/* ── Card ─────────────────────────────────────────────── */
.demo-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px 16px 12px;
  margin-bottom: 14px;
  transition: box-shadow 0.15s ease;
}

.demo-card:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
}

/* ── Label ────────────────────────────────────────────── */
.demo-label {
  font-size: 14px;
  font-weight: 600;
  color: #111;
  text-transform: capitalize;
  letter-spacing: 0;
  margin-bottom: 6px;
}

/* ── Value chip ───────────────────────────────────────── */
.demo-value {
  display: inline-block;
  background: #f3f4f6;
  color: #111;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 5px;
  word-break: break-word;
  max-width: 100%;
}

.demo-value.demo-value-empty {
  color: #555;
  font-style: italic;
}

/* ── Yes / No toggle ─────────────────────────────────── */
.demo-options {
  display: flex;
  gap: 8px;
}

.demo-opt {
  border: 1.5px solid #d1d5db;
  padding: 4px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  background: #f9fafb;
}

.demo-opt.active {
  border-color: #b66c4b;
  color: #b66c4b;
  background: #fdf3ef;
  font-weight: 600;
}

/* ── Nested table wrapper ─────────────────────────────── */
.demo-table-wrap {
  margin-top: 10px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}

.demo-table-wrap .ant-table-thead > tr > th {
  background: #f9fafb;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  padding: 8px 12px;
}

.demo-table-wrap .ant-table-tbody > tr > td {
  font-size: 13px;
  padding: 8px 12px;
  color: #374151;
}

.le-add-page {
  --brand: #b66c4b;
  --brand-dark: #8d4f33;
  --brand-light: #f5ede8;
  --surface: #ffffff;
  --surface-2: #fafbfd;
  --border: #e8ecf0;
  --border-focus: #b66c4b;
  --text-primary: #1a1d23;
  --text-secondary: #6b7280;
  --text-muted: #9ca3af;
  --danger: #dc2626;
  --success: #16a34a;
  --radius: 12px;
  --radius-sm: 8px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.04);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.10), 0 4px 12px rgba(0,0,0,0.06);

  font-family: 'DM Sans', -apple-system, sans-serif;
  padding: 32px 40px 60px;
  min-height: 100vh;
}

/* Back link */
.le-back-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-decoration: none;
  padding: 6px 0;
  margin-bottom: 28px;
  transition: color 0.2s ease;
}

.le-back-link:hover {
  color: var(--brand);
  text-decoration: none;
}

.le-back-link i {
  font-size: 11px;
  transition: transform 0.2s ease;
}

.le-back-link:hover i {
  transform: translateX(-3px);
}

/* Card */
.le-form-card {
  background: var(--surface);
  border-radius: var(--radius);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--border);
  overflow: hidden;
  max-width: 640px;
  animation: cardReveal 0.4s ease both;
}

@keyframes cardReveal {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Card header */
.le-form-card-header {
  padding: 28px 36px 24px;
  border-bottom: 1px solid var(--border);
  background: var(--surface-2);
  position: relative;
  overflow: hidden;
}

.le-form-card-header::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, var(--brand) 0%, var(--brand-dark) 100%);
}

.le-form-title {
  font-family: 'DM Serif Display', serif;
  font-size: 24px;
  font-weight: 400;
  color: var(--text-primary);
  margin: 0 0 4px 0;
  line-height: 1.2;
}

.le-form-subtitle {
  font-size: 13px;
  color: var(--text-muted);
  margin: 0;
  font-weight: 400;
}

/* Card body */
.le-form-body {
  padding: 32px 36px 36px;
}

/* Field groups */
.le-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}

.le-field {
  margin-bottom: 20px;
  animation: fieldSlide 0.35s ease both;
}

.le-field:nth-child(1) { animation-delay: 0.05s; }
.le-field:nth-child(2) { animation-delay: 0.10s; }
.le-field:nth-child(3) { animation-delay: 0.15s; }
.le-field:nth-child(4) { animation-delay: 0.20s; }
.le-field:nth-child(5) { animation-delay: 0.25s; }

@keyframes fieldSlide {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

.le-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  margin-bottom: 7px;
}

.le-required {
  color: var(--danger);
  margin-left: 3px;
}

.le-input,
.le-select {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--text-primary);
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: var(--radius-sm);
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  appearance: none;
  -webkit-appearance: none;
}

.le-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27%3E%3Cpath d=%27M1 1l5 5 5-5%27 stroke=%27%236b7280%27 stroke-width=%271.5%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
  cursor: pointer;
}

.le-input:focus,
.le-select:focus {
  border-color: var(--border-focus);
  box-shadow: 0 0 0 3px rgba(182, 108, 75, 0.12);
  background: #fff;
}

.le-input::placeholder {
  color: var(--text-muted);
}

.le-input:hover:not(:focus),
.le-select:hover:not(:focus) {
  border-color: #c8d0da;
}

/* Conditional field with slide-down animation */
.le-conditional-field {
  overflow: hidden;
  animation: slideDown 0.25s ease both;
}

@keyframes slideDown {
  from { opacity: 0; max-height: 0; transform: translateY(-6px); }
  to   { opacity: 1; max-height: 200px; transform: translateY(0); }
}

/* Section divider */
.le-section-divider {
  height: 1px;
  background: var(--border);
  margin: 24px 0;
  position: relative;
}

.le-section-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--surface);
  padding: 0 12px;
  font-size: 11px;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

/* Submit button */
.le-submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 48px;
  padding: 0 28px;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #fff;
  background: var(--brand);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
  margin-top: 8px;
}

.le-submit-btn:hover:not(:disabled) {
  background: var(--brand-dark);
  box-shadow: 0 4px 16px rgba(182, 108, 75, 0.35);
  transform: translateY(-1px);
}

.le-submit-btn:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: none;
}

.le-submit-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Spin overlay */
.le-spin-wrap {
  position: relative;
}

.le-spin-wrap .ant-spin-blur {
  opacity: 0.4;
}

.view-le-study-pgi-modal .ant-modal-body {
  padding: 16px 24px 24px;
  overflow-x: hidden;
}

.view-le-study-pgi-graph-panel {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 12px;
}

.view-le-study-pgi-radio-wrap {
  width: 100%;
  max-width: 100%;
  margin-bottom: 16px;
  box-sizing: border-box;
}

.view-le-study-pgi-radio-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}

.view-le-study-pgi-radio-group .ant-radio-wrapper {
  margin: 0;
  font-size: 14px;
  color: #363547;
}

.view-le-study-pgi-chart-wrap {
  position: relative;
  height: 420px;
  min-height: 420px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 4px;
}

.view-le-study-pgi-scale-desc {
  margin-top: 20px;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  color: #3f4255;
  box-sizing: border-box;
}

.view-le-study-pgi-scale-desc-title {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: #363547;
}

.view-le-study-pgi-scale-desc-text {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #3f4255;
}

/* LE Study Session List Styling */

.view-session-entry-tab {
  width: 100%;
}

/* Table styling */
.view-session-entry-tab .ant-table {
  font-size: 14px;
}

.view-session-entry-tab .ant-table-thead > tr > th {
  background-color: #fafafa;
  font-weight: 600;
  white-space: nowrap;
  padding: 12px 8px !important;
  text-align: center;
}

.view-session-entry-tab .ant-table-tbody > tr > td {
  padding: 10px 8px !important;
  white-space: nowrap;
  text-align: center;
}

.view-session-entry-tab .ant-table-tbody > tr > td:first-child {
  text-align: left;
}

/* Align specific columns to left */
.view-session-entry-tab .ant-table-tbody > tr > td:nth-child(1),
.view-session-entry-tab .ant-table-tbody > tr > td:nth-child(2),
.view-session-entry-tab .ant-table-tbody > tr > td:nth-child(3) {
  text-align: left;
}

/* Picture description column - allow wrapping */
.view-session-entry-tab .ant-table-tbody > tr > td:nth-child(6) {
  white-space: normal !important;
  text-align: center;
}

/* Session steps column */
.view-session-entry-tab .ant-table-tbody > tr > td:nth-child(5) {
  text-align: center;
}

/* Picture description image container */
.view-session-entry-tab .ant-table img {
  max-width: 90px;
  max-height: 60px;
}

/* Status tags */
.view-session-entry-tab .ant-tag {
  margin: 0;
}

/* Listener effort score */
.view-session-entry-tab .ant-table-tbody > tr > td:nth-child(7) {
  text-align: center;
  font-weight: 500;
}

/* Ensure proper horizontal scrolling */
.view-session-entry-tab .ant-table-wrapper {
  overflow-x: auto;
}

.view-session-entry-tab .ant-spin-nested-loading > div:first-child {
  overflow-x: auto;
}

/* Audio button styling */
.view-session-entry-tab .ant-btn-circle {
  min-width: 32px;
}

/* Session steps modal table */
.ant-modal-content .ant-table-thead > tr > th {
  background-color: #fafafa;
  font-weight: 600;
  white-space: nowrap !important;
  padding: 12px 8px !important;
}

.ant-modal-content .ant-table-tbody > tr > td {
  padding: 10px 8px !important;
  white-space: nowrap;
}

.ant-modal-content .ant-table-tbody > tr > td:nth-child(3) {
  white-space: normal !important;
  max-width: 250px;
  word-break: break-word;
}

/* Picture description images in modal */
.ant-modal-content .ant-table-tbody img {
  max-width: 120px;
  max-height: 80px;
}

/* Modal table scrolling */
.ant-modal .ant-table-wrapper {
  overflow-x: auto;
}

.ptt-country-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.ptt-country-option {
  height: 44px;
  padding: 0 16px;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.ptt-country-option:hover:not(.ptt-country-option--selected) {
  border-color: #c8d0da;
}

.ptt-country-option--selected {
  color: var(--brand-dark);
  background: var(--brand-light);
  border-color: var(--brand);
}

/* AddSession.css */

/* ── Shell & back link ───────────────────────────────────── */
.as-wrap {
  padding: 0 32px 0 32px;
}

.as-shell {
  background: #fdf8f6;
  border: 1px solid #ede5e1;
  border-radius: 16px;
  padding: 24px 28px;
}

/* ── Page header ─────────────────────────────────────────── */
.as-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 12px;
}

.as-title {
  font-size: 20px;
  font-weight: 700;
  color: #2c2420;
  margin: 0;
}

/* ── Meta bar (day / date / time / name / admin) ─────────── */
.as-meta-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #ede5e1;
  border-radius: 10px;
  margin-bottom: 16px;
}

.as-meta-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 120px;
}

.as-meta-key {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #b66c4b;
}

.as-meta-val {
  font-size: 14px;
  font-weight: 500;
  color: #2c2420;
}

/* ── Status indicators ───────────────────────────────────── */
.as-status-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

.as-status-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid #ede5e1;
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  line-height: 1.4;
}

.as-status-item.ok {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.as-status-item.not-ok {
  border-color: #fecaca;
  background: #fff7f7;
}

.as-status-icon {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
}

.as-status-icon.ok {
  background: #22c55e;
  color: #fff;
}

.as-status-icon.not-ok {
  background: #ef4444;
  color: #fff;
}

.as-status-text {
  flex: 1;
  font-size: 12.5px;
  color: #374151;
}

.as-status-action {
  flex-shrink: 0;
  color: #b66c4b;
  font-size: 13px;
}

/* ── Section card ────────────────────────────────────────── */
.as-card {
  background: #fff;
  border: 1px solid #ede5e1;
  border-radius: 12px;
  padding: 20px 22px 6px;
  margin-bottom: 16px;
}

.as-card-title {
  font-size: 14px;
  font-weight: 700;
  color: #2c2420;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0 0 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0e8e4;
}

/* ── Form fields ─────────────────────────────────────────── */
.as-field {
  margin-bottom: 18px;
}

.as-label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #6b5e55;
  margin-bottom: 6px;
  line-height: 1.4;
}

.as-label-bold {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #2c2420;
  margin-bottom: 8px;
}

.as-input {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  color: #111;
  background: #fff;
  outline: none;
  transition: border-color 0.15s;
}

.as-input:focus { border-color: #b66c4b; }

.as-select {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  color: #111;
  background: #fff;
  outline: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%236b7280%27 d=%27M6 8L1 3h10z%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  cursor: pointer;
  transition: border-color 0.15s;
}

.as-select:focus { border-color: #b66c4b; }

.as-textarea {
  width: 100%;
  min-height: 90px;
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  color: #111;
  background: #f8faff;
  outline: none;
  resize: vertical;
  font-family: inherit;
  transition: border-color 0.15s;
}

.as-textarea:focus {
  border-color: #b66c4b;
  background: #fff;
}

/* ── Radio groups ────────────────────────────────────────── */
.as-radio-group {
  margin-top: 4px;
}

/* ── Skip checkbox ───────────────────────────────────────── */
.as-skip-row {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  background: #fffbf8;
  border: 1px solid #f5ddd2;
  border-radius: 8px;
  margin-bottom: 16px;
}

/* ── Sub-label (Reason / Explain) ───────────────────────── */
.as-sub-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #b66c4b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 12px 0 5px;
}

/* ── Submit button ───────────────────────────────────────── */
.as-submit-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 46px;
  padding: 0 32px;
  background: #b66c4b;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  margin-top: 12px;
  margin-bottom: 24px;
  transition: background 0.15s, transform 0.1s;
}

.as-submit-btn:hover { background: #8a4f35; }
.as-submit-btn:active { transform: scale(0.98); }

/* ActiGraph date pickers — match .input-field (56px) and center text vertically */
.wizard-form-field .actigraph-session-date-picker.ant-picker {
  display: inline-flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 19px !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  line-height: normal !important;
}

.wizard-form-field .actigraph-session-date-picker .ant-picker-input {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.wizard-form-field .actigraph-session-date-picker .ant-picker-input > input {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
  font-size: 15px !important;
  vertical-align: middle !important;
}

.wizard-form-field .actigraph-session-date-picker .ant-picker-suffix {
  display: flex !important;
  align-items: center !important;
  margin-inline-start: 8px !important;
}

/* AddAsymptomaticProctoredSession.css */

/* ── Page wrapper ─────────────────────────────────────────── */
.aaps-wrap {
  padding: 0 32px 40px;
  max-width: 900px;
}

/* ── Back link ────────────────────────────────────────────── */
.aaps-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #b66c4b;
  cursor: pointer;
  margin-bottom: 16px;
  text-decoration: none;
}

.aaps-back:hover {
  color: #8a4f35;
  text-decoration: none;
}

/* ── Page title ───────────────────────────────────────────── */
.aaps-title {
  font-size: 22px;
  font-weight: 700;
  color: #2c2420;
  margin: 0 0 20px;
}

/* ── Meta bar ─────────────────────────────────────────────── */
.aaps-meta-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  background: #fff;
  border: 1px solid #ede5e1;
  border-radius: 12px;
  margin-bottom: 16px;
  overflow: hidden;
}

.aaps-meta-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 14px 20px;
  border-right: 1px solid #ede5e1;
  min-width: 120px;
  flex: 1;
}

.aaps-meta-item:last-child {
  border-right: none;
}

.aaps-meta-key {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #b66c4b;
}

.aaps-meta-val {
  font-size: 14px;
  font-weight: 600;
  color: #2c2420;
}

/* ── Status bar ───────────────────────────────────────────── */
.aaps-status-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.aaps-status-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 14px;
  border-radius: 20px;
  border: 1px solid;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1;
}

.aaps-status-chip.ok {
  background: #ecfdf5;
  border-color: #86efac;
  color: #15803d;
}

.aaps-status-chip.not-ok {
  background: #fff7f7;
  border-color: #fecaca;
  color: #991b1b;
}

.aaps-status-chip .aaps-chip-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}

.aaps-status-chip.ok .aaps-chip-dot {
  background: #16a34a;
}

.aaps-status-chip.ok a,
.aaps-status-chip.ok .fas {
  color: #15803d;
}

.aaps-status-chip.not-ok .aaps-chip-dot {
  background: #ef4444;
}

.aaps-status-chip a {
  color: inherit;
  opacity: 0.7;
  margin-left: 4px;
}

.aaps-status-chip a:hover {
  opacity: 1;
}

/* ── Skip row ─────────────────────────────────────────────── */
.aaps-skip-row {
  display: flex;
  align-items: center;
  padding: 12px 18px;
  background: #fffbf8;
  border: 1px solid #f5ddd2;
  border-radius: 10px;
  margin-bottom: 20px;
}

/* ── Section card ─────────────────────────────────────────── */
.aaps-card {
  background: #fff;
  border: 1px solid #ede5e1;
  border-radius: 12px;
  padding: 22px 24px 8px;
  margin-bottom: 16px;
}

.aaps-card-title {
  font-size: 12px;
  font-weight: 700;
  color: #2c2420;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  margin: 0 0 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0e8e4;
}

/* ── Form field ───────────────────────────────────────────── */
.aaps-field {
  margin-bottom: 18px;
}

.aaps-label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #6b5e55;
  margin-bottom: 7px;
  line-height: 1.45;
}

.aaps-sub-label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: #b66c4b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 14px 0 6px;
}

/* ── Select ───────────────────────────────────────────────── */
.aaps-select {
  width: 100%;
  height: 44px;
  padding: 0 36px 0 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  color: #111;
  background: #fff;
  outline: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%236b7280%27 d=%27M6 8L1 3h10z%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  cursor: pointer;
  transition: border-color 0.15s;
}

.aaps-select:focus {
  border-color: #b66c4b;
}

/* ── Textarea ─────────────────────────────────────────────── */
.aaps-textarea {
  width: 100%;
  min-height: 88px;
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  color: #111;
  background: #fafafa;
  outline: none;
  resize: vertical;
  font-family: inherit;
  transition: border-color 0.15s;
}

.aaps-textarea:focus {
  border-color: #b66c4b;
  background: #fff;
}

/* ── Date picker override ─────────────────────────────────── */
.aaps-date-picker.ant-picker {
  display: inline-flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 44px !important;
  padding: 0 12px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  transition: border-color 0.15s !important;
}

.aaps-date-picker.ant-picker:hover,
.aaps-date-picker.ant-picker-focused {
  border-color: #b66c4b !important;
}

.aaps-date-picker .ant-picker-input > input {
  font-size: 14px !important;
  color: #111 !important;
}

/* ── Radio group ──────────────────────────────────────────── */
.aaps-radio-group {
  margin-top: 2px;
}

.aaps-radio-group .ant-radio-wrapper {
  font-size: 13.5px;
  color: #374151;
}

/* ── Submit button ────────────────────────────────────────── */
.aaps-submit-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 46px;
  padding: 0 36px;
  background: #b66c4b;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  margin-top: 8px;
  margin-bottom: 24px;
  transition: background 0.15s, transform 0.1s;
}

.aaps-submit-btn:hover {
  background: #8a4f35;
}

.aaps-submit-btn:active {
  transform: scale(0.98);
}

/* ── Two-column grid for date pickers ─────────────────────── */
.aaps-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media (max-width: 640px) {
  .aaps-2col {
    grid-template-columns: 1fr;
  }

  .aaps-meta-item {
    min-width: 50%;
    border-bottom: 1px solid #ede5e1;
  }

  .aaps-wrap {
    padding: 0 16px 40px;
  }
}

/* Shared SLP effort rating slider — exact hover/select behaviour */

.slp-effort-slider {
  position: relative;
  cursor: pointer;
  overflow: visible;
  /* Space outside the rail so the 30px handle is not clipped at 0/100.
     Must be on the wrapper — padding on .ant-slider offsets click → value (~3). */
  padding-inline: 15px;
  touch-action: none;
}

/* Visual only — value comes from wrapper rail math (see EffortRatingSlider.js). */
.slp-effort-slider .ant-slider {
  pointer-events: none;
}

.slp-effort-slider.is-disabled {
  cursor: not-allowed;
}

.slp-effort-slider.is-readonly {
  cursor: default;
  pointer-events: none;
}

/* Keep selected fill + handle visible in read-only view (do not use
   antd disabled greys that hide the theme-colored track). */
.slp-effort-slider.is-readonly.is-set .ant-slider-track {
  background-color: var(--theme-color) !important;
}

.slp-effort-slider.is-readonly.is-set .ant-slider-handle {
  opacity: 1 !important;
}

.slp-effort-slider.is-readonly.is-set .ant-slider-handle::after {
  background-color: #fff !important;
  box-shadow: 0 0 0 2px var(--theme-color) !important;
}

/* Before a value is committed, hide antd's handle — circle appears
   only after click/select. Hover still previews fill only.
   pointer-events:none is required: default value is 0 so the (invisible)
   30px handle sits on the left and would steal clicks for ratings 1–2. */
.slp-effort-slider:not(.is-set) .ant-slider-handle {
  opacity: 0 !important;
  pointer-events: none !important;
}

.slp-effort-slider:not(.is-set) .ant-slider-track {
  background: transparent !important;
}

.slp-effort-slider__preview-fill {
  position: absolute;
  z-index: 1;
  border-radius: 15px;
  background: var(--theme-color);
  pointer-events: none;
}

.slp-effort-slider.is-set .ant-slider-handle {
  opacity: 1 !important;
}

.slp-effort-slider__value {
  display: block;
  width: fit-content;
  margin: 18px auto 0;
  padding: 4px 18px;
  font-size: 18px;
  font-weight: 700;
  color: var(--theme-color);
  background: #fbf2ec;
  border-radius: 999px;
}

.slp-effort-slider__value.is-preview {
  opacity: 0.75;
}

.slp-effort-slider__value.is-status {
  font-size: 15px;
  font-weight: 600;
  text-transform: lowercase;
  letter-spacing: 0.01em;
}

/* Active Calibration: number centered under the full slider track */
.slp-effort-slider-wrap--bottom-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.slp-effort-slider-wrap--bottom-center .slp-effort-slider {
  width: 100%;
}

.slp-effort-slider__value--bottom-center {
  margin: 12px auto 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  text-align: center;
  color: #4a3f38;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

/* ==================
  SLP Ratings / Add Rating
 ================== */

.slp-add-wrapper {
  max-width: 700px;
}

.slp-add-initial-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  padding: 48px 24px;
}

.slp-add-card {
  position: relative;
  background: #fff;
  border: 1px solid #eee2db;
  border-radius: 18px;
  box-shadow: 0 14px 44px rgba(60, 40, 30, 0.09);
  padding: 40px 44px 36px;
  overflow: hidden;
  animation: slpAddCardIn 480ms ease both;
}

.slp-add-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--theme-color), #d08c6c 55%, #ecc9b3);
}

@keyframes slpAddCardIn {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.slp-add-card__eyebrow {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--theme-color);
}

.slp-add-card__title {
  margin: 0 0 10px;
  font-family: "Jost", sans-serif;
  font-size: 28px;
  font-weight: 600;
  color: #2c2118;
}

.slp-add-card__lead {
  margin: 0 0 28px;
  font-size: 15px;
  line-height: 1.6;
  color: #6b5d54;
  max-width: 50ch;
}

/* ---- Audio panel ---- */
.slp-add-audio-panel {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  background: #fbf2ec;
  border: 1px solid #f0ddd0;
  border-radius: 12px;
  margin-bottom: 28px;
}

.slp-add-audio-panel__icon {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  background: linear-gradient(135deg, var(--theme-color), #d08c6c);
  border-radius: 11px;
  box-shadow: 0 6px 16px rgba(182, 108, 75, 0.28);
}

.slp-add-audio-panel__body {
  flex: 1 1 auto;
  min-width: 0;
}

.slp-add-audio-panel__label {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  color: #4a3f38;
}

.slp-add-audio-panel__body audio {
  width: 100%;
  height: 40px;
}

/* ---- Rating ---- */
.slp-add-rating {
  margin-bottom: 24px;
}

.slp-add-rating__question {
  margin: 0 0 22px;
  font-size: 15px;
  line-height: 1.6;
  color: #4a3f38;
}

/* ---- Unable to rate toggle ---- */
.slp-add-toggle.ant-checkbox-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 14px 18px;
  margin-bottom: 24px;
  background: #fbf2ec;
  border: 1px solid #f0ddd0;
  border-radius: 12px;
  font-size: 15px;
  color: #4a3f38;
  transition: border-color 150ms ease;
}

.slp-add-toggle.ant-checkbox-wrapper:hover {
  border-color: #d9a98a;
}

/* ---- Note ---- */
.slp-add-note {
  margin-bottom: 8px;
}

.slp-add-note__label {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  color: #4a3f38;
}

/* ---- Actions ---- */
.slp-add-actions {
  display: flex;
  gap: 14px;
  padding-top: 26px;
  margin-top: 20px;
  border-top: 1px solid #f0e4dc;
}

.slp-add-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 30px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.2px;
  border: none;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
  transition: all 220ms ease;
}

.slp-add-btn i {
  font-size: 13px;
  transition: transform 220ms ease;
}

.slp-add-btn--primary {
  background: linear-gradient(135deg, var(--theme-color), #c47a53);
  color: #fff !important;
  box-shadow: 0 10px 26px rgba(182, 108, 75, 0.34);
}

.slp-add-btn--primary:not(.is-disabled):hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(182, 108, 75, 0.42);
  color: #fff !important;
}

.slp-add-btn--primary:not(.is-disabled):hover i {
  transform: translateX(3px);
}

.slp-add-btn--ghost {
  background: #fff;
  border: 1px solid #e5d5cb;
  color: #6b5d54 !important;
}

.slp-add-btn--ghost:not(.is-disabled):hover {
  background: #fbf2ec;
  border-color: #d9a98a;
  color: #4a3f38 !important;
  transform: translateY(-2px);
}

.slp-add-btn--ghost:not(.is-disabled):hover i {
  transform: translateX(-3px);
}

.slp-add-btn.is-disabled {
  background: #c7bdb5;
  border-color: transparent;
  color: #fff !important;
  box-shadow: none;
  cursor: not-allowed;
}

@media (max-width: 575px) {
  .slp-add-card {
    padding: 30px 22px 26px;
  }

  .slp-add-card__title {
    font-size: 24px;
  }

  .slp-add-actions {
    flex-direction: column-reverse;
  }

  .slp-add-btn {
    width: 100%;
  }
}

/* View SLP Rating — reuses Add card layout with minor tweaks */

.slp-view-wrapper .slp-add-toggle.ant-checkbox-wrapper {
  cursor: default;
}

.slp-view-wrapper .eals-form-textarea[readonly] {
  background: #faf7f4;
  color: #4a3f38;
  resize: none;
  cursor: default;
}

/* ==================
  Shared SLP Onboarding stage layout
  (Welcome, Warmup, Passive/Active Calibration, Grading)
 ================== */

.onboarding-page:has(.slp-onboarding-stage) .warm-up-page .multisteps-form,
.onboarding-page:has(.slp-onboarding-stage) .multisteps-form {
  max-width: 1120px;
}

.onboarding-page:has(.slp-onboarding-stage) .slp_multistep_form .right_side {
  flex: 1;
  min-width: 0;
  width: 100%;
}

.slp-onboarding-stage {
  width: 100%;
}

.slp-onboarding-stage .user-profile-heading {
  margin-top: 8px !important;
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.slp-onboarding-stage .audio-callbration-description,
.slp-onboarding-stage .description {
  display: block;
  padding: 0 0 18px 0 !important;
  margin: 0 0 0 0;
  font-size: 16px !important;
  line-height: 1.55;
  color: #5a5048;
}

.slp-onboarding-form {
  max-width: 100%;
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.slp-onboarding-card {
  position: relative;
  width: 100%;
  background: #fff;
  border: 1px solid #e4d2c5;
  border-radius: 18px;
  box-shadow: 0 16px 48px rgba(60, 40, 30, 0.12);
  padding: 32px 40px 28px;
  overflow: hidden;
}

.slp-onboarding-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--theme-color), #d08c6c 55%, #ecc9b3);
}

.slp-onboarding-card .wizard-form-field {
  width: 100%;
}

.slp-onboarding-card .wizard-form-input {
  margin-bottom: 20px;
}

.slp-onboarding-card .wizard-form-input.mb-2 {
  margin-bottom: 16px !important;
}

.slp-onboarding-card .wizard-form-input.mt-4 {
  margin-top: 24px !important;
}

.slp-onboarding-card .fs-16 {
  margin-bottom: 12px !important;
  line-height: 1.55;
}

.slp-onboarding-card .fs-16.mb-2 {
  margin-bottom: 14px !important;
}

.slp-onboarding-card audio,
.slp-onboarding-card iframe {
  width: 100%;
  max-width: 100%;
  margin-top: 4px;
  margin-bottom: 4px;
}

.slp-onboarding-card #audio_url {
  margin-top: 4px;
  margin-bottom: 8px;
}

.slp-onboarding-card .slp-effort-slider-wrap,
.slp-onboarding-card .slp-effort-slider,
.slp-onboarding-card .ant-slider {
  width: 100%;
  max-width: 100%;
}

/* Override global wizard `.actions { position: absolute; right: 50px }`
   so Next/Save sits in normal flow, left-aligned with card content. */
.slp-onboarding-card .actions {
  position: relative !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  margin: 20px 0 0 0 !important;
  padding: 0 !important;
  width: fit-content;
  z-index: 1;
}

.slp-onboarding-card .actions ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.slp-onboarding-card .actions li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

.slp-onboarding-card .actions li span,
.slp-onboarding-card .actions li button {
  margin: 0;
}

.slp-onboarding-card .wizard-form-input,
.slp-onboarding-card .wizard-form-field,
.slp-onboarding-card .has-float-label {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.slp-onboarding-card h6,
.slp-onboarding-card .slp-onboarding-effort-label {
  display: block;
  margin: 18px 0 0 0;
  padding: 0 !important;
  text-align: left;
}

.slp-onboarding-card .wizard-form-input:has(.actions) {
  margin-top: 8px;
  margin-bottom: 0;
}

.slp-onboarding-card hr {
  border-color: #f0e4dc;
  margin: 16px 0 20px;
}

.slp-onboarding-card .description {
  padding-bottom: 12px !important;
}

/* Active Calibration uses shared onboarding layout */

/* ==================
  SLP Ratings / Calibration Phase
 ================== */

.calibration-wrapper {
  max-width: 660px;
}

.calibration-card {
  position: relative;
  background: #fff;
  border: 1px solid #eee2db;
  border-radius: 18px;
  box-shadow: 0 14px 44px rgba(60, 40, 30, 0.09);
  padding: 40px 44px 36px;
  overflow: hidden;
  animation: calibrationCardIn 480ms ease both;
}

.calibration-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--theme-color), #d08c6c 55%, #ecc9b3);
}

@keyframes calibrationCardIn {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.calibration-card__eyebrow {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--theme-color);
}

.calibration-card__title {
  margin: 0 0 10px;
  font-family: "Jost", sans-serif;
  font-size: 28px;
  font-weight: 600;
  color: #2c2118;
}

.calibration-card__lead {
  margin: 0 0 26px;
  font-size: 15px;
  line-height: 1.6;
  color: #6b5d54;
  max-width: 50ch;
}

/* ---- Progress ---- */
.calibration-progress {
  margin-bottom: 28px;
}

.calibration-progress__label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #4a3f38;
}

.calibration-progress__label span:last-child {
  color: var(--theme-color);
}

.calibration-progress__track {
  height: 6px;
  background: #f3e6dd;
  border-radius: 10px;
  overflow: hidden;
}

.calibration-progress__fill {
  height: 100%;
  background: linear-gradient(90deg, var(--theme-color), #d08c6c);
  border-radius: 10px;
  transition: width 320ms ease;
}

/* ---- Audio panel ---- */
.calibration-audio-panel {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  background: #fbf2ec;
  border: 1px solid #f0ddd0;
  border-radius: 12px;
  margin-bottom: 28px;
}

.calibration-audio-panel__icon {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  background: linear-gradient(135deg, var(--theme-color), #d08c6c);
  border-radius: 11px;
  box-shadow: 0 6px 16px rgba(182, 108, 75, 0.28);
}

.calibration-audio-panel__body {
  flex: 1 1 auto;
  min-width: 0;
}

.calibration-audio-panel__label {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  color: #4a3f38;
}

.calibration-audio-panel__body audio {
  width: 100%;
  height: 40px;
}

/* ---- Rating ---- */
.calibration-rating {
  margin-bottom: 20px;
}

.calibration-rating__question {
  margin: 0 0 22px;
  font-size: 15px;
  line-height: 1.6;
  color: #4a3f38;
}

/* ---- Actions ---- */
.calibration-actions {
  padding-top: 26px;
  margin-top: 6px;
  border-top: 1px solid #f0e4dc;
}

.calibration-next-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 30px;
  background: linear-gradient(135deg, var(--theme-color), #c47a53);
  color: #fff !important;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.2px;
  border: none;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 10px 26px rgba(182, 108, 75, 0.34);
  transition: all 220ms ease;
}

.calibration-next-btn i {
  font-size: 13px;
  transition: transform 220ms ease;
}

.calibration-next-btn:not(.is-disabled):hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(182, 108, 75, 0.42);
  color: #fff !important;
}

.calibration-next-btn:not(.is-disabled):hover i {
  transform: translateX(3px);
}

.calibration-next-btn.is-disabled {
  background: #c7bdb5;
  box-shadow: none;
  cursor: not-allowed;
}

@media (max-width: 575px) {
  .calibration-card {
    padding: 30px 22px 26px;
  }

  .calibration-card__title {
    font-size: 24px;
  }

  .calibration-audio-panel {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ==================
  SLP Ratings / Protocol Reminder (Warmup)
 ================== */

.warmup-wrapper {
  max-width: 640px;
}

.warmup-card {
  position: relative;
  background: #fff;
  border: 1px solid #eee2db;
  border-radius: 18px;
  box-shadow: 0 14px 44px rgba(60, 40, 30, 0.09);
  padding: 40px 44px 36px;
  overflow: hidden;
  animation: warmupCardIn 480ms ease both;
}

.warmup-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--theme-color), #d08c6c 55%, #ecc9b3);
}

@keyframes warmupCardIn {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.warmup-card__badge {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  color: #fff;
  background: linear-gradient(135deg, var(--theme-color), #d08c6c);
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(182, 108, 75, 0.32);
  margin-bottom: 18px;
}

.warmup-card__eyebrow {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--theme-color);
}

.warmup-card__title {
  margin: 0 0 10px;
  font-family: "Jost", sans-serif;
  font-size: 28px;
  font-weight: 600;
  color: #2c2118;
}

.warmup-card__lead {
  margin: 0 0 28px;
  font-size: 15px;
  line-height: 1.6;
  color: #6b5d54;
  max-width: 46ch;
}

.warmup-checklist {
  list-style: none;
  margin: 0 0 32px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.warmup-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 12px 10px;
  border-radius: 10px;
  font-size: 15px;
  line-height: 1.55;
  color: #4a3f38;
  opacity: 0;
  animation: warmupItemIn 420ms ease both;
  transition: background-color 200ms ease;
}

.warmup-checklist li:hover {
  background-color: #fbf2ec;
}

.warmup-checklist li:nth-child(1) {
  animation-delay: 90ms;
}

.warmup-checklist li:nth-child(2) {
  animation-delay: 160ms;
}

.warmup-checklist li:nth-child(3) {
  animation-delay: 230ms;
}

.warmup-checklist li:nth-child(4) {
  animation-delay: 300ms;
}

@keyframes warmupItemIn {
  from {
    opacity: 0;
    transform: translateX(-6px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.warmup-checklist__icon {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--theme-color);
  background: #fbf2ec;
  border: 1px solid #f0ddd0;
  border-radius: 9px;
  margin-top: 1px;
}

.warmup-checklist a {
  color: var(--theme-color);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.warmup-actions {
  padding-top: 24px;
  border-top: 1px solid #f0e4dc;
}

.warmup-start-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 30px;
  background: linear-gradient(135deg, var(--theme-color), #c47a53);
  color: #fff !important;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.2px;
  border-radius: 10px;
  text-decoration: none;
  box-shadow: 0 10px 26px rgba(182, 108, 75, 0.34);
  transition: all 220ms ease;
}

.warmup-start-btn i {
  font-size: 13px;
  transition: transform 220ms ease;
}

.warmup-start-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(182, 108, 75, 0.42);
  color: #fff !important;
}

.warmup-start-btn:hover i {
  transform: translateX(3px);
}

@media (max-width: 575px) {
  .warmup-card {
    padding: 30px 22px 26px;
  }

  .warmup-card__title {
    font-size: 24px;
  }
}

.cp-label-spaced {
  margin-top: 1rem;
}

.cp-field-group {
  position: relative;
  padding-top: 0.1rem;
}

.cp-submit-group {
  position: relative;
  margin-top: 1.5rem;
}

/**
 * Bootstrap 4 compatibility layer for Bootstrap 5
 * Restores removed/renamed classes so existing markup works without changes.
 * Import this immediately after bootstrap.min.css.
 */

/* ========== Spacing: margin-left (ml-* -> same as Bootstrap 5 ms-*) ========== */
.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }
.ml-auto { margin-left: auto !important; }

/* ========== Spacing: margin-right (mr-* -> same as Bootstrap 5 me-*) ========== */
.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }
.mr-auto { margin-right: auto !important; }

/* ========== Spacing: padding-left (pl-* -> same as Bootstrap 5 ps-*) ========== */
.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: 0.25rem !important; }
.pl-2 { padding-left: 0.5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pl-5 { padding-left: 3rem !important; }

/* ========== Spacing: padding-right (pr-* -> same as Bootstrap 5 pe-*) ========== */
.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: 0.25rem !important; }
.pr-2 { padding-right: 0.5rem !important; }
.pr-3 { padding-right: 1rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pr-5 { padding-right: 3rem !important; }

/* ========== Form group (removed in Bootstrap 5) ========== */
.form-group {
  margin-bottom: 1rem;
}

/* ========== Custom form controls (removed in Bootstrap 5; map to form-check style) ========== */
.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}
.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #0d6efd;
  background-color: #0d6efd;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
  cursor: pointer;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50% / 0.75rem 0.75rem;
}
.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10l3 3l6-6%27/%3e%3c/svg%3e");
}
.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #0d6efd;
  background-color: #0d6efd;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23fff%27/%3e%3c/svg%3e");
}

/* ========== Custom select (removed in Bootstrap 5) ========== */
.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  vertical-align: middle;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none;
}
.custom-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* ========== Custom file (removed in Bootstrap 5) ========== */
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}
.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}
.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #212529;
  content: "Browse";
  background-color: #e9ecef;
  border-left: 1px solid #ced4da;
  border-radius: 0 0.25rem 0.25rem 0;
}

/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker-rtl {
  direction: rtl;
}
.datepicker-rtl.dropdown-menu {
  left: auto;
}
.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
  background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
  background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

@charset "UTF-8";
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/**
 * EALS utility classes – replace common inline styles.
 * All names use eals- prefix to avoid overriding Bootstrap/global styles.
 */

/* Layout */
.eals-w-100 { width: 100% !important; }
.eals-pos-relative { position: relative; }
.eals-pt-0 { padding-top: 0; }
.eals-wrapper-pt-0 { padding-top: 0; }

/* Spacing */
.eals-mb-15 { margin-bottom: 15px; }
.eals-mb-29 { margin-bottom: 29px; }
.eals-ml-4 { margin-left: 4px; }
.eals-ml-4-mt-20 { margin-left: 4px; margin-top: 20px; }
.eals-ml-10 { margin-left: 10px; }
.eals-ml-15 { margin-left: 15px; }
.eals-ml-16 { margin-left: 16px; }
.eals-mr-10 { margin-right: 10px; }
.eals-mr-25-mt-20 { margin-right: 25px; margin-top: 20px; }
.eals-mt-7-ml-1 { margin-top: 7px; margin-left: 1px; }
.eals-margin-53-0-0 { margin: 53px 0 0; }
.eals-m-0-shadow-none { margin: 0; box-shadow: none; }

/* Typography */
.eals-text-14 { font-size: 14px; }
.eals-text-14-ml-10 { font-size: 14px; margin-left: 10px; }
.eals-text-14-ml-16 { font-size: 14px; margin-left: 16px; }
.eals-text-17 { font-size: 17px; }
.eals-text-18 { font-size: 18px; }
.eals-text-20 { font-size: 20px; }
.eals-font-500 { font-weight: 500; }
.eals-text-black-18 { color: #000; font-size: 18px; }
.eals-text-black-20 { color: #000; font-size: 20px; }
.eals-required-asterisk { color: red; margin-left: 4px; }
.eals-status-corrected { color: #52c41a; font-weight: 500; }
.eals-text-white { color: #fff; }
.eals-fs-14-mr-10-mb-15 { font-size: 14px; margin-right: 10px; margin-bottom: 15px; }

/* Interaction */
.eals-cursor-pointer { cursor: pointer; }
.eals-w-100-cursor-pointer { width: 100%; cursor: pointer; }

/* Sizing */
.eals-max-w-480 { max-width: 480px; }
.eals-h-72-w-100 { height: 72px; width: 100%; }
.eals-fit-content { width: fit-content; }
.eals-fs-17-fit-content { font-size: 17px; width: fit-content; }

/* Misc */
.eals-opacity-05 { opacity: 0.5; }
.eals-opacity-1 { opacity: 1; }
.eals-scale-mt { padding-top: 0; transform: scale(1); margin-top: -25px; }
.eals-top-12 { position: relative; top: 12px; }
.eals-overflow-wrap-normal { overflow-wrap: normal; }
.eals-left-0 { left: 0; }
.eals-left-0-cursor-pointer { left: 0; cursor: pointer; }
.eals-link-blue-max-w-120 { color: #2879f4; max-width: 120px; }

/*  ================== 
  Common styles
 ==================  */

:root {
  --white-color: #fff;
  --black-color: #000;
  --theme-color: #b66c4b;
}

html {
  overflow-x: clip;
}

body {
  overflow-x: hidden;
  background: #f1f9fe;
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
}

.ant-tag-green {
  color: #389e0d !important;
}

.border-1 {
  border: 1px solid #000;
}

.tag-font-size-17 {
  font-size: 15px;
}

.social-rec-a .social-rec-form-1,
.social-rec-b .social-rec-form-1 {
  margin-bottom: 20px;
}

button {
  outline: none;
}

.ant-table-thead > tr > th {
  background-color: #000 !important;
  color: #fff !important;
  /* optional */
}

.research_button {
  height: 40px;
  text-decoration: none;
  padding: 4px 25px;
  border-radius: 0px;
  color: #fff !important;
  font-size: 16px;
  transition: all 400ms;
  background: var(--theme-color);
  border: 1px solid var(--theme-color);
}

.research_button:hover {
  background: #000;
  border: 1px solid #000;
}

.research_button_inventory {
  height: 40px;
  text-decoration: none;
  padding: 4px 25px;
  border-radius: 0px;
  color: #fff !important;
  font-size: 16px;
  transition: all 400ms;
  background: var(--theme-color);
  border: 1px solid var(--theme-color);
  margin-left: auto;
}

.research_button.ant-btn[disabled],
.research_button.ant-btn[disabled]:hover,
.research_button_inventory.ant-btn[disabled],
.research_button_inventory.ant-btn[disabled]:hover {
  background: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
  color: #fff !important;
  opacity: 1 !important;
  cursor: not-allowed;
}

.research_b_inventoryutton:hover {
  background: #3a3939;
  border: 1px solid #000;
}

.admin-user-options {
  display: flex;
  justify-content: flex-end;
  flex-direction: column-reverse;
}

.research_button.width-200 {
  width: 200px;
}

.fs-14 {
  font-size: 14px;
}

.fs-16 {
  font-size: 16px;
}

.fs-18 {
  font-size: 18px;
}

.list-style-circle {
  list-style: circle;
}

.border-none {
  border: none !important;
}

.enquiry-to-engagement-dashboard-main-wrapper
  .enquiry-to-engagement-filter-row
  .ant-select {
  height: 51px !important;
  border-radius: inherit !important;
}

/*  ================== 
  Header section 
 ==================  */
.login-btn {
  bottom: 0 !important;
  right: auto !important;
  left: -10px;
  display: flex;
  justify-content: center;
}

.records-wrapper {
  margin: 0 auto !important;
  max-width: 100%;
  min-height: 100vh;
  padding: 56px 46px;
}

.font-bold-700 {
  font-weight: 700;
}

.records-wrapper th,
.records-wrapper .ant-table-content th {
  color: #fff;
  font-size: 19px;
  background-color: var(--theme-color);
  font-weight: 400;
}

table {
  border-collapse: collapse;
}

.records-wrapper td,
.records-wrapper .ant-table-content td {
  color: #5756a2;
  background-color: #f1f9fe;
}

.records-wrapper td,
.records-wrapper .ant-table-content td,
.records-wrapper th,
.records-wrapper .ant-table-content th {
  border: 0.5px solid #000;
  height: 50px;
  padding: 0 20px;
  border-collapse: collapse;
}

/* Hide Ant table internal measurement row (prevents blank first row) */
.records-wrapper tr.ant-table-measure-row,
.records-wrapper .ant-table-content tr.ant-table-measure-row {
  height: 0 !important;
}

.records-wrapper tr.ant-table-measure-row td,
.records-wrapper .ant-table-content tr.ant-table-measure-row td {
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  line-height: 0 !important;
}

.records-wrapper .inventory-table-input.ant-input {
  height: 30px !important;
  line-height: 40px !important;
  padding: 0 11px;
  font-size: 14px;
}

.records-wrapper .inventory-table-select .ant-select-selector {
  height: 40px !important;
  display: flex;
  align-items: center;
}

.records-wrapper .inventory-table-select .ant-select-selection-item,
.records-wrapper .inventory-table-select .ant-select-selection-placeholder {
  line-height: 40px !important;
  font-size: 14px;
}

.header-section {
  background-color: var(--theme-color);
  padding: 12px 23px;
  max-height: 87px;
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
  left: 0;
}

@media (min-width: 1050px) {
  .header-section {
    right: 0.8rem;
    width: auto;
    box-sizing: border-box;
  }
}

/* Main content area: clear fixed header and prevent overlap */
.eals-main-content {
  padding-top: 87px;
  position: relative;
  z-index: 1;
  transition:
    margin-left 0.3s ease,
    max-width 0.3s ease,
    width 0.3s ease,
    flex-basis 0.3s ease;
}

/* On desktop (sidebar always visible at 240px fixed), push content clear of the sidebar */
@media (min-width: 1050px) {
  .eals-main-content {
    margin-left: 240px !important;
    max-width: calc(100% - 240px) !important;
    flex: 0 0 calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }

  #sidebar.sidebar-collapsed + .eals-main-content {
    margin-left: 72px !important;
    max-width: calc(100% - 72px) !important;
    flex: 0 0 calc(100% - 72px) !important;
    width: calc(100% - 72px) !important;
  }

  #sidebar.hide-sidebar + .eals-main-content {
    margin-left: 0 !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  /*
   * Universal layout for all sidebar routes: main column is always the element
   * immediately after #sidebar and uses Bootstrap col-* (list, forms, reports).
   * Covers every menu item and sub-route without per-page rules.
   */
  #sidebar + [class*="col-"] {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }

  #sidebar.sidebar-collapsed + [class*="col-"] {
    margin-left: 72px !important;
    max-width: calc(100% - 72px) !important;
    flex: 0 0 calc(100% - 72px) !important;
    width: calc(100% - 72px) !important;
  }

  #sidebar.hide-sidebar + [class*="col-"] {
    margin-left: 0 !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  .sidebar-section.sidebar-collapsed {
    width: 72px !important;
    overflow-x: hidden;
    padding-top: 44px !important;
  }

  .sidebar-section.sidebar-collapsed ul li {
    padding: 12px 0 !important;
    min-height: 46px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0 !important;
    line-height: 0 !important;
    white-space: nowrap;
    overflow: hidden;
  }

  .sidebar-section.sidebar-collapsed ul li a,
  .sidebar-section.sidebar-collapsed ul li a:visited {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden;
  }

  .sidebar-section.sidebar-collapsed ul li a i {
    margin-right: 0 !important;
    width: auto !important;
    min-width: auto !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  .sidebar-section.sidebar-collapsed ul li a span,
  .sidebar-section.sidebar-collapsed ul li span,
  .sidebar-section.sidebar-collapsed ul li br,
  .sidebar-section.sidebar-collapsed .sidebar-dropdown,
  .sidebar-section.sidebar-collapsed .fa-chevron-down,
  .sidebar-section.sidebar-collapsed .fa-chevron-up {
    display: none !important;
  }

  .sidebar-section.sidebar-collapsed .eals-pos-relative {
    position: relative;
  }
}

/* Shipping & Returns: keep Study Name select same height as Search input
   (the `.input-field` search input is 56px tall, so match it). */
.shipping-returns-page .view-session-entry-tab .ant-select.filter-element {
  height: 56px !important;
  min-height: 56px !important;
  border-radius: 0 !important;
}

.shipping-returns-page
  .view-session-entry-tab
  .ant-select.filter-element.ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector {
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 14px !important;
}

.shipping-returns-page
  .view-session-entry-tab
  .ant-select.filter-element.ant-select-single
  .ant-select-selector
  .ant-select-selection-item,
.shipping-returns-page
  .view-session-entry-tab
  .ant-select.filter-element.ant-select-single
  .ant-select-selector
  .ant-select-selection-placeholder {
  line-height: 54px !important;
}

.shipping-returns-page
  .view-session-entry-tab
  .ant-select.filter-element.ant-select-single
  .ant-select-selector
  .ant-select-selection-search-input {
  height: 54px !important;
}

.header-section img {
  max-width: 86px;
}

.header-section h1 {
  font-size: 25px;
  color: #fff;
  line-height: 64px;
  padding-left: 18px;
}

.records-wrapper i.fa-pencil-alt {
  color: #34b534;
}

.records-wrapper i.fa-trash-alt {
  color: #b53489;
}

/*  ==================
  Sidebar section (parity with root ealsadmindashboard)
 ==================  */

.sidebar-section {
  width: 240px;
  border-right: 1px solid #ddd;
  background: #fff;
  top: 87px;
  height: calc(100vh - 87px);
  max-height: calc(100vh - 87px);
  position: fixed;
  overflow-y: auto;
  overflow-x: visible;
  z-index: 1020;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.45;
  color: #2f3146;
}

.sidebar-section::-webkit-scrollbar {
  width: 8px;
}

.sidebar-section::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.sidebar-section::-webkit-scrollbar-thumb {
  background: #b9b9b9;
  border-radius: 8px;
}

.sidebar-section::-webkit-scrollbar-thumb:hover {
  background: #9f9f9f;
}

.sidebar-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-section ul li {
  padding: 16px 13px 16px 21px;
  transition: all 400ms;
  cursor: pointer;
  color: #2f3146;
}

.sidebar-section ul li:hover {
  background: #f3f3f3;
}

.sidebar-section ul li a,
.sidebar-section ul li a:visited {
  font-size: 17px;
  font-weight: 400;
  text-decoration: none;
  color: inherit;
}

.sidebar-section ul li a:hover {
  color: inherit;
  text-decoration: none;
}

.sidebar-section ul li a i {
  margin-right: 5px;
  color: inherit;
}

.sidebar-section ul li.active {
  background: var(--theme-color) !important;
  color: #fff !important;
  border-bottom: 1px solid #fff;
}

.sidebar-section ul li.active:hover {
  background: var(--theme-color) !important;
  color: #fff !important;
}

.sidebar-section ul li.active a,
.sidebar-section ul li.active a:visited,
.sidebar-section ul li.active a:hover {
  color: #fff !important;
}

.sidebar-section ul li.active a i,
.sidebar-section ul li.active span {
  color: #fff !important;
}

.sidebar-section ul li ul {
  overflow-y: visible;
}

/* Dropdown panels use div.sidebar-dropdown > ul (not li > ul) */
.sidebar-section .sidebar-dropdown ul li {
  padding: 16px 13px 16px 21px;
  transition: all 400ms;
  cursor: pointer;
  color: #2f3146;
}

.sidebar-section .sidebar-dropdown ul li:hover {
  background: #f3f3f3;
}

.sidebar-section .sidebar-dropdown ul li a,
.sidebar-section .sidebar-dropdown ul li a:visited {
  font-size: 17px;
  font-weight: 400;
  text-decoration: none;
  color: inherit;
}

.sidebar-section .sidebar-dropdown ul li a:hover {
  color: inherit;
  text-decoration: none;
}

.sidebar-section .sidebar-dropdown ul li.active {
  background: var(--theme-color) !important;
  color: #fff !important;
  border-bottom: 1px solid #fff;
}

.sidebar-section .sidebar-dropdown ul li.active a,
.sidebar-section .sidebar-dropdown ul li.active a:visited,
.sidebar-section .sidebar-dropdown ul li.active a:hover {
  color: #fff !important;
}

.sidebar-section .sidebar-dropdown ul li.active a i,
.sidebar-section .sidebar-dropdown ul li.active span {
  color: #fff !important;
}

.sidebar-section .sidebar-dropdown ul li.active:hover {
  background: var(--theme-color) !important;
  color: #fff !important;
}

/*  ================== 
  Dashobard Page
 ==================  */

.top-space {
  margin-top: 80px !important;
}

.main-section.dashboard {
  text-align: center;
  padding-top: 0;
  flex-wrap: wrap;
  margin-top: 0;
}

.dashboard {
  margin-top: 0;
  margin-left: 0;
}

.main-section.dashboard h1 {
  font-size: 43px;
  font-weight: 600;
  padding-bottom: 20px;
}

.main-section.dashboard p {
  font-size: 16px;
  font-weight: 400;
}

.main-section.dashboard a.btn {
  margin-top: 30px;
}

.main-section.dashboard .inner {
  width: 100%;
  height: 150px;
  padding: 25px 31px 29px 31px;
  background: #fff;
  box-shadow: 8px 2px 20px #c7c7c7;
  border-radius: 6px;
  border: 1px solid #fff;
  transition: all 500ms;
  text-align: left;
}

.app_user_counts .inner {
  width: 100%;
  height: 150px;
  padding: 15px 31px 20px 31px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #fff;
  transition: all 500ms;
  text-align: left;
  border: 1px solid #c7c7c7;
}

.app_user_counts .ant-collapse-header-text {
  font-size: 18px;
  font-weight: bold;
}

.app_user_counts .Block-container {
  margin-bottom: 20px;
}

.main-section.dashboard .Block-container {
  margin-bottom: 0;
}

.main-section.dashboard .inner:hover,
.app_user_counts .inner:hover {
  border: 1px solid #cbc7c7;
}

.main-section.dashboard .inner h1,
.app_user_counts .inner h1 {
  padding-bottom: 7px;
  padding-top: 6px;
}

/* Dashboard page – responsive layout */
.dashboard-page {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

.dashboard-page__section-title {
  margin: 0;
  font-size: 19px;
  font-weight: 700 !important;
  color: inherit;
}

.dashboard-page__section-title--first {
  margin-top: 24px;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 19px;
  font-weight: 400;
}

.dashboard-page__section-title--radcliff {
  margin-top: 25px;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 19px;
  font-weight: 400;
}

.dashboard-page__radcliff-wrap .dashboard-page__section-title--radcliff {
  margin-top: 25px;
}

.dashboard-page__divider {
  width: 94%;
  max-width: 100%;
  margin: 24px auto 0;
  border: 0;
  border-top: 1px solid #e8e8e8;
}

.dashboard-page__section {
  margin-top: 24px;
  padding-left: 0;
  padding-right: 0;
}

.dashboard-page__section--first {
  margin-top: 24px !important;
}

.dashboard-page__section--radcliff {
  margin-top: 27px;
}

.dashboard-page__radcliff-wrap .dashboard-page__section--radcliff {
  margin-top: 27px !important;
}

.dashboard-page__section-title--ecas {
  margin-top: 25px !important;
  font-size: 22px;
  font-weight: 400;
}

.dashboard-page__section--ecas {
  margin-top: 27px;
}

/* Consistent gutters between cards (horizontal and vertical) */
.dashboard-page .main-section.dashboard .row {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -24px;
}

.dashboard-page .main-section.dashboard .row > [class*="col-"] {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 24px;
}

@media (max-width: 991px) {
  .dashboard-page {
    padding-left: 20px;
    padding-right: 20px;
  }

  .dashboard-page__section-title--first {
    margin-top: 20px;
    font-size: 19px;
    font-weight: 400;
  }

  .dashboard-page__section-title--radcliff {
    margin-top: 20px;
    font-size: 19px;
    font-weight: 400;
  }

  .dashboard-page__section--first {
    margin-top: 20px;
  }

  .dashboard-page__section--radcliff {
    margin-top: 20px;
  }

  .dashboard-page__section-title--ecas {
    margin-top: 20px;
    font-size: 22px;
    font-weight: 400;
  }

  .dashboard-page__section--ecas {
    margin-top: 20px;
  }

  .dashboard-page .main-section.dashboard .row > [class*="col-"] {
    margin-bottom: 20px;
  }

  .dashboard-page .main-section.dashboard .inner {
    min-height: 120px;
    height: auto;
    padding: 20px 20px 24px;
  }

  .dashboard-page .main-section.dashboard .inner h1 {
    font-size: 43px;
    font-weight: 600;
  }

  .dashboard-page .main-section.dashboard .inner p {
    font-size: 16px;
    font-weight: 400;
  }
}

@media (max-width: 767px) {
  .dashboard-page {
    padding-left: 16px;
    padding-right: 16px;
  }

  .dashboard-page__section-title--first {
    margin-top: 16px;
    font-size: 19px;
    font-weight: 400;
  }

  .dashboard-page__section-title--radcliff {
    margin-top: 16px;
    font-size: 19px;
    font-weight: 400;
  }

  .dashboard-page__section--first,
  .dashboard-page__section--radcliff,
  .dashboard-page__section--ecas {
    margin-top: 16px;
  }

  .dashboard-page__section-title--ecas {
    margin-top: 16px;
    font-size: 22px;
    font-weight: 400;
  }

  .dashboard-page__divider {
    width: 100%;
  }

  .dashboard-page .main-section.dashboard .row {
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: -16px;
  }

  .dashboard-page .main-section.dashboard .row > [class*="col-"] {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 16px;
  }

  .dashboard-page .main-section.dashboard .inner {
    min-height: 100px;
    padding: 16px 16px 20px;
  }

  .dashboard-page .main-section.dashboard .inner h1 {
    font-size: 43px;
    font-weight: 600;
  }

  .dashboard-page .main-section.dashboard .inner p {
    font-size: 16px;
    font-weight: 400;
  }
}

@media (max-width: 576px) {
  .dashboard-page {
    padding-left: 12px;
    padding-right: 12px;
  }

  .dashboard-page__section-title--first {
    margin-top: 12px;
    font-size: 19px;
    font-weight: 400;
  }

  .dashboard-page__section-title--radcliff {
    margin-top: 12px;
    font-size: 19px;
    font-weight: 400;
  }

  .dashboard-page__section--first,
  .dashboard-page__section--radcliff,
  .dashboard-page__section--ecas {
    margin-top: 12px;
  }

  .dashboard-page__section-title--ecas {
    margin-top: 12px;
    font-size: 22px;
    font-weight: 400;
  }

  .dashboard-page .main-section.dashboard .row {
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: -12px;
  }

  .dashboard-page .main-section.dashboard .row > [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 12px;
  }

  .dashboard-page .main-section.dashboard .inner {
    padding: 14px 14px 18px;
  }

  .dashboard-page .main-section.dashboard .inner h1 {
    font-size: 43px;
    font-weight: 600;
  }

  .dashboard-page .main-section.dashboard .inner p {
    font-size: 16px;
    font-weight: 400;
  }
}

a.btn {
  padding: 11px 25px;
  outline: none;
  border-radius: 0px;
  text-decoration: none;
  color: #fff !important;
  font-size: 16px;
  box-shadow: none;
  transition: all 400ms;
}

a.btn i {
  margin-right: 5px;
}

a.btn::focus,
a.btn::active {
  box-shadow: none;
}

a.btn:hover {
  background: #000;
}

.primary {
  background: var(--theme-color);
}

.go-back {
  padding: 14px 25px;
  outline: none;
  background-color: #fff;
  text-decoration: none;
  color: var(--theme-color) !important;
  font-size: 18px;
  box-shadow: 0 0 10px #efcebf;
  transition: all 400ms;
  text-transform: uppercase;
  border: 1px solid var(--theme-color);
  border-radius: 5px;
  margin-left: 55px;
  position: relative;
  z-index: 99;
}

.go-back-email-body {
  padding: 14px 25px;
  outline: none;
  background-color: #fff;
  text-decoration: none;
  color: var(--theme-color) !important;
  font-size: 18px;
  box-shadow: 0 0 10px #efcebf;
  transition: all 400ms;
  text-transform: uppercase;
  border: 1px solid var(--theme-color);
  border-radius: 5px;
  position: relative;
  z-index: 99;
  top: 82px;
}

/*  ================== 
  Add User page
 ==================  */

.main-section.add-user {
  padding-top: 40px;
}

.main-section.add-user .wrapper {
  background: transparent;
  box-shadow: none;
  margin: 0;
}

.main-section.add-user .wrapper .multisteps-form__progress {
  padding: 0;
}

.main-section.add-user .wizard-footer {
  min-height: 40px;
}

.main-section.add-user .actions {
  right: 86px;
}

.main-section.add-user .multisteps-form__progress-btn.js-active {
  color: var(--theme-color);
}

.main-section.add-user .multisteps-form__progress-btn.js-active:before {
  border-color: var(--theme-color);
  font-size: 20px;
  color: var(--theme-color);
  content: "\f00c";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

.label-name {
  font-size: 18px;
}

.user-profile-heading {
  padding-bottom: 20px;
  color: var(--theme-color);
}

.main-section.add-user .badge-selection span,
.main-section.add-user .badge-selection h3 {
  color: #000;
  font-size: 17px;
}

/* =========================================================================
 * Reusable card-based form layout (`eals-form-*`)
 * Shared by every Add / Edit page (Coordinators, Admin Users, Consortia,
 * App Alerts, ...). Use this consistent wrapper structure on any new form:
 *
 *   <div className="eals-form-page">                  outer page root
 *     <Header />
 *     <div className="row">
 *       <Sidebar />
 *       <div className="col-lg-10 ml-auto eals-main-content eals-form-page-col">
 *         <div className="eals-form-wrapper">          parent wrapper
 *           <div className="eals-form-topbar">...</div> back button
 *           <div className="eals-form-card">           the card
 *             <div className="eals-form-card-header">...</div>
 *             ...sections / fields...
 *             <div className="eals-form-actions">...</div>
 *
 * Dedicated `eals-form-*` field classes avoid the broken theme defaults
 * (.wizard-form-field input: 80px tall, #ddeef9 fill, etc). The
 * `.eals-form-card--legacy` modifier wraps forms that still use the old
 * theme markup (wizard-form-field etc).
 * ========================================================================= */
.eals-form-page-col {
  padding-left: 32px !important;
  padding-right: 32px !important;
  padding-bottom: 48px;
}

.eals-form-wrapper {
  width: 100%;
  max-width: 820px;
  margin: 0;
}

.eals-form-topbar {
  margin-top: 18px;
  margin-bottom: 18px;
}

/* Back button sits flush-left inside the form column */
.eals-form-topbar .go-back {
  margin-left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ---- Card ---- */
.eals-form-card {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
  padding: 26px 30px 30px;
}

.eals-form-card-header {
  border-bottom: 1px solid #eee;
  padding-bottom: 16px;
  margin-bottom: 24px;
}

.eals-form-card-header h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: var(--theme-color);
}

.eals-form-card-header p {
  margin: 6px 0 0;
  font-size: 14px;
  color: #6b7280;
}

/* ---- Fields (responsive 2-column grid) ---- */
.eals-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 22px;
}

.eals-form-group {
  display: flex;
  flex-direction: column;
}

.eals-form-group--full {
  grid-column: 1 / -1;
}

.eals-form-group label {
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 600;
  color: #374151;
}

.eals-form-group .req {
  color: #ef4444;
}

.eals-form-input {
  width: 100%;
  height: 51px;
  padding: 8px 14px;
  font-size: 15px;
  color: #1f2937;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  outline: none;
  box-sizing: border-box;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.eals-form-input::placeholder {
  color: #9ca3af;
}

.eals-form-input:focus {
  border-color: var(--theme-color);
  box-shadow: 0 0 0 3px rgba(189, 100, 55, 0.15);
}

.eals-form-input:disabled {
  background: #f3f4f6;
  color: #6b7280;
  cursor: not-allowed;
}

select.eals-form-input {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27><path fill=%27%236b7280%27 d=%27M1 1l5 5 5-5%27/></svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 36px;
}

/* ---- Password field with show/hide toggle ---- */
.eals-form-input-wrap {
  position: relative;
}

.eals-form-input-wrap .eals-form-input {
  padding-right: 42px;
}

.eals-form-toggle-pass {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #6b7280;
  cursor: pointer;
}

.eals-form-toggle-pass:hover {
  color: #374151;
}

/* ---- Actions ---- */
.eals-form-actions {
  margin-top: 26px;
  padding-top: 20px;
  border-top: 1px solid #eee;
}

/* ---- Legacy modifier: neutralise old theme markup inside the card ---- */
.eals-form-card--legacy .wrapper,
.eals-form-card--legacy .multisteps-form,
.eals-form-card--legacy .multisteps-form__panel,
.eals-form-card--legacy .inner,
.eals-form-card--legacy .wizard-content-form,
.eals-form-card--legacy .wizard-form-field {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  max-width: 100% !important;
  width: 100% !important;
  min-height: 0 !important;
}

.eals-form-card--legacy .row {
  margin-left: 0;
  margin-right: 0;
}

/* Field labels + spacing for legacy theme markup inside the card */
.eals-form-card--legacy .label-name {
  display: block;
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 600;
  color: #374151;
}

.eals-form-card--legacy .form-group {
  margin-bottom: 18px;
}

.eals-form-card--legacy .user-profile-heading {
  padding-top: 0;
  padding-bottom: 14px;
}

.admin-user-active-block {
  margin-top: 6px;
}

.admin-user-active-block .label-name {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
  color: #374151;
}

.admin-user-active-block .ant-radio-group {
  display: inline-flex;
  align-items: center;
  gap: 24px;
}

/* Uniform 51px field height for Ant inputs/selects inside any form card */
.eals-form-card .ant-input,
.eals-form-card .ant-input-affix-wrapper,
.eals-form-card .ant-input-number,
.eals-form-card .ant-picker {
  height: 51px !important;
  min-height: 51px !important;
  padding-left: 16px !important;
}

.eals-form-card .ant-input-affix-wrapper > input.ant-input {
  height: auto !important;
  min-height: 0 !important;
}

.eals-form-card .ant-select-single,
.eals-form-card .ant-select-single .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
}

.eals-form-card .ant-select-single .ant-select-selector {
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

.eals-form-card .ant-select-single .ant-select-selection-wrap {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}

.eals-form-card
  .ant-select-single
  .ant-select-selector
  .ant-select-selection-item,
.eals-form-card
  .ant-select-single
  .ant-select-selector
  .ant-select-selection-placeholder {
  line-height: 49px !important;
}

.eals-form-card
  .ant-select-single
  .ant-select-selector
  .ant-select-selection-search-input {
  height: 49px !important;
}

.eals-form-card .ant-select-multiple .ant-select-selector {
  min-height: 51px !important;
}

/* Ant selects / affix inputs fill their form field */
.eals-form-card .ant-select,
.eals-form-card .ant-input-affix-wrapper {
  width: 100%;
}

/* Ant Table inside a form card should not be height-forced by the rules above */
.eals-form-card .ant-table .ant-input,
.eals-form-card .ant-table .ant-input-affix-wrapper {
  height: auto !important;
  min-height: 0 !important;
}

/* ---- Wide variant: for forms that contain tables / wide content ---- */
.eals-form-wrapper--wide {
  max-width: 1120px;
}

/* ---- Multi-line text field ---- */
.eals-form-textarea {
  width: 100%;
  min-height: 130px;
  padding: 12px 14px;
  font-size: 15px;
  color: #1f2937;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  outline: none;
  box-sizing: border-box;
  resize: vertical;
  font-family: inherit;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.eals-form-textarea::placeholder {
  color: #9ca3af;
}

/* ---- File input ---- */
.eals-form-file {
  padding: 9px 14px;
  cursor: pointer;
}

.eals-form-file::-webkit-file-upload-button,
.eals-form-file::file-selector-button {
  margin-right: 12px;
  padding: 6px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #f3f4f6;
  color: #374151;
  font-size: 13px;
  cursor: pointer;
}

/* Existing-image preview shown above a file input */
.eals-form-logo-preview {
  display: inline-block;
  margin-bottom: 10px;
}

.eals-form-logo-preview img {
  display: block;
  max-width: 150px;
  max-height: 90px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
}

.eals-form-logo-preview--wide img {
  max-width: 270px;
  max-height: 170px;
}

/* Link to an existing uploaded document */
.eals-form-doc-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: var(--theme-color);
  border-radius: 6px;
  text-decoration: none;
}

.eals-form-doc-link:hover {
  color: #fff;
  opacity: 0.9;
}

.eals-form-textarea:focus {
  border-color: var(--theme-color);
  box-shadow: 0 0 0 3px rgba(189, 100, 55, 0.15);
}

/* ---- Sections within a form card ---- */
.eals-form-section + .eals-form-section {
  margin-top: 26px;
  padding-top: 24px;
  border-top: 1px solid #eee;
}

.eals-form-section--narrow {
  max-width: 640px;
}

.eals-form-section-title {
  margin: 0 0 16px;
  font-size: 15px;
  font-weight: 700;
  color: #374151;
}

/* Label with a trailing control (e.g. a "Select All" checkbox) */
.eals-form-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* Section title row with a trailing action (e.g. an "Add New" button) */
.eals-form-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.eals-form-section-header .eals-form-section-title {
  margin-bottom: 0;
}

.eals-form-empty-hint {
  margin: 0 0 4px;
  font-size: 14px;
  color: #9ca3af;
}

/* Form field with an inline delete/action icon next to it (e.g. status rows) */
.eals-form-row-with-icon {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.eals-form-row-with-icon > .ant-select {
  flex: 1 1 auto;
  min-width: 0;
}

.eals-form-row-delete-icon {
  flex: 0 0 auto;
  cursor: pointer;
  color: #c0392b;
  font-size: 16px;
  padding: 6px 8px;
  border-radius: 4px;
  transition: background 150ms ease;
}

.eals-form-row-delete-icon:hover {
  background: rgba(192, 57, 43, 0.08);
}

/* Repeating option rows (e.g. ALS motor movement exam options) */
.eals-option-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px;
  margin-bottom: 14px;
}

.eals-option-row .eals-form-group {
  margin: 0;
}

.eals-option-row .eals-option-text {
  flex: 1 1 240px;
}

.eals-option-row .eals-option-score {
  flex: 0 0 140px;
}

.eals-option-remove {
  flex: 0 0 auto;
  width: 51px;
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f0c4c4;
  border-radius: 8px;
  background: #fff5f5;
  color: #ef4444;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.15s ease;
}

.eals-option-remove:hover {
  background: #fee2e2;
}

/* ---- Checkbox / radio lists ---- */
.eals-checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.eals-checkbox-group--row {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}

/* Inline "(For Example please click here.)" link inside form labels */
.eals-form-inline-link {
  color: var(--theme-color);
  margin-left: 6px;
  cursor: pointer;
}

.eals-form-inline-link:hover {
  text-decoration: underline;
}

/* Small "(see example)" / "(instructions)" inline link next to a label */
.eals-form-sub-link {
  color: #b66c4b;
  font-size: 12px;
  cursor: pointer;
  margin-left: 4px;
}

.eals-form-sub-link:hover {
  text-decoration: underline;
}

/* Modal body containing instruction text */
.eals-modal-instructions {
  font-size: 15px;
  color: #000;
}

.eals-modal-instructions ul li[data-disc],
.eals-modal-instructions ul ul li {
  list-style-type: disc;
}

/* Inline screenshot inside an instruction modal */
.eals-modal-instruction-img {
  margin-top: 16px;
  border: 1px solid #ddd;
  padding: 10px;
}

.eals-list-disc {
  list-style-type: disc;
}

/* =========================================================================
 * ECAS Study — Add Demographics: utility classes scoped to the form card so
 * they don't leak globally. Each rule replaces an inline style that used
 * to live in the JSX.
 * ========================================================================= */
/* All Select / DatePicker / `<input type="date">` fields in the form are
   50px tall and full-width by default (replaces the per-field inline
   `style={{ height: 50, width: "100%" }}`). Table-cell inputs override
   the height via `.ecas-table-input` below. */
.ecas-demographics-form-card .ant-select:not(.eals-w-100),
.ecas-demographics-form-card .ant-picker:not(.ecas-surgery-date-picker) {
  height: 50px;
  width: 100%;
}

/* Plain antd <Input> inside the form card defaults to 50px height. Native
   HTML <input> elements inside the medical-history / surgery tables use the
   `.ecas-table-input` class which overrides this to 35px. */
.ecas-demographics-form-card .ant-input {
  height: 50px;
}

.ecas-demographics-form-card .ecas-place-of-birth-row {
  display: flex;
  gap: 12px;
  margin-top: 1rem;
}

.ecas-demographics-form-card .ecas-place-of-birth-row > .ecas-flex-1 {
  flex: 1;
}

.ecas-demographics-form-card .ecas-fit-content {
  max-width: fit-content;
}

.ecas-demographics-form-card .ecas-section-divider {
  margin-bottom: 35px;
}

.ecas-demographics-form-card .ecas-dob-error-text {
  position: relative;
  top: -18px;
}

.ecas-demographics-form-card .ecas-sub-divider {
  width: 130px;
  margin-left: 0;
  border: 1px solid #c5c5c5;
}

.ecas-demographics-form-card .ecas-indent-25 {
  padding-left: 25px;
}

.ecas-demographics-form-card .ecas-table-input {
  height: 35px;
  background-color: #fff;
}

.ecas-demographics-form-card .ecas-table-td--padded {
  padding: 0 10px;
}

.ecas-demographics-form-card .ecas-table-td--padded-narrow {
  padding: 0 9px;
}

.ecas-demographics-form-card .ecas-table-th--action {
  width: 50px;
}

.ecas-demographics-form-card .ecas-icon-plus-white {
  color: #fff;
}

.ecas-demographics-form-card .ecas-icon-trash {
  font-size: 20px;
  color: red;
}

.ecas-demographics-form-card .ant-picker.ecas-surgery-date-picker {
  width: 100%;
  height: 30px;
  max-width: 500px;
}

.ecas-demographics-form-card .ecas-specification-textarea {
  padding: 16px;
  font-size: 18px;
}

.ecas-demographics-form-card .demographics-save-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: fit-content;
}

.ecas-demographics-form-card .ecas-demographics-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  font-weight: 500;
}

/* Capitalize specific text inputs by id (used to be set via inline
   `style={{ textTransform: "capitalize" }}` on each <Input>) */
.ecas-demographics-form-card #first_name,
.ecas-demographics-form-card #middle_name,
.ecas-demographics-form-card #last_name,
.ecas-demographics-form-card #occupation,
.ecas-demographics-form-card #neurologist_physician_name,
.ecas-demographics-form-card #clinic_or_hospital_name_and_city,
.ecas-demographics-form-card #how_many_years {
  text-transform: capitalize;
}

/* =========================================================================
 * LE Study — Add Demographics: utility classes that replace the inline
 * styles in `leStudy/components/Demographics.js`. The classes mirror the
 * keys of the (now removed) `STYLES` JS object, scoped to the form card.
 * ========================================================================= */
.le-study-demographics-form-card .ls-hr-mb-35 {
  margin-bottom: 35px;
}

.le-study-demographics-form-card .ls-error-msg {
  position: relative;
  top: -18px;
}

.le-study-demographics-form-card #first_name,
.le-study-demographics-form-card #middle_name,
.le-study-demographics-form-card #last_name {
  text-transform: capitalize;
}

.le-study-demographics-form-card .ls-input-default {
  width: 100%;
  border: 1px solid #ddd;
}

.le-study-demographics-form-card .ls-input-error {
  width: 100%;
  border: 1px solid red;
}

.le-study-demographics-form-card .ant-picker.ls-datepicker {
  width: 100%;
  border: 1px solid #d9d9d9;
}

.le-study-demographics-form-card .ant-picker.ls-datepicker-error {
  width: 100%;
  border: 1px solid red;
}

.le-study-demographics-form-card .ant-picker.ls-datepicker-rx {
  width: 100%;
  height: 35px;
  max-width: 500px;
}

.le-study-demographics-form-card .ls-fw-800 {
  font-weight: 800;
}

.le-study-demographics-form-card .ls-pl-25 {
  padding-left: 25px;
}

.le-study-demographics-form-card .ls-cursor-pointer {
  cursor: pointer;
}

/* Tables (medical history, prescriptions, trials) */
.le-study-demographics-form-card .ls-td-pad {
  padding: 0 10px;
}

.le-study-demographics-form-card .ls-td-pad-8 {
  padding: 8px 10px;
}

.le-study-demographics-form-card .ls-th-w-115 {
  width: 115px;
}

.le-study-demographics-form-card .ls-th-w-80 {
  width: 80px;
}

.le-study-demographics-form-card .ls-th-w-60 {
  width: 60px;
}

.le-study-demographics-form-card .ls-input-row-h35 {
  height: 35px;
  width: 100%;
}

.le-study-demographics-form-card .ls-input-w67 {
  width: 67px;
  height: 35px;
  margin-right: 6px;
}

.le-study-demographics-form-card .ls-input-w80 {
  width: 80px;
  height: 35px;
}

.le-study-demographics-form-card .ls-input-freq {
  height: 35px;
  width: 67px;
  margin-right: 6px;
  margin-bottom: 4px;
}

.le-study-demographics-form-card .ls-select-w67 {
  width: 67px;
  font-size: 14px;
  height: 35px;
  max-height: 35px;
}

.le-study-demographics-form-card .ls-select-w67-mt {
  width: 67px;
  font-size: 14px;
  height: 35px;
  max-height: 35px;
  margin-top: 5px;
}

/* "+ Add" buttons inside the tables */
.le-study-demographics-form-card .ls-add-btn {
  padding: 6px 12px;
  font-size: 14px;
  margin-bottom: 10px;
}

.le-study-demographics-form-card .ls-add-btn-icon {
  color: #fff;
}

.le-study-demographics-form-card .ls-delete-icon {
  font-size: 20px;
  color: red;
}

/* Stack the date-of-birth / age column vertically */
.le-study-demographics-form-card .ls-flex-col {
  flex-direction: column;
}

/* Bottom action row */
.le-study-demographics-form-card .demographics-save-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: fit-content;
}

.le-study-demographics-form-card .ls-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  font-weight: 500;
}

.le-study-demographics-form-card
  .als-drug-select.ant-select
  .ant-select-selector {
  height: 50px;
}

/* `.eals-form-card` prefix so these beat the bold `.eals-form-group label` rule */
.eals-form-card .eals-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #374151;
  cursor: pointer;
}

.eals-checkbox input[type="checkbox"],
.eals-checkbox input[type="radio"] {
  width: 17px;
  height: 17px;
  margin: 0;
  flex: 0 0 auto;
  cursor: pointer;
  accent-color: var(--theme-color);
}

.eals-checkbox input:disabled {
  cursor: not-allowed;
}

.eals-checkbox-nested {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 2px 0 2px 28px;
}

.eals-radio-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 28px;
}

/* Small copy-to-clipboard icon shown next to a field label */
.eals-copy-icon {
  margin-left: 8px;
  font-size: 13px;
  color: var(--theme-color);
  cursor: pointer;
}

/* A standalone action (e.g. a Search button) below a field row */
.eals-form-inline-action {
  margin-top: 14px;
}

/* Empty-state text inside a form card */
.eals-form-empty {
  margin: 0;
  padding: 8px 0;
  font-size: 16px;
  color: #6b7280;
}

/* ---- List/table cell + modal helpers ---- */
.eals-table-link {
  color: #2879f4;
  font-weight: 500;
}

.eals-table-action-icon {
  color: #000;
  font-size: 18px;
}

/* In-cell status dropdown (e.g. enrollment status in a table row) */
.eals-cell-select {
  border: 1px solid #000;
  color: #000;
  font-size: 14px;
  background: transparent;
  font-weight: 500;
  margin: 0 4px;
}

/* Modal width caps */
.eals-modal-sm {
  max-width: 500px;
}

.eals-modal-md {
  max-width: 600px;
}

.eals-modal-sm textarea.form-control {
  width: 100%;
  min-height: 100px;
  padding: 10px 12px;
}

.eals-modal-sm input[type="radio"].form-control {
  width: 20px;
}

.eals-modal-radio-row {
  max-width: 250px;
}

.eals-modal-title {
  font-size: 20px;
  font-weight: 700;
}

/* Status tag in tables / detail modals */
.eals-status-tag {
  font-size: 14px;
}

/* ---- Edit Status modal (reusable) ---- */
.eals-edit-modal .ant-modal-content {
  padding: 0;
  border-radius: 14px;
  overflow: hidden;
}

.eals-edit-modal .ant-modal-body {
  padding: 0;
}

.eals-edit-modal .ant-modal-close {
  top: 18px;
  inset-inline-end: 18px;
}

.eals-edit-modal-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 22px 24px 18px;
  border-bottom: 1px solid #f0eae6;
}

.eals-edit-modal-icon {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: var(--theme-color, #b66c4b);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
}

.eals-edit-modal-head h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #2d2d2d;
}

.eals-edit-modal-head p {
  margin: 2px 0 0;
  font-size: 13px;
  color: #8a8a8a;
}

.eals-edit-modal-body {
  padding: 22px 24px 8px;
}

.eals-edit-modal-label {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #4a4a4a;
}

.eals-edit-modal-select.ant-select .ant-select-selector {
  height: 46px;
  border-radius: 8px;
  align-items: center;
}

.eals-edit-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 18px 24px 22px;
}

.eals-modal-btn-cancel,
.eals-modal-btn-update {
  height: 40px;
  padding: 0 22px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition:
    background 150ms,
    opacity 150ms;
}

.eals-modal-btn-cancel {
  background: #fff;
  border: 1px solid #d9d4d0;
  color: #555;
}

.eals-modal-btn-cancel:hover {
  background: #f6f2ef;
}

.eals-modal-btn-update {
  background: var(--theme-color, #b66c4b);
  border: 1px solid var(--theme-color, #b66c4b);
  color: #fff;
}

.eals-modal-btn-update:hover {
  opacity: 0.9;
}

.eals-modal-btn-update:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* ---- Report pages (chart sections) ---- */
.eals-report-page {
  padding-top: 36px;
}

/* Extra clearance for the page header so its action button clears the nav */
.eals-report-page > .eals-list-header {
  margin-top: 8px;
}

.eals-report-card {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
  padding: 22px 24px 26px;
  margin-bottom: 22px;
}

.eals-report-card-head {
  margin-bottom: 8px;
}

.eals-report-title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
}

.eals-report-card-actions {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 8px;
}

/* =========================================================================
 * Reusable list/table screen layout
 * `eals-list-page` is the single parent wrapper class — use it on the outer
 * div of ANY list screen. Standard skeleton:
 *
 *   <div className="eals-list-page">                      outer wrapper
 *     <Header />
 *     <div className="row">
 *       <Sidebar />
 *       <div className="col-lg-10 ml-auto eals-main-content eals-list-page-col">
 *         <div className="eals-list-card">                the list card
 *           <div className="eals-list-header">...</div>
 *           <div className="eals-list-filters">...</div>
 *           <div className="eals-list-table">...</div>
 *         </div>
 * ========================================================================= */
.eals-list-page-col {
  padding-left: 32px !important;
  padding-right: 32px !important;
  padding-bottom: 48px;
}

.eals-list-card {
  margin: 18px 0 0;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
  padding: 22px 24px 26px;
}

/* ---- Header (title + actions) ---- */
.eals-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.eals-list-title,
h3.eals-list-title {
  margin: 0;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--theme-color) !important;
}

.eals-list-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* ---- Filter box ---- */
.eals-list-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 18px;
  padding: 16px 18px;
  margin-bottom: 18px;
  background: #f8f9fb;
  border: 1px solid #ecedf0;
  border-radius: 10px;
}

.eals-list-filter-item {
  display: flex;
  flex-direction: column;
  flex: 1 1 240px;
  min-width: 220px;
  max-width: 340px;
}

.eals-list-filter-item label {
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
}

/* Filter-box fields are a uniform 51px tall (search input + selects) */
.eals-list-filters .eals-form-input {
  height: 51px !important;
  min-height: 51px !important;
}

.eals-list-filter-item .ant-select,
.eals-list-filter-item .ant-select .ant-select-selector {
  width: 100% !important;
  height: 51px !important;
  min-height: 51px !important;
}

.eals-list-filter-item .ant-select .ant-select-selector {
  display: flex !important;
  align-items: center !important;
  padding: 0 14px !important;
}

.eals-list-filter-item .ant-select .ant-select-selection-item,
.eals-list-filter-item .ant-select .ant-select-selection-placeholder {
  line-height: 49px !important;
}

.eals-list-filter-item .ant-select .ant-select-selection-search-input {
  height: 49px !important;
}

/* Multi-select tags inside the filter box — keep compact 24px chips
   so the 51px field height isn't filled by a single oversized tag. */
.eals-list-filter-item .ant-select-multiple .ant-select-selector {
  padding: 0 8px !important;
  flex-wrap: nowrap !important;
  overflow: hidden !important;
}

.eals-list-filter-item .ant-select-multiple .ant-select-selection-overflow {
  flex-wrap: nowrap !important;
  align-items: center !important;
  max-width: 100%;
}

.eals-list-filter-item .ant-select-multiple .ant-select-selection-item {
  height: 26px !important;
  line-height: 24px !important;
  margin: 0 4px 0 0 !important;
  padding: 0 8px !important;
  font-size: 13px !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.eals-list-filter-item .ant-select-multiple .ant-select-selection-item-content {
  line-height: 24px !important;
}

.eals-list-filter-item .ant-select-multiple .ant-select-selection-search-input {
  height: 26px !important;
  line-height: 26px !important;
}

.eals-list-filter-item .ant-select-multiple .ant-select-selection-placeholder {
  line-height: normal !important;
}

/* Date pickers in the filter box match the 51px field height */
.eals-list-filter-item .ant-picker {
  width: 100%;
  height: 51px !important;
}

/* Ant text inputs (incl. allowClear affix wrapper) match the 51px height */
.eals-list-filter-item .ant-input-affix-wrapper,
.eals-list-filter-item > .ant-input {
  width: 100%;
  height: 51px !important;
}

.eals-list-filter-item .ant-input-affix-wrapper > .ant-input {
  height: auto !important;
}

/* A filter slot holding an action button (no label) — bottom-aligned */
.eals-list-filter-item--action {
  flex: 0 0 auto;
  min-width: 0;
  justify-content: flex-end;
}

/* Statistics / collapsible info block above the filters */
.eals-list-statistics {
  margin-bottom: 18px;
}

/* Row that pairs filter-level radios with an action button (e.g. Export) */
.eals-list-filter-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 18px;
}

.eals-list-filter-actions .ant-radio-group {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* ---- Table ---- */
.eals-list-table .ant-table {
  border: 1px solid #ecedf0;
  border-radius: 8px;
  overflow: hidden;
}

.eals-list-table .ant-table-thead > tr > th {
  background: #1f2937 !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  border-bottom: none !important;
}

.eals-list-table .ant-table-thead > tr > th .anticon {
  color: #fff !important;
}

.eals-list-table .ant-table-tbody > tr > td {
  font-size: 13px;
  color: #2c2c2c;
}

.eals-list-table .ant-table-tbody > tr:nth-child(even) > td {
  background: #fafbfc;
}

.eals-list-table .ant-table-tbody > tr:hover > td {
  background: #eef2f7 !important;
}

/* ---- Legend ---- */
.eals-list-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #eee;
}

.eals-list-legend .item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #374151;
}

.eals-list-legend .item .eals-legend-text {
  margin: 0 24px 0 0;
  font-size: 14px;
  color: #374151;
  white-space: nowrap;
}

.eals-list-note-title {
  margin: 24px 0 0;
  font-size: 16px;
  font-weight: 700;
  color: #374151;
}

.eals-legend-icon {
  font-size: 14px;
}

@media (max-width: 700px) {
  .eals-list-page-col {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .eals-list-card {
    padding: 18px 16px 22px;
  }

  .eals-list-filter-item {
    max-width: 100%;
  }

  .app-user-list-page .app-user-list-filters .eals-list-filter-item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.eals-form-section > .eals-form-group + .eals-form-group {
  margin-top: 18px;
}

/* ---- Recipients toolbar (search + member select + actions) ---- */
.eals-recipients-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.eals-recipients-toolbar .eals-form-input,
.eals-recipients-toolbar .ant-select {
  width: 240px !important;
  flex: 0 0 auto;
}

.eals-recipients-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
}

@media (max-width: 700px) {
  .eals-form-grid {
    grid-template-columns: 1fr;
  }

  .eals-form-page-col,
  .warm-up-page .main-section.add-user,
  .add-slp-rating.main-section.add-user {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .eals-form-card {
    padding: 20px 18px 24px;
  }

  .eals-recipients-toolbar .eals-form-input,
  .eals-recipients-toolbar .ant-select {
    width: 100% !important;
  }

  .eals-recipients-toolbar-actions {
    margin-left: 0;
    width: 100%;
    justify-content: space-between;
  }
}

.have-als-btn {
  padding: 14px 25px;
  outline: none;
  text-decoration: none;
  color: #000 !important;
  font-size: 18px;
  box-shadow: 2px 1px 10px #dddddd9e;
  transition: all 400ms;
  text-transform: uppercase;
  border: 1px solid #fff;
  border-radius: 5px;
  background-color: #fff;
  margin-right: 20px;
}

.logout-link {
  font-size: 18px;
  float: right;
  padding-right: 26px;
  margin-top: 18px;
}

/* ── Admin profile pill ─────────────────────────────── */
.admin-profile-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px 5px 5px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.22);
  cursor: pointer;
  transition:
    background 0.2s ease,
    border-color 0.2s ease;
  max-width: 220px;
  overflow: hidden;
}

.admin-profile-pill:hover {
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.38);
}

.admin-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  color: #b66c4b;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  letter-spacing: 0;
}

.admin-name-text {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 130px;
}

.admin-pill-caret {
  color: rgba(255, 255, 255, 0.75);
  font-size: 10px;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.ant-dropdown-open .admin-pill-caret {
  transform: rotate(180deg);
}

/* ── Admin dropdown menu ────────────────────────────── */
.admin-menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 4px;
  color: #2d2d2d;
  font-size: 13.5px;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.15s ease;
  min-width: 180px;
}

.admin-menu-item:hover {
  color: #b66c4b;
  text-decoration: none;
}

.admin-menu-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #f5ede9;
  color: #b66c4b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  flex-shrink: 0;
  transition: background 0.15s ease;
}

.admin-menu-item:hover .admin-menu-icon {
  background: #eeddd7;
}

.admin-menu-label {
  flex: 1;
}

.admin-menu-phi {
  cursor: default;
}

.admin-menu-phi:hover {
  color: #2d2d2d;
}

.admin-menu-phi:hover .admin-menu-icon {
  background: #f5ede9;
}

.admin-menu-signout:hover {
  color: #c0392b;
}

.admin-menu-signout:hover .admin-menu-icon {
  background: #fdecea;
  color: #c0392b;
}

/* Style the Ant dropdown popup itself */
.ant-dropdown .ant-dropdown-menu {
  border-radius: 12px;
  box-shadow:
    0 8px 30px rgba(0, 0, 0, 0.12),
    0 2px 8px rgba(0, 0, 0, 0.08);
  padding: 6px;
  border: 1px solid #f0e8e4;
  min-width: 200px;
}

.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item {
  border-radius: 8px;
  padding: 4px 8px;
  margin-bottom: 2px;
}

.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:last-child {
  margin-bottom: 0;
  border-top: 1px solid #f0ebe8;
  margin-top: 4px;
  padding-top: 8px;
}

.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover {
  background: #fdf7f5;
}

.site-overview-filters {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.site-overview-filter-item {
  min-width: 220px;
}

.site-overview-search-item {
  min-width: 300px;
}

.site-overview-filter-label {
  font-weight: 600;
  font-size: 17px;
  color: #333;
  display: block;
  margin-bottom: 8px;
}

.site-overview-filter-item .ant-select {
  width: 100% !important;
  height: 40px !important;
}

.site-overview-filter-item .ant-select .ant-select-selector {
  height: 40px !important;
  display: flex;
  align-items: center;
}

.site-overview-filter-item .input-field {
  height: 40px;
  line-height: 40px;
}

.site-overview-search-item .ant-input-search {
  width: 100% !important;
  height: 48px !important;
}

.site-overview-search-item .ant-input-search .ant-input {
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
}

.site-overview-search-item .ant-input-search .ant-input-search-button {
  height: 48px !important;
  width: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.site-overview-search-item .ant-input-search .ant-input-search-button .anticon {
  font-size: 16px !important;
}

.site-overview-search-item .ant-input-search .ant-input::placeholder {
  color: #595959;
  font-size: 14px;
  line-height: 40px;
  opacity: 1;
}

.site-overview-search-item
  .ant-input-search
  .ant-input::-webkit-input-placeholder {
  color: #595959;
  font-size: 14px;
  line-height: 40px;
  opacity: 1;
}

.site-overview-search-item .ant-input-search .ant-input::-moz-placeholder {
  color: #595959;
  font-size: 14px;
  line-height: 40px;
  opacity: 1;
}

/* Site Overview Layout */
.site-overview-main-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  gap: 24px;
  flex-wrap: wrap;
}

.site-overview-left-section {
  display: flex;
  gap: 20px;
  align-items: flex-end;
  flex-wrap: wrap;
}

.site-overview-count-box {
  background-color: #f0f2f5;
  padding: 14px 32px;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  gap: 32px;
  min-width: 280px;
  margin-left: auto;
  min-height: 72px;
  box-sizing: border-box;
}

.site-overview-count-item {
  text-align: center;
}

.site-overview-count-label {
  font-size: 17px;
  color: #333;
  margin-bottom: 4px;
  font-weight: 600;
}

.site-overview-count-label.participants {
  font-weight: 600;
}

.site-overview-count-value {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.site-overview-count-separator {
  width: 1px;
  height: 50px;
  background-color: #d9d9d9;
}

/* Site Overview list page (/admin/site-overview) – flat shell + title row + aligned filters */
.site-overview-flat-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  padding: 80px 46px 30px !important;
  min-height: auto !important;
}

@media (min-width: 1050px) {
  .site-overview-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }

  #sidebar.sidebar-collapsed
    + .site-overview-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 72px !important;
    flex: 0 0 calc(100% - 72px) !important;
    max-width: calc(100% - 72px) !important;
    width: calc(100% - 72px) !important;
  }

  #sidebar.hide-sidebar
    + .site-overview-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

.site-overview-title-row {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.site-overview-title-row .section-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0;
  line-height: 1.25;
}

.site-overview-list-page
  .site-overview-flat-wrapper
  .ambassador-heading-section {
  padding-top: 0 !important;
}

.site-overview-list-page .site-overview-flat-wrapper .multisteps-form {
  margin-top: 0 !important;
}

/*
 * Site Overview list page filters: same height + width as each other.
 * Must beat global `.site-overview-filter-item .ant-select { height: 40px !important }`
 * and `.site-overview-search-item .ant-input-search { height: 48px !important }`.
 */
.site-overview-list-page.site-overview-wrapper
  .site-overview-filter-item.site-overview-status-filter
  .ant-select {
  width: 300px !important;
  max-width: 100% !important;
  min-width: 200px !important;
  height: 51px !important;
  min-height: 51px !important;
}

.site-overview-list-page.site-overview-wrapper
  .site-overview-filter-item.site-overview-status-filter
  .ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  max-height: 51px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 11px !important;
  box-sizing: border-box !important;
}

.site-overview-list-page.site-overview-wrapper
  .site-overview-filter-item.site-overview-status-filter
  .ant-select-selection-item,
.site-overview-list-page.site-overview-wrapper
  .site-overview-filter-item.site-overview-status-filter
  .ant-select-selection-placeholder {
  line-height: normal !important;
}

/*
 * Ant Design 6 Input.Search: root is Space.Compact (ant-space-compact + ant-input-search),
 * trigger is .ant-input-search-btn — not .ant-input-group / .ant-input-search-button.
 */
.site-overview-list-page.site-overview-wrapper
  .site-overview-search-item.site-overview-participant-search
  .ant-input-search.ant-space-compact {
  width: 300px !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  min-height: 51px !important;
}

.site-overview-list-page.site-overview-wrapper
  .site-overview-search-item.site-overview-participant-search
  .ant-input-search.ant-space-compact
  > *:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 51px !important;
  display: flex !important;
  align-items: center !important;
}

.site-overview-list-page.site-overview-wrapper
  .site-overview-search-item.site-overview-participant-search
  .ant-input-search
  .ant-input-affix-wrapper {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 51px !important;
  height: 51px !important;
  padding: 0 11px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
}

.site-overview-list-page.site-overview-wrapper
  .site-overview-search-item.site-overview-participant-search
  .ant-input-search
  .ant-input,
.site-overview-list-page.site-overview-wrapper
  .site-overview-search-item.site-overview-participant-search
  .ant-input-group
  .ant-input {
  height: 51px !important;
  line-height: normal !important;
  box-sizing: border-box !important;
}

.site-overview-list-page.site-overview-wrapper
  .site-overview-search-item.site-overview-participant-search
  .ant-input-search
  .ant-input-group-addon {
  display: flex !important;
  align-items: stretch !important;
  padding: 0 !important;
}

.site-overview-list-page.site-overview-wrapper
  .site-overview-search-item.site-overview-participant-search
  .ant-input-search-btn.ant-btn,
.site-overview-list-page.site-overview-wrapper
  .site-overview-search-item.site-overview-participant-search
  .ant-input-search
  .ant-btn.ant-input-search-btn {
  height: 51px !important;
  min-height: 51px !important;
  width: 51px !important;
  min-width: 51px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
}

/* Legacy Input.Search (antd 4/5 group + ant-input-search-button) */
.site-overview-list-page.site-overview-wrapper
  .site-overview-search-item.site-overview-participant-search
  .ant-input-search
  .ant-input-search-button {
  height: 51px !important;
  width: 51px !important;
  min-width: 51px !important;
  min-height: 51px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

/* Site Cards */
.site-card {
  background-color: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 16px;
  overflow: hidden;
}

.site-card-header {
  padding: 16px 20px;
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.site-card-title {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}

.site-card-participant-count {
  font-size: 16px;
  color: #666;
  font-weight: 500;
}

.site-card-content {
  padding: 20px;
}

.site-card-table {
  width: 100%;
  border-collapse: collapse;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.site-card-table thead {
  background-color: #f5f5f5;
}

.site-card-table th {
  padding: 12px 16px;
  text-align: left;
  font-weight: 600;
  color: #333;
  border-bottom: 2px solid #e0e0e0;
}

.site-card-table td {
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f0;
  color: #000 !important;
}

.site-card-table tbody tr:hover {
  background-color: #f9f9f9;
}

/* Study Tags */
.study-tag {
  margin: 2px 4px 2px 0 !important;
  font-weight: 500 !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 6px 17px !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  display: inline-block !important;
}

.study-tag.single {
  margin: 0 !important;
}

.study-tag.rapa {
  background-color: #74a04f !important;
  color: white !important;
}

.study-tag.ecas {
  background-color: #efe2bf !important;
  color: black !important;
}

.study-tag.speech,
.study-tag.radcliff {
  background-color: #1890ff !important;
  color: white !important;
}

.study-tag.asymptomatic {
  background-color: #ff7a00 !important;
  color: white !important;
}

/* Inventory stats cards (Available / In Use / Returned / Total) */
.stats-block {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  border: 1px solid #f0f0f0;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stats-block .card-body {
  padding: 16px 20px;
  width: 100%;
}

.stats-block h2 {
  font-size: 2rem !important;
  margin: 0 0 4px 0 !important;
  font-weight: bold !important;
}

.stats-block p {
  font-size: 13px !important;
  margin: 0 !important;
  font-weight: 500;
}

/* No Data Messages */
.no-data-message {
  text-align: center;
  padding: 50px;
  color: #666;
  font-size: 18px;
  background-color: #f9f9f9;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}

/* Loading Spinner */
.loading-container {
  text-align: center;
  padding: 50px;
}

td {
  color: #000 !important;
}

.detailsText {
  font-size: 18px;
}

.ant-modal-title {
  font-size: 20px;
  font-weight: 700;
}

.ant-btn-primary {
  border-color: var(--theme-color);
  background: var(--theme-color);
}

.ant-btn:active,
.ant-btn:hover {
  color: var(--theme-color);
  border-color: var(--theme-color);
  background: #fff;
}

.addStudentForm input,
.addStudentForm select {
  max-width: 670px;
}

.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  padding: 15px 31px;
}

/* Single-root wrapper for dropdown content (antd v6 React.Children.only) */
.ant-dropdown-menu-root {
  min-width: max-content;
}

.ant-pagination-item-active,
.ant-pagination-item:focus-visible,
.ant-pagination-item:hover {
  border-color: var(--theme-color);
}

.toggle-sidebar i {
  color: var(--theme-color);
  padding: 13px;
  background: white;
  border-radius: 4px;
  font-size: 14px;
  position: relative;
  top: -3px;
}

.toggle-sidebar {
  margin-right: 12px;
  cursor: pointer;
}

.sidebar-desktop-toggle {
  display: none;
}

@media (min-width: 1050px) {
  .sidebar-desktop-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 34px;
    border: 1px solid #ddd;
    background: #fff;
    color: var(--theme-color);
    border-radius: 6px;
    z-index: 1200;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    transition: all 0.25s ease;
  }

  .sidebar-desktop-toggle:hover {
    background: #f7f7f7;
  }

  .sidebar-section.sidebar-collapsed .sidebar-desktop-toggle {
    right: 8px;
  }
}

.sidebar-section {
  z-index: 400;
}

.hide-sidebar {
  left: -400px;
  transition: all 400ms;
}

.show-sidebar {
  left: 0;
  top: 87px;
  transition: all 400ms;
}

.ambassador-heading-section {
  display: flex;
  justify-content: space-between;
}

.wizard-form-field input[type="checkbox"] {
  height: 20px !important;
  cursor: pointer;
  margin-bottom: 0 !important;
}

.button {
  margin-top: 5px;
  margin-bottom: 5px;
  background: #f1f1f1;
  border: 1px solid #000;
}

.button.active {
  background: var(--theme-color);
  color: #fff;
}

/* .multisteps-form.ecas-form {
  margin-top: -246px !important;
  margin-right: 10px !important;
}  */
@media only screen and (max-width: 600px) {
  .modality_id_ecas_input_div {
    margin-top: 55px;
  }

  .export-als-button {
    top: 103px !important;
  }

  .section-heading {
    font-size: 30px !important;
    padding-top: 0 !important;
  }

  .logout-link {
    display: flex;
    padding-right: 0;
    padding-top: 9px;
    align-items: center;
  }

  .logout-link span {
    margin-left: 4px;
  }

  .logout-link i {
    margin-right: 4px;
  }

  .main-section.dashboard .inner {
    padding: 29px 31px !important;
    width: 290px;
  }

  .session-report .select-months {
    margin-left: 0 !important;
  }

  .sentence-completion-input {
    max-width: 89%;
  }

  html {
    overflow-x: hidden;
  }

  .header-section h1 {
    font-size: 16px !important;
    line-height: 22px !important;
  }

  .logout-link {
    font-size: 15px !important;
    text-align: center;
    margin-top: 9px;
  }

  .main-heading {
    margin-top: 9px;
  }

  .go-back {
    margin-left: 22px;
  }

  .ambassador-heading-section {
    flex-direction: column;
  }

  .ant-table-content {
    overflow-x: scroll;
  }

  .import-participant-block .actions {
    margin-top: 0 !important;
  }

  .multisteps-form__form {
    height: 944px !important;
  }

  .add-admin-user-form {
    min-height: 700px;
  }

  .motor-exam-summary-wrapper .summary-item {
    max-width: 100% !important;
  }
}

/* Add Admin User: override global .wizard-form-field input { height: 80px; #ddeef9 } from _wizard.scss */
.add-admin-user-form .wizard-form-field:not(.exercise-form) input.form-control {
  height: 51px !important;
  min-height: 51px !important;
  padding: 6px 12px !important;
  margin-bottom: 0 !important;
  background-color: #fff !important;
  border: 1px solid #ced4da !important;
  font-size: 1rem;
  line-height: 1.5;
  box-sizing: border-box !important;
}

.add-admin-user-form
  .wizard-form-field:not(.exercise-form)
  input.form-control:focus {
  background-color: #fff !important;
  border-color: #86b7fe !important;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.add-admin-user-form
  .wizard-form-field:not(.exercise-form)
  select.form-control {
  height: 34px !important;
  min-height: 34px !important;
  padding: 6px 12px !important;
  margin-bottom: 0 !important;
  background-color: #fff !important;
  border: 1px solid #ced4da !important;
  border-radius: 0.375rem !important;
  box-sizing: border-box !important;
}

.add-admin-user-form
  .wizard-form-field:not(.exercise-form)
  select.form-control.add-input-admin {
  height: 51px !important;
  min-height: 51px !important;
}

.add-admin-user-form
  .wizard-form-field:not(.exercise-form)
  .wizard-form-input
  input.form-control::-webkit-input-placeholder {
  font-size: 15px;
  font-weight: 400;
}

.add-admin-user-form
  .wizard-form-field:not(.exercise-form)
  .wizard-form-input
  input.form-control::placeholder {
  font-size: 15px;
  font-weight: 400;
}

.add-admin-user-form .wizard-form-input .togglePassword {
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

/* Add Admin User: native form look; tone down autofill tint; align role multi-select with form-control */
.add-admin-user-form
  .wizard-form-field:not(.exercise-form)
  input.form-control:-webkit-autofill,
.add-admin-user-form
  .wizard-form-field:not(.exercise-form)
  input.form-control:-webkit-autofill:hover,
.add-admin-user-form
  .wizard-form-field:not(.exercise-form)
  input.form-control:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* Add / Edit Admin User: common Ant Design Select (.add-admin-user-select on each Select) */
.add-admin-user-form .add-admin-user-select.ant-select .ant-select-selector {
  border-radius: 0 !important;
  border: 1px solid #ced4da;
  background-color: #fff;
  min-height: 51px !important;
  padding-block: 4px;
  padding-inline: 12px;
  align-items: center;
}

.add-admin-user-form
  .add-admin-user-select.ant-select.ant-select-single
  .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

.add-admin-user-form
  .add-admin-user-select.ant-select.ant-select-multiple
  .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
}

/* Multi-select inner pieces fit the fixed 51px control height */
.add-admin-user-form
  .add-admin-user-select.ant-select-multiple
  .ant-select-selection-overflow {
  flex-wrap: nowrap !important;
  align-items: center !important;
}

.add-admin-user-form
  .add-admin-user-select.ant-select-multiple
  .ant-select-selection-placeholder {
  line-height: normal !important;
}

.add-admin-user-form
  .add-admin-user-select.ant-select-focused:not(.ant-select-disabled)
  .ant-select-selector,
.add-admin-user-form
  .add-admin-user-select.ant-select:not(.ant-select-disabled):hover
  .ant-select-selector {
  border-color: #86b7fe;
}

/* Add Admin User (/admin_users/add): .add-input-admin — 51px control height */
.add-admin-user-form .add-input-admin.ant-input {
  height: 51px !important;
  min-height: 51px !important;
  box-sizing: border-box !important;
}

.add-admin-user-form .add-input-admin.ant-input-affix-wrapper {
  height: 51px !important;
  min-height: 51px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Password field: inner <input> stays borderless/transparent so only the
   affix-wrapper draws a single box (no nested double border on focus). */
.add-admin-user-form
  .add-input-admin.ant-input-affix-wrapper
  > input.ant-input {
  height: auto !important;
  min-height: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.change-password-form .add-input-admin.ant-input-affix-wrapper > input.ant-input {
  margin-bottom: 0 !important;
}

/* Single-select suffix arrow: right-aligned, vertically centered */
.add-admin-user-form .add-admin-user-select.ant-select-single .ant-select-arrow,
.add-admin-user-form
  .add-admin-user-select.ant-select-single
  .ant-select-suffix {
  inset-inline-end: 11px !important;
  top: 50% !important;
  margin-top: 0 !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Ant Design 6: selected label lives in .ant-select-content / .ant-select-content-item */
.add-admin-user-form .add-admin-user-select .ant-select-content {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 100% !important;
  color: #212529 !important;
  font-size: 1rem !important;
}

.add-admin-user-form .add-admin-user-select .ant-select-content-item,
.add-admin-user-form .add-admin-user-select .ant-select-selection-item,
.add-admin-user-form .add-admin-user-select .ant-select-selection-item-content {
  display: flex !important;
  align-items: center !important;
  line-height: 1.4 !important;
  color: #212529 !important;
  font-size: 1rem !important;
}

.add-admin-user-form .add-admin-user-select .ant-select-placeholder,
.add-admin-user-form .add-admin-user-select .ant-select-selection-placeholder {
  color: #838383 !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}

/* Undo global `.ant-select-single.ant-select-show-arrow … { padding-top: 9px }` */
.add-admin-user-form
  .add-admin-user-select.ant-select-single.ant-select-show-arrow
  .ant-select-selection-item,
.add-admin-user-form
  .add-admin-user-select.ant-select-single.ant-select-show-arrow
  .ant-select-selection-placeholder,
.add-admin-user-form
  .add-admin-user-select.ant-select-single.ant-select-show-arrow
  .ant-select-content,
.add-admin-user-form
  .add-admin-user-select.ant-select-single.ant-select-show-arrow
  .ant-select-placeholder {
  padding-top: 0 !important;
}

/* Neutralize `.wizard-form-field input` (80px / #ddeef9) on Ant Select internals */
.add-admin-user-form
  .wizard-form-field:not(.exercise-form)
  .add-admin-user-select
  input,
.add-admin-user-form .add-admin-user-select .ant-select-input,
.add-admin-user-form .add-admin-user-select .ant-select-selection-search-input {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color: #212529 !important;
  line-height: normal !important;
}

.add-admin-user-form
  .add-admin-user-select.ant-select-single
  .ant-select-selector
  .ant-select-selection-search {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 11px !important;
}

.add-admin-user-form
  .add-admin-user-select.ant-select-multiple
  .ant-select-selection-search-input,
.add-admin-user-form
  .add-admin-user-select.ant-select-multiple
  .ant-select-input {
  min-height: 0 !important;
  height: auto !important;
  line-height: normal !important;
}

.grey {
  background: #b36d4e52;
}

.fs-19 {
  font-size: 19px;
}

.fs-17 {
  font-size: 17px;
}

.border-right {
  border: 1px solid #000 !important;
}

.ecas-input-field {
  padding: 0 19px;
  margin: 0 0;
  height: 42px !important;
  outline: none;
  margin-top: 10px;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.ecas-form .ant-checkbox-inner {
  height: 28px;
  width: 28px;
  border: 1px solid #000;
}

.form-picture {
  width: 150px;
  /* margin-top: 28px; */
  object-fit: cover;
}

.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #ba6c4b;
}

.light-grey {
  background-color: #bf856b2b;
}

.list-style-circle li {
  list-style-type: square;
}

table-black th,
.table-black td {
  border: 1px solid #000;
  padding-left: 10px;
}

.table-black .trial {
  text-align: center;
}

.sentence-completion-scoring-table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.sentence-completion-scoring-table th,
.sentence-completion-scoring-table td {
  border: 1px solid #000 !important;
}

.delayed-recognition-question-table th,
.delayed-recognition-question-table td {
  border: 1px solid #000 !important;
}

.delayed-recall-calculation-box {
  border-color: #d3a292 !important;
}

.dot-image {
  border: 1px solid #000;
  width: 70%;
  margin-bottom: 15px;
  margin-top: 15px;
}

.number-location-image {
  width: 70%;
  max-width: 300px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.search-email-input-box
  .ant-select:not(.ant-select-disabled):hover
  .ant-select-selector {
  border-color: var(--theme-color);
}

.search-email-input-box .ant-select-selection-search-input {
  margin-top: 0 !important;
  height: 100% !important;
  position: static !important;
  top: 0 !important;
}

.search-email-input-box .ant-select-selector {
  padding: 0 11px !important;
  background-color: #ddeef9 !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
}

.ant-select-selection-placeholder {
  color: #838383 !important;
  font-size: 15px;
}

body {
  background-color: #fff;
}

#app {
  background: #fff;
}

.zoom-btn {
  position: relative;
  top: 21px;
  left: -35px;
  font-size: 20px;
}

.input-field {
  height: 56px !important;
  border: 1px solid #ddd !important;
  padding: 0 19px;
}

.search-email-input-box
  .ant-select:not(.ant-select-disabled):hover
  .ant-select-selector {
  border-color: var(--theme-color);
}

.search-email-input-box .ant-select-selection-search-input {
  margin-top: 0 !important;
  height: 100% !important;
  position: static !important;
  top: 0 !important;
}

.search-email-input-box .ant-select-selector {
  padding: 0 11px !important;
  background-color: #ddeef9 !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
}

.search-email-input-box .ant-select-selector input {
  font-size: 15px;
  height: 100% !important;
}

.ant-select-selection-placeholder {
  color: #838383 !important;
  font-size: 15px;
}

.back-to-top-button {
  display: inline-block;
  background: var(--theme-color);
  padding-top: 16px;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition:
    background-color 0.3s,
    opacity 0.5s,
    visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
  cursor: pointer;
}

.back-to-top-button:hover {
  background: #000;
}

.back-to-top-button:active {
  background: #000;
}

.back-to-top-button.show,
.save-as-draft-button.show {
  opacity: 1;
  visibility: visible;
}

/* Radcliff participants list: align header (title + checkbox + buttons) */
.radcliff-participants-list .par-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.radcliff-participants-list .par-buttons .ant-checkbox-wrapper {
  margin: 0 !important;
  display: inline-flex;
  align-items: center;
}

.radcliff-participants-list .par-buttons .ant-btn,
.radcliff-participants-list .par-buttons .ant-checkbox-wrapper {
  margin-bottom: 0 !important;
}

/* Radcliff filter rows: align labels and controls across rows */
.radcliff-filters-row {
  align-items: flex-end;
  margin-bottom: 16px;
}

.radcliff-filters-row .radcliff-filter-field {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.radcliff-filters-row .radcliff-filter-field label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 1.4;
  min-height: 20px;
  font-weight: 500;
}

.radcliff-filters-row .radcliff-filter-field .ant-select,
.radcliff-filters-row .radcliff-filter-field .form-control {
  width: 100% !important;
  min-height: 51px !important;
  height: 51px !important;
  border-radius: 0 !important;
}

.radcliff-filters-row .radcliff-filter-field .ant-select-selector {
  min-height: 51px !important;
  height: 51px !important;
  max-height: 51px !important;
  align-items: center !important;
  border-radius: 0 !important;
}

.radcliff-filters-row .radcliff-filter-field .form-control.input-field {
  height: 51px !important;
  min-height: 51px !important;
  padding: 0 11px !important;
  border-radius: 0 !important;
}

/* Shared filter grid layout (LE Study, Radcliff, etc.) */
.ecas-filters-container {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
}

.ecas-filters-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
}

.ecas-filter-group {
  display: flex;
  flex-direction: column;
}

.ecas-filter-label {
  font-size: 15px;
  font-weight: 500;
  color: #333;
  /* margin-bottom: 6px; */
  display: block;
}

.ecas-filter-group .ant-select {
  width: 100% !important;
}

.ecas-filter-group .ant-select-selector,
.ecas-study-participants-list
  .ecas-filter-group
  .ant-select
  .ant-select-selector {
  height: 50px !important;
  min-height: 50px !important;
  align-items: center !important;
}

.ecas-filter-group
  .ant-select-single
  .ant-select-selector
  .ant-select-selection-item,
.ecas-filter-group
  .ant-select-single
  .ant-select-selector
  .ant-select-selection-placeholder {
  line-height: 50px !important;
}

.ecas-filter-group .ant-select-multiple .ant-select-selector {
  min-height: 50px !important;
  max-height: 50px !important;
  overflow: hidden !important;
  align-items: center !important;
}

/* LE Study — status badge colors */
.participant-activity-table .ant-table-tbody > tr > td.le-status-signed {
  background-color: #b6d7a8 !important;
}

.participant-activity-table .ant-table-tbody > tr > td.le-status-econsent {
  background-color: #ffe599 !important;
}

.participant-activity-table .ant-table-tbody > tr > td.le-status-dropped {
  background-color: #ff0000 !important;
}

.participant-activity-table .ant-table-tbody > tr > td.le-status-completed {
  background-color: rgb(194 166 247) !important;
}

.participant-activity-table .ant-table-tbody > tr > td.le-status-new {
  background-color: #8863dd !important;
}

.participant-activity-table .ant-table-tbody > tr > td.le-status-created {
  background-color: #01a3b7 !important;
}

.participant-activity-table .ant-table-tbody > tr > td.le-status-empty {
  background-color: #fff !important;
}

/* LE Study — action menu icons */
.le-menu-icon {
  color: #000;
  font-size: 18px;
}

.le-menu-icon-lg {
  color: #000;
  font-size: 20px;
}

.le-menu-icon-session {
  color: #000;
  font-size: 19px;
  position: relative;
  top: 2px;
}

/* LE Study — copy icon */
.le-copy-icon {
  left: 0;
  cursor: pointer;
}

/* LE Study — notes modal */
.le-add-note-btn {
  background-color: #c96520;
  border-color: #c96520;
  color: #fff;
}

.le-notes-table-wrap {
  overflow-x: auto;
}

.le-notes-table {
  margin-bottom: 0;
}

.le-notes-th {
  background: #000;
  color: #fff;
}

.le-notes-th-date,
.le-notes-th-deviation {
  width: 20%;
  background: #000;
  color: #fff;
}

.le-datepicker-full {
  width: 100%;
}

/* LE Study — page layout */
.le-study-main-content {
  margin-right: 25px;
  margin-top: 20px;
}

.le-study-page-wrapper {
  margin: 18px 0 0 !important;
}

/* LE Study — filter actions bar */
.le-filter-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-end;
  margin-bottom: 20px;
}

.le-buttons-row {
  display: flex;
  gap: 12px;
}

.le-col-filter-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-top: 12px;
}

.le-col-filter-select {
  width: 320px !important;
  height: 50px !important;
  overflow: hidden !important;
}

.le-select-full {
  width: 100% !important;
  height: 50px !important;
}

.le-search-input {
  width: 100%;
  height: 50px;
  padding: 0 12px;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
}

/* Shared: filter container inset from sidebar, used by all participant list pages */
.participants-filters-container {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  margin-left: 0;
  margin-right: 0;
  border-radius: 6px;
}

.participants-filters-container .eals-list-filter-item {
  flex: none;
  min-width: 0;
  max-width: none;
}

@media (max-width: 1200px) {
  .participants-filters-container {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 900px) {
  .participants-filters-container {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 576px) {
  .participants-filters-container {
    grid-template-columns: 1fr !important;
  }
}

/* Radcliff participants: grouped filter box + column alignment (legacy, kept for reference) */
.radcliff-participants-list .radcliff-filters-box {
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 0;
  padding: 14px 14px 8px 14px;
  margin-bottom: 14px;
  margin-left: 24px;
  margin-right: 16px;
}

.radcliff-participants-list .radcliff-heading-row {
  margin-left: 24px;
  margin-right: 16px;
}

.radcliff-participants-list .radcliff-table-row {
  margin-left: 24px;
  margin-right: 16px;
}

.radcliff-participants-list .radcliff-table-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.radcliff-participants-list .radcliff-filters-row {
  row-gap: 10px;
}

.radcliff-participants-list .radcliff-filters-row > [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

.radcliff-participants-list .radcliff-filters-row-top,
.radcliff-participants-list .radcliff-filters-row-middle,
.radcliff-participants-list .radcliff-filters-row-bottom {
  margin-left: -8px;
  margin-right: -8px;
}

.radcliff-participants-list .radcliff-filters-row .radcliff-filter-field label {
  min-height: 34px;
}

.radcliff-participants-list
  .radcliff-filters-row-top
  .radcliff-filter-field
  label,
.radcliff-participants-list
  .radcliff-filters-row-bottom
  .radcliff-filter-field
  label {
  min-height: 48px;
}

@media (max-width: 1400px) {
  .radcliff-participants-list .radcliff-heading-row,
  .radcliff-participants-list .radcliff-filters-box,
  .radcliff-participants-list .radcliff-table-row {
    margin-left: 30px;
  }
}

.radcliff-filters-row
  .radcliff-filter-field
  .ant-select-single
  .ant-select-selector
  .ant-select-selection-item,
.radcliff-filters-row
  .radcliff-filter-field
  .ant-select-single
  .ant-select-selector
  .ant-select-selection-placeholder {
  line-height: 51px !important;
}

.radcliff-filters-row
  .radcliff-filter-field
  .ant-select-multiple
  .ant-select-selector {
  overflow: hidden !important;
}

.radcliff-filters-row
  .radcliff-filter-field
  .ant-select-multiple
  .ant-select-selection-item {
  border-radius: 0 !important;
}

.participant-activity-row {
  margin-left: 7%;
  margin-bottom: 10px;
}

.participant-activity-table td,
.participant-activity-table th {
  border: 1px solid #e4d8d3;
  height: 50px;
  padding: 0 15px;
  border-collapse: collapse;
  background-color: #fff;
  font-family: "Jost", sans-serif !important;
  font-size: 13.5px;
}

.participant-activity-table .ant-table-content {
  overflow-x: scroll;
  overflow-y: hidden;
}

.participant-activity-table .ant-table-cell-fix-left {
  z-index: 4;
}

/* ECAS Study list – header and filter alignment */
.ecas-study-header-row {
  display: flex;
  align-items: center;
}

.ecas-study-title {
  margin-bottom: 0;
}

.ecas-study-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.ecas-study-filters-row {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

.ecas-study-filter-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ecas-study-filter-field label {
  overflow: visible;
  line-height: 1.4;
  margin-bottom: 6px;
  white-space: normal;
}

/* ECAS Study participants (/participants/ecas-study) — legacy-style shell + full-height table */
.ecas-study-participants-page {
  min-width: 0;
  max-width: 100%;
}

.ecas-study-page-wrapper {
  padding-top: 0 !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.ecas-study-page-wrapper .ambassador-heading-section {
  margin-bottom: 1rem !important;
  justify-content: flex-start !important;
}

.ecas-study-page-wrapper .ambassador-heading-section h3.section-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #000 !important;
  padding-top: 12px !important;
  padding-bottom: 16px !important;
  text-align: left !important;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.ecas-study-ant-table.ant-table-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

.ecas-study-ant-table.ant-table-wrapper .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.ecas-study-ant-table.ant-table-wrapper tr.ant-table-measure-row td {
  padding: 0 !important;
  border: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

/* Tighter filter labels (legacy density) on ECAS Study list only */
.ecas-study-participants-list .ecas-filters-row label {
  min-height: 0 !important;
  align-items: flex-end !important;
  margin-bottom: 6px !important;
}

.participant-activity-table .ant-table-thead > tr > th {
  background: linear-gradient(135deg, #2c2420 0%, #3d2b24 100%) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  font-family: "Jost", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: capitalize !important;
  padding: 8px 15px !important;
  min-height: 48px !important;
  white-space: normal !important;
  word-break: normal;
  overflow-wrap: anywhere;
  line-height: 1.3 !important;
  vertical-align: middle !important;
}

.participant-activity-table .ant-table-thead .ant-table-cell {
  color: #fff !important;
}

.participant-activity-table .ant-table-thead > tr > th::before {
  background-color: rgba(255, 255, 255, 0.15) !important;
}

.participant-activity-table .ant-table-tbody > tr > td {
  background-color: #fff !important;
  color: #2c2420 !important;
  visibility: visible !important;
  border-bottom: 1px solid #ede5e1 !important;
  border-right: 1px solid #ede5e1 !important;
  transition: background 150ms ease !important;
  font-family: "Jost", sans-serif !important;
}

/* Collapse antd's hidden measure row so it doesn't render as an empty row */
.participant-activity-table .ant-table-tbody > tr.ant-table-measure-row > td {
  height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  visibility: collapse !important;
}

.participant-activity-table .ant-table-tbody > tr:nth-child(even) > td {
  background-color: #fff !important;
}

.participant-activity-table .ant-table-tbody > tr:hover > td,
.participant-activity-table .ant-table-tbody > tr.ant-table-row-hover > td,
.participant-activity-table
  .ant-table-tbody
  > tr
  > td.ant-table-cell-row-hover {
  background-color: #fff !important;
}

.participant-activity-table .ant-table-tbody .table-data {
  color: #2c2420 !important;
}

.participant-activity-table .ant-table {
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow:
    0 2px 16px rgba(182, 108, 75, 0.1),
    0 1px 4px rgba(0, 0, 0, 0.06) !important;
  border: 1px solid #e4d8d3 !important;
}

.participant-activity-table .ant-pagination .ant-pagination-item-active {
  border-color: var(--theme-color) !important;
}

.participant-activity-table .ant-pagination .ant-pagination-item-active a {
  color: var(--theme-color) !important;
}

/* Keep sort arrows visible by default on the dark table header */
.participant-activity-table .ant-table-column-sorter,
.participant-activity-table .ant-table-column-sorter-up,
.participant-activity-table .ant-table-column-sorter-down {
  color: rgba(255, 255, 255, 0.45) !important;
  opacity: 1 !important;
}

.participant-activity-table .ant-table-column-sorter-up.active,
.participant-activity-table .ant-table-column-sorter-down.active {
  color: #f0a882 !important;
}

/* Do not style all Ant tables globally — black header is scoped to .participant-activity-table above.
   A global .ant-table-thead th rule here overrode Document Master / flat list light headers. */

.grey-div {
  background: #79787833;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.enquiry-to-engagement-dashboard-main-wrapper .ant-select-selector {
  min-height: 56px !important;
  height: auto !important;
  padding: 3px 12px !important;
}

.enquiry-to-engagement-dashboard-main-wrapper
  .enquiry-to-engagement-filter-row
  .ant-select {
  width: 100%;
}

.enquiry-to-engagement-dashboard-main-wrapper
  .enquiry-to-engagement-filter-row
  .ant-select-selector {
  min-height: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
}

.enquiry-to-engagement-dashboard-main-wrapper
  .enquiry-to-engagement-filter-row
  .btn.primary {
  height: 51px !important;
  min-height: 40px !important;
  line-height: 40px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.enquiry-to-engagement-dashboard-main-wrapper
  .enquiry-to-engagement-filter-row
  .enquiry-to-engagement-search-col {
  flex: 0 0 auto;
}

@media (min-width: 992px) {
  .enquiry-to-engagement-dashboard-main-wrapper
    .enquiry-to-engagement-filter-row {
    column-gap: 22px;
  }

  .enquiry-to-engagement-dashboard-main-wrapper
    .enquiry-to-engagement-filter-row
    .enquiry-to-engagement-field-col {
    flex: 0 0 345px;
    max-width: 345px;
  }
}

/*
 * Keep the dashboard content clear of the fixed sidebar at every resolution.
 * The content column is flush against the 240px sidebar (or 72px collapsed),
 * so inner horizontal padding gives consistent breathing room without
 * depending on the sidebar width or its collapsed/hidden state.
 */
.enquiry-to-engagement-page .enquiry-to-engagement-dashboard-main-wrapper {
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box;
}

@media (max-width: 575px) {
  .enquiry-to-engagement-page .enquiry-to-engagement-dashboard-main-wrapper {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* Enquiry-to-Engagement Dashboard — black table headers across all nested tables */
.enquiry-to-engagement-dashboard-main-wrapper .ant-table-thead > tr > th,
.enquiry-to-engagement-dashboard-main-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.enquiry-to-engagement-dashboard-main-wrapper
  thead.ant-table-thead
  th.ant-table-cell {
  background: #000 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 8px 16px !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  border-radius: 0 !important;
}

.enquiry-to-engagement-dashboard-main-wrapper .ant-table-thead th * {
  color: inherit !important;
}

.enquiry-to-engagement-dashboard-main-wrapper .ant-table-thead th .anticon {
  color: #fff !important;
}

.enquiry-to-engagement-dashboard-main-wrapper .ant-table-wrapper .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.enquiry-to-engagement-dashboard-main-wrapper .ant-table-tbody > tr > td {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #2c2c2c !important;
  padding: 8px 16px !important;
}

.enquiry-to-engagement-dashboard-main-wrapper
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.enquiry-to-engagement-dashboard-main-wrapper
  .ant-table-tbody
  > tr:nth-child(even)
  > td {
  background-color: #fff !important;
}

.enquiry-to-engagement-dashboard-main-wrapper .ant-table-tbody > tr:hover > td {
  background: #eaf1fb !important;
}

.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  padding-top: 9px;
}

.red {
  background-color: red;
}

.green {
  background-color: green;
}

.inner-color-div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.view-report-table th.ant-table-cell {
  font-size: 15px;
}

.view-report-table .ant-table-content {
  overflow-x: scroll;
  overflow-y: hidden;
}

/* ViewReport - refined session cells */
.session-cell-completed {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #14855a 0%, #1daa74 100%);
  width: 100%;
  height: 100%;
  min-height: 53px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.session-cell-empty {
  display: block;
  background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
  width: 100%;
  height: 100%;
  min-height: 53px;
}

.view-report-table-card .ant-table-cell.session-col {
  padding: 0 !important;
}

.view-report-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1.5px solid #f0f0f0;
}

.view-report-title-group {
  display: flex;
  align-items: center;
  gap: 12px;
}

.view-report-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--theme-color);
  color: #fff;
  border-radius: 20px;
  padding: 3px 13px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.view-report-table-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.07);
  padding: 20px 16px;
}

.view-report-field-wrapper {
  margin: 32px 0 14px 14px;
  padding-left: 40px;
  padding-right: 40px;
}

.view-report-go-back {
  margin-left: 0 !important;
  margin-right: 16px;
}

.view-report-title-group .user-profile-heading {
  margin-bottom: 0;
  padding-bottom: 0;
}

.view-report-form-section {
  margin: 17px 0 14px 14px;
}

.view-report-table-row {
  max-width: 1200px;
}

.ant-select-multiple .ant-select-selection-item-content {
  font-size: 21px;
}

.participant-activity-row .ant-select-selection-item-content {
  font-size: 18px !important;
}

.ant-select-selection-item {
  font-size: 18px;
}

.status-div {
  width: 100%;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  padding: 2px 4px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
}

.eals-status-cell-center {
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
}

.researchby-input {
  width: 100%;
}

.ant-spin-dot-item {
  background-color: var(--theme-color);
}

/* Center Spin indicator and tip text (nested pattern with `tip` prop) */
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot,
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot-holder {
  position: static !important;
  top: auto !important;
  inset-inline-start: auto !important;
  margin: 0 !important;
}

.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-text {
  position: static !important;
  width: auto !important;
  padding-top: 0 !important;
  text-align: center;
}

.route-fallback-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  width: 100%;
}

.route-fallback-loader .ant-spin-nested-loading {
  width: auto;
}

.route-fallback-loader__placeholder {
  width: 0;
  min-height: 0;
  overflow: hidden;
}

.dashboard-heading {
  font-family: "Jost", sans-serif !important;
  font-weight: 600;
}

.admin-user-options {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  flex-direction: row;
  align-items: start;
}

.admin-user-options a {
  height: fit-content;
}

@media only screen and (max-width: 600px) {
  .participant-activity-row {
    margin-left: 0%;
  }

  .par-buttons {
    margin: 0 10px;
  }

  .researchby-input {
    width: 92%;
    margin-left: 10px;
    margin-bottom: 20px;
  }

  .participant-activity-table {
    margin: 0 -2px;
  }

  .admin-user-options {
    flex-direction: column;
  }
}

.log-heading {
  font-family: "Jost", sans-serif !important;
}

.sidebar-dropdown {
  display: none;
}

.sidebar-dropdown.active-dropdown {
  display: block;
}

.social-rec-form-1 {
  width: 100%;
  border: 2px solid #9f9f9f;
  max-width: 300px;
  margin-top: 20px;
  min-height: 246px;
  padding: 10px;
  position: relative;
}

.social-rec-form-1 img {
  max-width: 85px;
}

.social-rec-form-1 .checkbox-div {
  width: 85%;
  min-height: 104px;
  min-width: 104px;
  padding: 10px;
  margin: 9px auto 0 auto;
  border-radius: 0;
  cursor: pointer;
  border: 2px solid #fff;
  overflow: hidden;
}

.social-rec-form-1 .checkbox-div.active {
  border: 2px solid var(--theme-color);
}

.fa-check-circle.right {
  position: relative;
  top: 10px;
  left: -6px;
  font-size: 18px;
  color: #59bd1b;
}

.fa-times-circle.wrong {
  position: relative;
  top: 10px;
  left: 2px;
  font-size: 18px;
  color: #ff0000;
}

.face-img {
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 50%;
}

.answer-box {
  position: relative;
  bottom: 20px;
  right: 32px;
}

.togglePassword {
  position: absolute;
  top: 4px;
  right: 90px;
}

.togglePassword i,
.togglePassword i:hover,
.togglePassword:hover {
  color: #404040 !important;
  height: auto !important;
  width: auto !important;
  font-size: 21px !important;
  background-color: #fff0;
  cursor: pointer;
  border: none;
  border: none !important;
}

.has-float-label i:hover {
  background: #ddeef9 !important;
  /* border-color: #ddeef9 !important; */
}

.search-email-input-box.bg-white .ant-select-selector {
  background-color: #fff !important;
}

.ecas-table table td,
.ecas-table .ant-table-content td {
  background: #fff !important;
}

.details-container .question {
  font-size: 21px;
  color: #000;
  margin-bottom: 10px;
}

.details-container .div-block {
  margin-bottom: 15px;
  border: 1px solid #ddd;
  padding: 20px 30px;
}

.ethnicity-report-1 .graph-outer,
.ethnicity-report-2 .graph-outer,
.ethnicity-report-3 .graph-outer {
  height: 400px;
}

/* ── Diagnosis Report – new layout ── */
.diagnosis-report-wrapper {
  background: #fff;
  padding: 24px 0 8px 0;
}

.diagnosis-report-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px 20px 8px;
  flex-wrap: wrap;
  gap: 12px;
}

.diagnosis-report-heading {
  font-size: 27px;
  font-weight: 600;
  color: #000;
  margin: 0;
  flex: 1 1 auto;
}

.diagnosis-report-chart-area {
  width: 100%;
  min-width: 680px;
  height: 400px;
}

.diagnosis-report-chart-area svg {
  overflow: visible;
}

@media (max-width: 767px) {
  .diagnosis-report-heading {
    font-size: 27px;
    font-weight: 600;
  }

  .diagnosis-report-chart-area {
    height: 560px;
    min-width: 100%;
  }
}

.export-all-data {
  height: 52px;
  position: relative;
  top: 8px;
  width: 230px;
  padding: 11px ​0px 10px 0px;
  margin-bottom: 25px;
  font-size: 14px;
}

.main-download-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}

.export-button-1 {
  position: absolute;
  top: 602px;
  /* top: 130px */
  right: 0;
  z-index: 10;
  width: 286px;
}

.export-button-2 a,
.export-button-1 a,
.export-button-3 a {
  width: 100%;
}

.export-button-2 {
  position: absolute;
  top: 1068px;
  /* top: 607px;  */
  right: 0;
  z-index: 9;
  width: 286px;
}

.export-button-3 {
  position: absolute;
  top: 123px;
  /* top: 1077px */
  right: 0;
  z-index: 9;
  width: 286px;
}

@media only screen and (max-width: 600px) {
  .ethnicity-report-1 .graph-outer svg {
    height: 500px;
  }

  .ethnicity-report-2 .graph-outer svg {
    height: 500px;
  }

  .ethnicity-report-3 .graph-outer svg {
    height: 500px;
  }

  .main-download-button {
    justify-content: flex-start;
    flex-direction: column;
  }

  .main-download-button a {
    left: -67px;
  }

  .export-button-1 span,
  .export-button-2 span,
  .export-button-3 span {
    display: none;
  }

  .export-button-1 a,
  .export-button-2 a,
  .export-button-3 a {
    width: fit-content;
  }

  .session-report .export-button {
    float: left !important;
    margin-bottom: 20px;
  }
}

.session-report .export-button {
  float: right;
}

@media only screen and (max-width: 600px) {
  .inner {
    padding: 0 !important;
  }

  .diagnosis-report-export-button {
    top: 92px !important;
  }

  .session-report .select-months {
    max-width: 100% !important;
  }

  .diagnosis-report .graph-outer {
    height: 800px;
    padding-bottom: 500px;
  }

  .mgh-details-form {
    position: absolute;
    top: 0;
    width: 100%;
  }

  .mgh-details .head-section .white-section {
    width: 23% !important;
  }

  .session-report .inner input {
    width: 100% !important;
    margin-left: 0 !important;
    max-width: 100% !important;
  }

  .session-report .export-button {
    margin-top: 30px;
  }

  .session-report .form-wrapper {
    flex-direction: column !important;
  }

  .session-report .form-wrapper .inner {
    flex-direction: column !important;
    align-items: normal !important;
    justify-content: flex-start;
  }

  .session-report .search-div {
    padding-top: 24px;
    justify-content: flex-start !important;
  }

  .session-report .top-head {
    flex-direction: column !important;
  }

  .session-report .top-head a {
    width: fit-content !important;
  }

  .session-report .panel-default > .panel-heading a:after,
  .session-report
    .panel-default
    > .panel-heading
    a[aria-expanded="false"]:after {
    top: -29px !important;
  }

  .send-not-button {
    margin-bottom: 10px;
  }
}

.session-report .inner input {
  width: 100%;
  max-width: 100%;
  margin-left: 35px;
}

.total-participants-text {
  font-size: 19px;
  position: relative;
  top: -2px;
}

.records-wrapper td,
.records-wrapper .ant-table-content td {
  /* background-color: #fff !important; */
  background-color: #fff;
}

.session-report {
  transform: none !important;
  padding-left: 50px !important;
  padding-top: 100px !important;
  padding-right: 44px !important;
}

.session-report .form-wrapper {
  display: flex;
  flex-direction: row;
}

.session-report .form-wrapper .inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  width: 100%;
}

.session-report .search-div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media only screen and (min-width: 800px) {
  .exact-input {
    margin-left: 20px;
  }
}

.gender-report .export-button-outer {
  display: flex;
  justify-content: flex-end;
  height: fit-content;
}

.session-report .top-head {
  padding-top: 20px;
  padding-bottom: 20px;
  /* display: flex;
  justify-content: space-between;
  flex-direction: row; */
  width: 100%;
}

.session-report .top-head a {
  height: fit-content;
}

.dark-version td {
  background-color: #000 !important;
  color: #fff !important;
}

/* Start Accordion  */

.session-report .panel-default > .panel-heading {
  border: 1px solid #cfcfcf;
  color: #333;
  background-color: #fff;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.session-report.view-body-map {
  padding-top: 25px !important;
  padding-bottom: 0 !important;
  padding-left: 16px !important;
}

.session-report .panel-default {
  margin-bottom: 10px;
}

.session-report .panel-default > .panel-heading a {
  display: block;
  padding: 22px 16px;
  position: relative;
}

.session-report .panel-default > .panel-heading a:after {
  content: "\2212";
  position: absolute;
  top: 19px;
  right: 21px;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform 0.25s linear;
  -webkit-transition: -webkit-transform 0.25s linear;
}

.session-report .panel-default > .panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

.session-report .panel-default > .panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.panel-collapse {
  transition: all 00ms;
  border: 1px solid #ddd;
  padding: 20px;
  transition: all 500ms;
}

.session-report .summary-block {
  padding: 20px;
  margin-bottom: 10px;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  background-color: #fff;
  transition: all 500ms;
}

.session-report .summary-block:hover {
  background: var(--theme-color);
  border: 1px solid var(--theme-color) !important;
}

.session-report .summary-block:hover > h6 {
  color: #fff !important;
}

.diagnosis-report-export-button {
  position: absolute;
  right: 0;
  z-index: 5;
  top: 22px;
}

/* .ant-select-selector */
.session-report .select-months {
  width: 270px;
  max-width: 270px;
  margin-left: 35px;
}

.pointer-events-none {
  pointer-events: none;
  cursor: not-allowed;
}

.pointer-events-regular {
  pointer-events: auto;
}

.consistency-report-search-form {
  padding: 30px 25px 10px 25px;
  border: 1px solid #c5c4c4;
  border-radius: 3px;
  background: #ededed70;
  max-width: 100%;
  margin: 0 auto;
}

.email-body-par-ac .ck-restricted-editing_mode_standard {
  min-height: 250px;
}

.ant-modal-close-x {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ant-modal-close-x .anticon {
  margin: 0;
  line-height: 1;
}

.action-buttons {
  font-size: 17px;
}

/* wpforms lives in Font Awesome Brands; legacy "fa fa-wpforms" used the solid font */
.fa.fa-wpforms,
.fab.fa-wpforms {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.dropout-date {
  height: 55px;
  width: 100%;
}

.graph-section {
  border: 1px solid #ddd;
  margin-bottom: 15px;
}

.single-graph-wrapper {
  overflow: hidden;
}

/* Site Overview Specific Styles - Unique Names to Avoid Conflicts */
.site-overview-main-wrapper {
  margin: 0;
  box-shadow: none;
}

.site-overview-heading-no-margin {
  margin: 0;
}

.site-overview-controls-flex-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  gap: 20px;
}

.site-overview-filters-flex-container {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.site-overview-stats-box {
  background-color: #f0f2f5;
  padding: 6px 32px;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  gap: 32px;
  min-width: 280px;
  margin-top: 20px;
}

.site-overview-stat-center {
  text-align: center;
}

.site-overview-stat-title {
  font-size: 17px;
  color: #333;
  margin-bottom: 4px;
  font-weight: 600;
}

.site-overview-stat-number {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.site-overview-vertical-divider {
  width: 1px;
  height: 60px;
  background-color: #d9d9d9;
}

.site-overview-loading-center {
  text-align: center;
  padding: 50px;
}

.site-overview-empty-state {
  text-align: center;
  padding: 50px;
  color: #666;
  font-size: 18px;
  background-color: #f9f9f9;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}

.site-overview-no-results-state {
  text-align: center;
  padding: 50px;
  color: #666;
  font-size: 18px;
  background-color: #f9f9f9;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}

.site-overview-study-tag {
  margin: 2px 4px 2px 0;
  font-weight: 500;
  border: none;
  border-radius: 20px;
  padding: 6px 17px;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
}

.site-overview-study-tag-single {
  margin: 0;
  font-weight: 500;
  border: none;
  border-radius: 20px;
  padding: 6px 17px;
  font-size: 14px;
  letter-spacing: 1px;
}

@media only screen and (min-width: 700px) {
  .dropout-month-export-button-1 {
    float: right;
    position: relative;
    top: 20px;
    z-index: 99;
  }

  .dropout-session-export-button {
    position: absolute;
    top: 35px;
    right: 58px;
    z-index: 99;
  }
}

.month-dropout-report-section .graph-div {
  height: 400px;
  width: 100%;
}

@media only screen and (max-width: 700px) {
  .dropout-month-export-button-1 {
    float: right;
    position: relative;
    top: 20px;
    z-index: 99;
  }

  .dropout-session-export-button {
    position: absolute;
    top: 111px;
    right: 40px;
    z-index: 99;
  }

  .month-dropout-report-section .graph-div {
    height: 332px;
    width: 518px;
    overflow-x: scroll;
    overflow-y: hidden;
  }

  .month-dropout-report-section .wrapper {
    padding-bottom: 0px !important;
  }

  .dropout-report-main-page .single-graph-wrapper {
    height: 480px;
  }
}

.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-table tfoot > tr > th,
.ant-table tfoot > tr > td {
  padding: 6px 10px;
}

.participant-activity-div th {
  height: 60px;
}

.total-sessions-tooltip {
  background-color: #fff;
  padding: 5px 10px;
  box-shadow: 3px 3px 0px rgb(144, 144, 144);
  border-radius: 3px;
}

.loader-section {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
}

.loader-section .inner {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
}

.loader-section .inner img.logo-img {
  min-width: 165px;
}

.loader-section .inner img.loader {
  min-width: 16px;
  max-width: 50px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.loader-section .inner h2 {
  text-align: center;
}

.hide-loader {
  display: none;
}

.participant-icon {
  position: relative;
  top: -3px;
  left: 9px;
  color: var(--theme-color);
  background: #fff;
  box-shadow: 2px 1px 4px #5c5c5c;
  padding: 0px 7px;
  border-radius: 50%;
  height: 28px;
  width: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
}

.participant-activity-table .ant-table-cell {
  font-size: 14px;
}

.section-heading {
  font-size: 36px;
  color: #000;
  padding-bottom: 20px;
  font-weight: 600;
  padding-top: 25px;
}

/* MGH Details  */

.mgh-details {
  background-color: #fff;
  margin-bottom: 35px;
  transition: all 500ms;
}

.mgh-details:hover {
  box-shadow: 42px 10px 26px #d3d3d3;
}

.mgh-details .head-section {
  background: var(--theme-color);
  color: #fff;
  padding: 25px 20px;
  position: relative;
  overflow: hidden;
}

.mgh-details .head-section h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}

.mgh-details .head-section .white-section {
  position: absolute;
  top: 0;
  right: -30px;
  width: 65%;
  height: 80%;
  background: white;
  transform: skewX(36deg);
}

.mgh-details .answer-data {
  padding: 27px 33px;
  border: 1px solid #b9b9b9;
  background: #fff;
}

.mgh-details input[type="radio"],
.mgh-details input[type="checkbox"] {
  height: 22px !important;
  width: 30px !important;
  margin-bottom: 5px !important;
  position: relative;
  top: 6px;
}

.mgh-details input[type="text"] {
  height: 49px;
  max-width: 500px;
  background: #fff;
  border-radius: 4px;
  border: 0.4px solid #b2b5b9;
  padding: 0 14px;
  font-size: 18px;
  color: #000;
}

.mgh-details .input-outer {
  position: relative;
}

.mgh-details .input-outer label {
  position: absolute;
  top: -9px;
  left: 14px;
  background: #fff;
  padding: 0 7px;
}

.mgh-details h5 {
  font-size: 20px;
  margin: 0;
}

.mgh-details ul {
  padding-left: 0;
  padding-top: 20px;
}

.mgh-details ul li {
  list-style: none;
}

.mgh-details ul li span {
  font-size: 18px;
  padding-left: 10px;
}

.consistency-selected-block th,
.consistency-selected-block td,
.consistency-select-month-report-table-block th,
.consistency-select-month-report-table-block td {
  font-size: 15px !important;
}

.sessionListTableWrapper th,
.sessionListTableWrapper td {
  border: 1px solid #000;
}

.position-relative {
  position: relative;
}

.export-als-button {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 3;
}

.select-relationToALS {
  border: 1px solid #ddd !important;
  padding: 8px 16px;
  height: 56px !important;
}

.action-link {
  padding: 7px 12px;
  border-radius: 6px;
  cursor: pointer;
  margin-left: 9px;
  background: #dad7dd;
  transition: all 500ms;
}

.action-link:hover {
  background-color: #cccccc;
}

.le-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #e8ddd9;
  color: var(--theme-color);
  font-size: 15px;
  box-shadow:
    0 2px 8px rgba(182, 108, 75, 0.1),
    0 0 0 1px rgba(182, 108, 75, 0.06);
  transition:
    box-shadow 180ms ease,
    transform 180ms ease,
    background 180ms ease;
}

.le-action-btn:hover {
  background: #fdf5f2;
  box-shadow:
    0 4px 14px rgba(182, 108, 75, 0.2),
    0 0 0 1px rgba(182, 108, 75, 0.15);
  transform: translateY(-1px);
}

.le-action-btn:active {
  background: #f9ece6;
  box-shadow: 0 1px 4px rgba(182, 108, 75, 0.12);
  transform: scale(0.94);
}

/* ============================================================
   Shared action-cell button (apply the .le-action-btn look to
   every list's "Action" column ellipsis-trigger, not just the
   study lists). Matches the existing `<a className="ant-dropdown-link
   action-link">` and `<span className="action-link">` patterns
   used across coordinators, admin users, manageConsortia/*,
   appUsers, submissions, scheduleNotification, documents,
   alsMotorMovementExam, openDataOverview, passwordPolicyLogs,
   shippingReturns, userAlerts, auditLogs, ealsRegistry,
   adminReports, etc. — without touching the JSX.
   ============================================================ */
.ant-table .ant-table-cell .action-link,
.ant-table .ant-table-cell .ant-dropdown-link.action-link,
.ant-table .ant-table-cell a.ant-dropdown-link.action-link,
.ant-table .ant-table-cell span.ant-dropdown-link.action-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  background: #ffffff !important;
  border: 1px solid #e8ddd9 !important;
  color: var(--theme-color) !important;
  font-size: 15px !important;
  box-shadow:
    0 2px 8px rgba(182, 108, 75, 0.1),
    0 0 0 1px rgba(182, 108, 75, 0.06) !important;
  text-decoration: none !important;
  transition:
    box-shadow 180ms ease,
    transform 180ms ease,
    background 180ms ease;
}

.ant-table .ant-table-cell .action-link:hover,
.ant-table .ant-table-cell .ant-dropdown-link.action-link:hover {
  background: #fdf5f2 !important;
  box-shadow:
    0 4px 14px rgba(182, 108, 75, 0.2),
    0 0 0 1px rgba(182, 108, 75, 0.15) !important;
  transform: translateY(-1px);
  color: var(--theme-color) !important;
}

.ant-table .ant-table-cell .action-link:active,
.ant-table .ant-table-cell .ant-dropdown-link.action-link:active {
  background: #f9ece6 !important;
  box-shadow: 0 1px 4px rgba(182, 108, 75, 0.12) !important;
  transform: scale(0.94);
}

.ant-table .ant-table-cell .action-link i,
.ant-table .ant-table-cell .ant-dropdown-link.action-link i {
  font-size: 15px;
  line-height: 1;
}

.part-details-block .records-wrapper {
  min-height: fit-content !important;
}

.action-menu .ant-dropdown-menu-item {
  padding: 10px 30px !important;
}

.phone-report .ant-table-cell {
  font-size: 15px !important;
}

.status-div-in-reports {
  width: 100%;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  padding: 2px 11px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
  border: 1px solid transparent !important;
}

.status-div-in-reports.dropout {
  background-color: red;
}

.status-div-in-reports.studyCompleted {
  background-color: rgb(194 166 247);
}

.status-div-in-reports.signed {
  background-color: #b6d7a8;
}

.status-div-in-reports.econsent {
  background-color: #ffe599;
}

.status-div-in-reports.aassigned {
  background-color: #a4c2f4;
}

.ecas-textarea-field {
  width: 100%;
  background: #ddeef9;
  outline: none;
  border: none;
  padding: 11px 14px;
}

/* ECAS view (read-only): white backgrounds for inputs and textareas */
.ecas-view-form input.ecas-input-field,
.ecas-view-form input.ecas-input-field:disabled,
.ecas-view-form input.ecas-input-field[readonly],
.ecas-view-form textarea.ecas-textarea-field,
.ecas-view-form textarea,
.ecas-view-form .ecas-input-field.ant-input,
.ecas-view-form .ecas-input-field.ant-input-outlined,
.ecas-view-form .ecas-input-field.ant-input-affix-wrapper,
.ecas-view-form .ecas-input-field.ant-input-affix-wrapper > input.ant-input,
.ecas-view-form .ecas-textarea-field.ant-input,
.ecas-view-form .ecas-textarea-field textarea,
.ecas-view-form .ant-input.ecas-input-field[disabled],
.ecas-view-form .ant-input.ecas-input-field[readonly],
.ecas-view-form .ant-input-disabled.ecas-input-field,
.ecas-view-form .ant-input-outlined.ecas-input-field[disabled],
.ecas-view-form .ant-input-outlined.ecas-textarea-field,
.ecas-view-form .ant-input-outlined.ecas-textarea-field[disabled] {
  background-color: #fff !important;
  background: #fff !important;
}

.ecas-view-form .ecas-input-field.ant-input:hover,
.ecas-view-form .ecas-input-field.ant-input:focus,
.ecas-view-form .ecas-input-field.ant-input:focus-within,
.ecas-view-form .ecas-textarea-field.ant-input:hover,
.ecas-view-form .ecas-textarea-field.ant-input:focus,
.ecas-view-form .ecas-textarea-field.ant-input:focus-within,
.ecas-view-form .ant-input-outlined.ecas-input-field:hover,
.ecas-view-form .ant-input-outlined.ecas-input-field:focus,
.ecas-view-form .ant-input-outlined.ecas-input-field:focus-within,
.ecas-view-form .ant-input-outlined.ecas-textarea-field:hover,
.ecas-view-form .ant-input-outlined.ecas-textarea-field:focus,
.ecas-view-form .ant-input-outlined.ecas-textarea-field:focus-within {
  background-color: #fff !important;
  background: #fff !important;
}

.add-button {
  height: 42px;
  width: 89px;
  margin-top: 17px;
  margin-left: 10px;
  background: var(--theme-color);
  border: 1px solid var(--theme-color);
  color: #fff !important;
}

.add-button:disabled {
  background: #e6e6e6 !important;
  border-color: #d0d0d0 !important;
  color: #9a9a9a !important;
  cursor: not-allowed;
  opacity: 1;
}

.ecas-section-processing-overlay {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 72px;
  background: rgba(17, 24, 39, 0.35);
  backdrop-filter: blur(2px);
  pointer-events: all;
}

.ecas-section-processing-overlay__panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  min-width: 260px;
  max-width: min(420px, calc(100vw - 32px));
  padding: 22px 28px;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
  border: 1px solid #e5e7eb;
}

.ecas-section-processing-overlay__text {
  color: #111827;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
}

.ecas-recording-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.ecas-recording-button {
  height: 42px;
  min-width: 120px;
  padding: 8px 20px;
  border: none;
  border-radius: 50px;
  box-shadow: none;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    opacity 0.2s ease,
    border-color 0.2s ease;
}

.ecas-recording-button--start {
  background-color: #e6f3ec;
  color: #1e6640;
}

.ecas-recording-button--start.is-active {
  background-color: #fce8ec;
  color: #9e2040;
}

.ecas-recording-button--play {
  background-color: #e3edf8;
  color: #1a3f6e;
  min-width: 140px;
}

.ecas-recording-button--play.is-active {
  background-color: #fce8ec;
  color: #9e2040;
}

.ecas-recording-button--reset {
  background-color: #fce8ec;
  color: #9e2040;
}

.ecas-recording-button--nav {
  background-color: #ededf2;
  color: #3d3d5c;
  min-width: 96px;
  border: none;
}

.ecas-recording-button:disabled {
  background-color: #f0f0f0;
  border-color: transparent;
  color: #b3b3b3;
  cursor: not-allowed;
  opacity: 0.6;
}

.react-calculator .result-panel {
  overflow: hidden !important;
}

.react-calculator .react-calc.button-panel.row {
  width: 96%;
  margin-left: 16px;
}

.text-align-center {
  text-align: center;
}

.answer-table {
  width: 100%;
  margin-top: 12px;
}

.answer-table td,
.answer-table th {
  border: 1px solid #ddd;
}

.bottom-instructions {
  flex-wrap: wrap;
}

.bottom-instructions .item {
  display: flex;
  margin-bottom: 15px;
}

.table-status {
  position: relative;
  z-index: 2;
}

.new-background-color {
  background-color: #8863dd !important;
  color: #fff !important;
}

.account-created-background-color {
  background-color: #01a3b7 !important;
  color: #fff !important;
}

.dropout-background-color {
  background-color: #f00 !important;
  color: #fff !important;
}

.signed-color {
  background-color: #b6d7a8 !important;
}

.econcent-color {
  background-color: #ffe599 !important;
}

.ambassador-color {
  background-color: #a4c2f4 !important;
}

.studyc-color {
  background-color: rgb(194 166 247) !important;
}

.cancel-color {
  background-color: #ff5900 !important;
}

.active-status-color {
  background-color: #137716 !important;
}

.point-val-num {
  position: relative;
  top: 5px;
}

.correct-answer-p {
  position: relative;
  top: 0;
  left: 0;
  padding-left: 2px;
  margin: 7px 0;
}

.picture-div {
  margin-top: 25px;
}

.social-cognition-table td {
  border: 1px solid #000;
  padding: 9px 5px;
  overflow-wrap: anywhere;
}

.sent_com_input_c {
  width: 20px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.numbering-text {
  position: relative;
  top: -244px;
  font-size: 20px;
  left: -5px;
}

@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 100% !important;
    margin-left: 9px !important;
  }
}

p.social-cog-para-for-num {
  font-size: 18px;
  font-weight: 700;
  position: relative;
  /* top: -51px; */
  left: 0px;
}

p.participant-view-form-num {
  font-size: 22px;
  position: absolute;
}

.cursor-pointer {
  cursor: pointer;
}

/* New ECAS form only: section containers (AddNewECASFormA / AddECAS with new-ecas-form) */
.addecasform.new-ecas-form .ecas-form-section {
  border-radius: 12px;
  border: 1px solid #d3a292;
  background: #fff !important;
  background-color: #fff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  padding: 0;
  margin-bottom: 36px;
  overflow: hidden;
}

.addecasform.new-ecas-form .ecas-form-section .border-dark {
  border-left: none !important;
  border-right: none !important;
  border-color: #d3a292 !important;
}

.addecasform.new-ecas-form .ecas-behaviour-section .border-dark {
  border-left: 1px solid #d3a292 !important;
  border-right: 1px solid #d3a292 !important;
  border-bottom: 1px solid #d3a292 !important;
}

.addecasform.new-ecas-form .ecas-form-section .table-black,
.addecasform.new-ecas-form .ecas-form-section .table-black th,
.addecasform.new-ecas-form .ecas-form-section .table-black td {
  border-color: #d3a292 !important;
}

.addecasform.new-ecas-form .ecas-form-section .table-black {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.addecasform.new-ecas-form .ecas-form-section .response-log-table,
.addecasform.new-ecas-form .ecas-form-section .response-log-table th,
.addecasform.new-ecas-form .ecas-form-section .response-log-table td {
  border: 1px solid #000 !important;
}

.addecasform.new-ecas-form .ecas-form-section .response-log-table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.addecasform.new-ecas-form .ecas-form-section .answer-table,
.addecasform.new-ecas-form .ecas-form-section .answer-table td,
.addecasform.new-ecas-form .ecas-form-section .answer-table th {
  border: 1px solid #000 !important;
}

.addecasform.new-ecas-form .ecas-form-section .answer-table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.addecasform.new-ecas-form .ecas-form-section .immediate-recall-answer-table,
.addecasform.new-ecas-form .ecas-form-section .immediate-recall-answer-table td,
.addecasform.new-ecas-form .ecas-form-section .immediate-recall-answer-table th,
.addecasform.new-ecas-form .ecas-form-section .delayed-recall-answer-table,
.addecasform.new-ecas-form .ecas-form-section .delayed-recall-answer-table td,
.addecasform.new-ecas-form .ecas-form-section .delayed-recall-answer-table th {
  border-color: #000 !important;
}

.addecasform.new-ecas-form .score-summary-table {
  table-layout: fixed;
}

.addecasform.new-ecas-form .score-summary-table td {
  vertical-align: middle;
}

.addecasform.new-ecas-form .score-summary-table .score-summary-label {
  width: 29%;
  text-align: right;
  padding: 12px 18px 12px 10px;
}

.addecasform.new-ecas-form .score-summary-table .score-summary-details {
  width: 56%;
  text-align: right;
  padding: 9px 22px 10px 8px;
}

.addecasform.new-ecas-form .score-summary-table .score-summary-total {
  width: 15%;
  text-align: right;
  padding: 12px 16px 12px 8px;
  white-space: nowrap;
}

.addecasform.new-ecas-form .score-summary-table .score-summary-total-bold {
  font-weight: 700;
}

.addecasform.new-ecas-form .score-summary-table .score-summary-merged-label {
  text-align: right;
  padding: 8px 16px 8px 10px;
}

.addecasform.new-ecas-form .score-summary-table .score-summary-spacer {
  height: 20px;
  padding: 0;
}

.addecasform.new-ecas-form .behavior-total-label {
  padding: 0 !important;
  text-align: right !important;
  vertical-align: middle !important;
}

.addecasform.new-ecas-form .behavior-total-label > span {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-right: 12px;
  box-sizing: border-box;
}

.addecasform.new-ecas-form
  .ecas-form-section
  .delayed-recognition-question-table,
.addecasform.new-ecas-form
  .ecas-form-section
  .delayed-recognition-question-table
  th,
.addecasform.new-ecas-form
  .ecas-form-section
  .delayed-recognition-question-table
  td {
  border: 1px solid #000 !important;
  border-color: #000 !important;
}

.addecasform.new-ecas-form .ecas-form-section .container {
  background: #fff !important;
  background-color: #fff !important;
}

.addecasform.new-ecas-form .wizard-content-form .wizard-form-field {
  background: #fff !important;
  background-color: #fff !important;
}

@media only screen and (max-width: 600px) {
  .participant-ecas-form .social-rec-form-1 {
    min-height: 170px;
  }

  /* .ecas-participant-form{
      margin-top: 60px;
   } */

  /* New ECAS form only: section containers (AddNewECASFormA / AddECAS with new-ecas-form) */
  .addecasform.new-ecas-form .ecas-form-section {
    border-radius: 12px;
    border: 1px solid #d3a292;
    background: #fff !important;
    background-color: #fff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    padding: 0;
    margin-bottom: 36px;
    overflow: hidden;
  }

  .addecasform.new-ecas-form .ecas-form-section .border-dark {
    border-left: none !important;
    border-right: none !important;
    border-color: #d3a292 !important;
  }

  .addecasform.new-ecas-form .ecas-behaviour-section .border-dark {
    border-left: 1px solid #d3a292 !important;
    border-right: 1px solid #d3a292 !important;
    border-bottom: 1px solid #d3a292 !important;
  }

  .addecasform.new-ecas-form .ecas-form-section .table-black,
  .addecasform.new-ecas-form .ecas-form-section .table-black th,
  .addecasform.new-ecas-form .ecas-form-section .table-black td {
    border-color: #000 !important;
  }

  .addecasform.new-ecas-form .ecas-form-section .table-black {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
  }

  .addecasform.new-ecas-form .ecas-form-section .response-log-table,
  .addecasform.new-ecas-form .ecas-form-section .response-log-table th,
  .addecasform.new-ecas-form .ecas-form-section .response-log-table td {
    border: 1px solid #000 !important;
  }

  .addecasform.new-ecas-form .ecas-form-section .response-log-table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
  }

  .addecasform.new-ecas-form .ecas-form-section .answer-table,
  .addecasform.new-ecas-form .ecas-form-section .answer-table td,
  .addecasform.new-ecas-form .ecas-form-section .answer-table th {
    border: 1px solid #000 !important;
  }

  .addecasform.new-ecas-form .ecas-form-section .answer-table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
  }

  .addecasform.new-ecas-form .ecas-form-section .immediate-recall-answer-table,
  .addecasform.new-ecas-form
    .ecas-form-section
    .immediate-recall-answer-table
    td,
  .addecasform.new-ecas-form
    .ecas-form-section
    .immediate-recall-answer-table
    th,
  .addecasform.new-ecas-form .ecas-form-section .delayed-recall-answer-table,
  .addecasform.new-ecas-form .ecas-form-section .delayed-recall-answer-table td,
  .addecasform.new-ecas-form
    .ecas-form-section
    .delayed-recall-answer-table
    th {
    border-color: #000 !important;
  }

  .addecasform.new-ecas-form .ecas-form-section .container {
    background: #fff !important;
    background-color: #fff !important;
  }

  .addecasform.new-ecas-form .wizard-content-form .wizard-form-field {
    background: #fff !important;
    background-color: #fff !important;
  }

  .assign-participant-button {
    position: relative;
    left: -15px;
    margin-bottom: 10px;
  }

  .assign-participant-button a,
  .add-ambassador-button a {
    padding: 11px 14px !important;
  }

  .ambassador-heading-section {
    padding: 0 15px;
  }

  .social-cognition-table {
    margin-left: 23px;
    max-width: 200px !important;
  }

  .ecas-search-button {
    margin-bottom: 10px;
  }

  .view-ecas-form .main-section {
    position: relative;
    top: -250px;
  }

  .margin-left {
    margin-left: 0 !important;
  }

  .main-download-button a {
    position: relative;
    width: max-content;
    left: 70px;
    top: 50px;
  }

  .graph-heading-3 {
    margin-bottom: 74px !important;
  }

  .graph-heading-1 {
    margin-bottom: 74px !important;
  }

  .graph-heading-2 {
    margin-bottom: 74px !important;
  }

  .show-sidebar {
    top: 74px !important;
  }
}

.more-spacing {
  margin-top: 125px !important;
  margin-bottom: 125px !important;
}

.more-spacing2 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.social-cognition-table {
  max-width: 150px;
}

/* Social Cognition Part B — fixed-size scoring panel (card trial UI) */
.addecasform .social-cog-b-score-breakdown-wrap {
  flex: 0 0 100%;
  max-width: 248px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 0;
  padding-left: 16px;
  align-self: flex-start;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}

.addecasform .social-cog-b-score-breakdown {
  margin: 0;
  width: 100%;
  max-width: 248px;
  font-size: 14px;
}

.addecasform .social-cog-b-score-breakdown__title {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #4b5563;
  margin-bottom: 10px;
}

.addecasform .social-cog-b-score-breakdown__panel {
  width: 100%;
  min-height: 132px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  background-color: #ffffff;
  box-sizing: border-box;
}

.addecasform .social-cog-b-score-breakdown__row {
  display: grid;
  grid-template-columns: 32px 68px minmax(0, 1fr);
  align-items: center;
  gap: 4px;
  min-height: 44px;
  height: 44px;
  padding: 0 8px;
  box-sizing: border-box;
  background-color: #ffffff;
}

.addecasform .social-cog-b-score-breakdown__row--bordered {
  border-bottom: 1px solid #e5e7eb;
}

.addecasform .social-cog-b-score-breakdown__row--active {
  background-color: #fef9ee;
}

.addecasform .social-cog-b-score-breakdown__check {
  display: flex;
  align-items: center;
  justify-content: center;
}

.addecasform .social-cog-b-score-breakdown__check-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.addecasform .social-cog-b-score-breakdown__check input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin: 0;
  cursor: pointer;
  pointer-events: auto;
}

.addecasform .social-cog-b-score-breakdown__points {
  font-weight: 600;
  font-size: 14px;
  color: #111827;
  white-space: nowrap;
}

.addecasform .social-cog-b-score-breakdown__label {
  font-size: 14px;
  color: #374151;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.margin-left {
  margin-left: 20px;
}

.nums-to-show {
  font-size: 20px;
  position: relative;
  top: 44px;
  left: 8px;
}

.nums-to-show2 {
  font-size: 20px;
  position: relative;
  top: -7px;
  left: -3px;
}

.nums-to-show3 {
  font-size: 20px;
  position: relative;
  top: 22px;
  left: -25px;
}

.social-cognition-vertical-space {
  margin-top: 100px;
  margin-bottom: 200px;
}

@media only screen and (max-width: 600px) {
  .nums-to-show3 {
    left: -9px;
  }
}

.padding-verticle-125 {
  padding: 125px 0;
}

.body-map-item {
  border-radius: 10px;
  padding: 14px;
  margin-bottom: 20px;
  position: relative;
}

.body-map-item p {
  line-height: 30px;
}

.body-map-item img {
  border: 1px solid #b5b1b1;
  border-radius: 0;
  margin-bottom: 20px;
  padding: 14px;
  max-width: 500px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.body-map-item .nums {
  position: absolute;
  background: #000;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  top: 20px;
  left: 21px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  padding-top: 4px;
}

.participant-action-menu {
  max-height: 270px;
  overflow-y: scroll;
}

.view_zephyrx_section .ant-tabs-tab-btn {
  font-size: 18px;
  padding: 10px 18px;
}

.view_zephyrx_section .ant-tabs-tab-active {
  background: var(--theme-color) !important;
}

.view_zephyrx_section .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #fff !important;
}

.fvc_section {
  padding: 25px 21px;
  border: 1px solid #ddd;
}

.fvc_section .best_mem_text {
  font-size: 20px;
  font-weight: 500;
}

.fvc_section .info-table th {
  border: 1px solid var(--theme-color) !important;
}

.fvc_section .info-table td {
  background: var(--theme-color) 21;
  border: 1px solid transparent;
}

.fvc_section .table-div {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  overflow: hidden;
}

.fvc_accordion .ant-collapse-header-text {
  font-size: 17px;
}

.fvc_accordion .ant-collapse-header {
  padding: 22px 16px !important;
}

.fvc_accordion .ant-collapse-expand-icon {
  position: relative;
  top: 4px;
}

.fvc_accordion .ant-collapse-expand-icon .anticon {
  font-size: 15px !important;
}

.fvc_accordion .ant-collapse-extra {
  position: relative;
  top: 4px;
}

.fvc_accordion .ant-collapse-extra .anticon {
  font-size: 18px !important;
}

.graph_duration {
  display: flex;
  justify-content: space-between;
  max-width: 395px;
  cursor: pointer;
  margin: 20px auto 0 auto;
}

.graph_duration div {
  background: #fff;
  color: #000;
  padding: 7px 19px;
  border-radius: 5px;
  border: 1px solid #000;
  cursor: pointer;
  font-size: 17px;
}

.graph_duration div.active {
  background: var(--theme-color);
  color: #fff;
}

.radcliff-instruction li {
  list-style-type: disc;
}

.radcliff-instruction {
  padding: 0 24px;
}

.bulk_email_body .ck-content {
  min-height: 300px;
}

.bulk_email_send_section .ant-spin-text {
  font-size: 25px !important;
}

.zero_color {
  background: #fff;
}

.one_color {
  background: orange;
}

.two_color {
  background: #ff0;
}

.three_color {
  background: #adff2f;
}

.four_color {
  background: #00ff04;
}

.column-div {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  color: #000;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 1400px) {
  .ethnicity-report-section {
    padding-top: 100px !important;
  }

  .add-participant-page .go-back {
    margin-left: 0px;
  }

  .add-participant-page .multisteps-form {
    padding-top: 47px;
  }

  .export-button-3 {
    top: 228px !important;
    right: 33px;
  }

  .export-button-1,
  .export-button-2 {
    right: 33px;
  }

  .export-button-1 {
    top: 708px;
  }

  .export-button-2 {
    top: 1171px;
  }

  .main-download-button {
    padding-right: 20px;
  }

  .assign-part.go-back {
    position: relative;
    left: 0;
    margin-left: 11px;
    margin-bottom: 35px;
  }

  .assignparticipantWrapper {
    position: relative;
    top: -43px !important;
  }

  .new-submission .go-back {
    margin-left: 0;
  }

  .new-submission .wizard-content-form {
    padding-top: 50px;
  }
}

@media only screen and (max-width: 1400px) {
  .new-submission .wizard-content-form {
    padding-top: 0;
    position: relative;
    top: -55px;
  }
}

.anticon .anticon-exclamation-circle {
  position: relative;
  top: -3px;
}

.ant-message-notice .anticon {
  position: relative;
  top: -3px;
}

.view_full_profile_details {
  margin-top: 81px !important;
  padding-left: 56px !important;
}

.view_full_profile_details .go-back {
  margin-left: 0 !important;
}

.view_full_profile_details .answer-data .details-block p {
  font-size: 18px;
}

.view_full_profile_details .answer-data .details-block {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.view_full_profile_details .answer-data .details-block h5 {
  width: 200px;
}

.view_full_profile_details .ant-tabs-tab {
  padding: 12px 20px !important;
}

.view_full_profile_details .ant-tabs-tab-btn {
  font-size: 17px;
}

.view_full_profile_details .tab-inner {
  padding: 20px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.view_full_profile_details .ant-tabs-nav {
  margin-bottom: 0px;
}

.session_profile_data table th,
.session_profile_data table td {
  font-size: 16px !important;
}

.profile_details_tabs .ant-tabs-tab {
  border: 1px solid #ddd !important;
  padding: 12px 20px !important;
}

.profile_details_tabs .ant-tabs-tab.ant-tabs-tab-active {
  background: var(--theme-color) !important;
}

.profile_details_tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #fff !important;
}

.profile_details_tabs .ant-tabs-ink-bar {
  background: transparent !important;
  height: 0 !important;
}

.profile_speech_study_outer .border-with-space {
  margin-top: 10px;
  border: 1px solid #ddd !important;
}

.profile_speech_chart_data .select-data {
  font-size: 18px;
  padding-bottom: 35px;
  padding-top: 35px;
}

.profile_speech_chart_data .select-data p {
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

.chart-dropdown i {
  font-size: 17px;
  padding-right: 8px;
  cursor: pointer;
}

.profile_speech_chart_data ul li.inner {
  padding-left: 37px;
}

.KeyStats_tableKeyStats__2LS_p th,
.KeyStats_tableKeyStats__2LS_p td {
  padding-top: 7px;
}

.row-alsfrs td,
.row-alsfrs th {
  padding-top: 10px;
}

.Breakdown_groupHeader__1NoFR th {
  background-color: #f5f7fa;
  color: #3f4255;
  border: 1px solid #dee2e6;
  font-size: 16px;
  text-align: center;
}

.Breakdown_groupHeader__1NoFR td {
  border: 1px solid #dee2e6;
  text-align: center;
}

.als_one_color {
  background: orange !important;
}

.als_two_color {
  background: #ffff00 !important;
}

.als_three_color {
  background: #adff2f !important;
}

.als_four_color {
  background: #00ff04 !important;
}

.roads_zero_color {
  background: red !important;
}

.roads_one_color {
  background: #ff0 !important;
}

.roads_two_color {
  background: #00ff04 !important;
}

.roads_three_color {
  background: #adff2f !important;
}

.roads_four_color {
  background: orange !important;
}

.table thead th {
  vertical-align: top !important;
}

.fs-16 {
  font-size: 16px;
}

.ant-select-selection-search-input {
  position: relative;
  top: 0;
}

.sl_rating_table {
  position: relative;
  top: -50px;
}

.sl_rating_table table {
  width: 100%;
}

.sl_rating_table td,
.sl_rating_table td {
  border: 1px solid #9c9c9c;
  padding: 10px 12px;
}

.sl_rating_table .ant-checkbox-wrapper {
  display: flex;
  justify-content: center;
}

.sl_rating_table .ant-checkbox {
  border: 1px solid #bcbaba !important;
}

.sl_rating_table table .ant-checkbox,
.sl_rating_table table .ant-checkbox-inner {
  border-radius: 50px;
}

.rangeslider-horizontal {
  border: 2px solid #5a5a5a !important;
  box-sizing: border-box;
  margin: 10px 0 6px !important;
}

.rangeslider-horizontal .rangeslider__fill {
  background-color: var(--theme-color) !important;
}

/* Match ant-slider: hide thumb until hover / active interaction. */
.rangeslider .rangeslider__handle {
  opacity: 0;
  transition: opacity 150ms ease;
}

.rangeslider:hover .rangeslider__handle,
.rangeslider .rangeslider__handle:active,
.rangeslider .rangeslider__handle:focus {
  opacity: 1;
}

.sl_rating_table .view .ant-checkbox input {
  cursor: not-allowed;
}

.red-row {
  background: #ffd6c4a8;
}

.grey-row {
  background: #dddddd73;
}

.consistency-checkbox .ant-checkbox {
  border: 1px solid #868686;
  top: 16px;
  left: 61px;
}

.audio-list-table {
  width: 100%;
  margin-top: 25px;
}

.audio-list-table td,
.audio-list-table th {
  border: 1px solid #ddd;
  padding: 17px 0 17px 28px;
}

.audio-list-table h3 {
  padding-bottom: 0 !important;
}

.audio-list-table td span {
  font-size: 21px;
}

@media only screen and (max-width: 1500px) and (min-width: 1400px) {
  .add-slp-rating .wizard-content-form {
    padding-top: 0 !important;
  }
}

@media only screen and (min-width: 1500px) {
  .warm-up-page .multisteps-form {
    margin-top: 41px;
  }

  .add-slp-rating .user-profile-heading,
  .warm-up-page .user-profile-heading {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media only screen and (min-width: 1445px) and (max-width: 1500px) {
  .warm-up-page .multisteps-form {
    margin-top: 40px;
  }
}

.aactive-div .ant-radio-inner {
  width: 28px !important;
  height: 28px !important;
}

.aactive-div .ant-radio-checked .ant-radio-inner::after {
  transform: scale(0.9) !important;
}

.aactive-div .ant-radio {
  position: relative;
  top: 8px;
}

.assignparticipantWrapper .wizard-form-field {
  margin-top: 0 !important;
  margin-left: 0;
}

.assignparticipantWrapper .user-profile-heading {
  font-size: 1.75rem;
}

/* Assign Participants: Coordinator select — 51px height, square corners (Ant Design 6). */
.assignparticipantWrapper .select-student.ant-select {
  border-radius: 0 !important;
  height: 51px !important;
}

.assignparticipantWrapper
  .select-student.ant-select.ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector,
.assignparticipantWrapper
  .select-student.ant-select.ant-select-outlined.ant-select-single:not(
    .ant-select-customize-input
  )
  .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  max-height: 51px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

.assignparticipantWrapper
  .select-student.ant-select.ant-select-single
  .ant-select-selector
  .ant-select-selection-item,
.assignparticipantWrapper
  .select-student.ant-select.ant-select-single
  .ant-select-selector
  .ant-select-selection-placeholder {
  line-height: 49px !important;
}

/* Undo global `.ant-select-single.ant-select-show-arrow … { padding-top: 9px }` for this page */
.assignparticipantWrapper
  .select-student.ant-select-single.ant-select-show-arrow
  .ant-select-selection-item,
.assignparticipantWrapper
  .select-student.ant-select-single.ant-select-show-arrow
  .ant-select-selection-placeholder {
  padding-top: 0 !important;
}

.assignparticipantWrapper
  .select-student.ant-select-single
  .ant-select-selector
  .ant-select-selection-search {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 11px !important;
}

.assignparticipantWrapper
  .select-student.ant-select-single
  .ant-select-selector
  .ant-select-selection-search-input {
  width: 100% !important;
  height: 100% !important;
  line-height: normal !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
}

.assignparticipantWrapper
  .select-student.ant-select-single
  .ant-select-selector {
  overflow: hidden !important;
}

.assignparticipantWrapper .select-student.ant-select-single .ant-select-arrow,
.assignparticipantWrapper .select-student.ant-select-single .ant-select-suffix {
  inset-inline-end: 11px !important;
  top: 50% !important;
  margin-top: 0 !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Assign Participants: toolbar search — square corners; keep a visible border (not borderless) */
.assignparticipantWrapper .participant-div input.form-control.input-field {
  border-radius: 0 !important;
  border: 1px solid #ced4da !important;
  box-sizing: border-box !important;
  height: 51px !important;
  min-height: 51px !important;
  line-height: 51px !important;
  padding: 0 14px !important;
}

.assignparticipantWrapper
  .participant-div
  input.form-control.input-field:focus {
  border-radius: 0 !important;
  border-color: #86b7fe !important;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15) !important;
  outline: 0 !important;
}

/* Assign Participants: Filter By Status — 51px control height, no border (tags / multiple) */
.assignparticipantWrapper .select-status.filter-element.ant-select {
  min-height: 51px !important;
  border-radius: 0 !important;
}

.assignparticipantWrapper
  .select-status.filter-element.ant-select.ant-select-multiple
  .ant-select-selector,
.assignparticipantWrapper
  .select-status.filter-element.ant-select.ant-select-outlined.ant-select-multiple
  .ant-select-selector {
  min-height: 51px !important;
  display: flex !important;
  align-items: center !important;
  align-content: center !important;
  flex-wrap: wrap !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

.assignparticipantWrapper
  .select-status.filter-element.ant-select-multiple
  .ant-select-selection-placeholder {
  line-height: normal !important;
  padding-top: 0 !important;
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
}

.assignparticipantWrapper
  .select-status.filter-element.ant-select.ant-select-multiple.ant-select-focused
  .ant-select-selector,
.assignparticipantWrapper
  .select-status.filter-element.ant-select.ant-select-multiple:hover
  .ant-select-selector {
  border: 0 !important;
  box-shadow: none !important;
}

.assignparticipantWrapper
  .select-status.filter-element.ant-select-multiple
  .ant-select-arrow,
.assignparticipantWrapper
  .select-status.filter-element.ant-select-multiple
  .ant-select-suffix {
  inset-inline-end: 11px !important;
  top: 50% !important;
  margin-top: 0 !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Assign Participants: table body — center content vertically in row */
.assignparticipantWrapper
  .assign-part-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  vertical-align: middle !important;
}

.assignparticipantWrapper
  .assign-part-table.ant-table-wrapper
  .ant-table-tbody
  .cursor-pointer {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  height: 100%;
  box-sizing: border-box;
}

.assignparticipantWrapper
  .assign-part-table.ant-table-wrapper
  .ant-table-tbody
  .table-data {
  position: relative;
  z-index: 2;
  line-height: 1.45;
}

/* Assign Participants table header - legacy black header */
.assignparticipantWrapper .assign-part-table .ant-table-thead > tr > th,
.assignparticipantWrapper
  .assign-part-table
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.assignparticipantWrapper
  .assign-part-table
  thead.ant-table-thead
  th.ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
}

.assignparticipantWrapper .assign-part-table .ant-table-thead th * {
  color: inherit !important;
}

@media only screen and (min-width: 1400px) {
  .assignparticipantWrapper .wizard-form-field {
    margin-top: 20px !important;
    margin-left: 10px !important;
  }
}

@media only screen and (max-width: 1420px) {
  .radcliff-form-details {
    position: relative;
    top: -94px;
  }
}

.add-demographics-form {
  position: relative;
}

@media only screen and (max-width: 1440px) {
  .add-demographics-form {
    top: -260px !important;
  }

  .profile_class_for_mgh_details_tab {
    /* top: -402px !important; */
    margin-top: -286px !important;
  }
}

@media only screen and (min-width: 1440px) {
  .add-user .go-back {
    margin-left: 0;
  }

  .edit-admin-user .wizard-content-form {
    padding-top: 30px;
  }

  .add-demographics-form {
    top: 0 !important;
  }
}

.psubmission-div .details-block {
  background: #fff !important;
  box-shadow: 5px 0px 10px #dddc;
  padding: 6px 14px;
  border-radius: 8px;
}

.psubmission-div .details-block h5 {
  font-size: 16px !important;
}

.psubmission-div .details-block p {
  font-size: 16px !important;
  color: #717070;
}

.demographic_records .card-body {
  border: 1px solid #ddd;
  box-shadow: 4px 4px 10px #dddddd7d;
  margin-bottom: 20px;
}

.assigned_co_profile_ui
  .table-data
  .ant-table-container
  table
  > thead
  > tr:first-child
  th:first-child {
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}

.assigned_co_profile_ui
  .table-data
  .ant-table-container
  table
  > thead
  > tr:first-child
  th:last-child {
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

.assigned_co_profile_ui .table-data .ant-table-tbody {
  position: relative;
  top: 11px;
}

.assigned_co_profile_ui .table-data .ant-table-content {
  overflow: visible !important;
}

.assigned_co_profile_ui .table-data .ant-table-content th {
  background: #000000 !important;
  border: 1px solid #ffffff !important;
  color: #fff !important;
}

.assigned_co_profile_ui .table-data .ant-table-content td {
  background: #bbb7b761 !important;
  border: 1px solid #bbb7b79c !important;
  color: #000 !important;
}

.assigned_co_profile_ui .ant-table-measure-row {
  display: none;
}

.assigned_co_profile_ui
  .table-data
  .ant-table-container
  table
  > tbody
  td:first-child {
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}

.assigned_co_profile_ui
  .table-data
  .ant-table-container
  table
  > tbody
  td:last-child {
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

.submission_inner_details_block {
  display: flex;
  justify-content: space-between;
}

.submission_inner_details_block .details-block {
  width: 49%;
  background: #fff !important;
  box-shadow: 5px 0px 10px #dddc;
  overflow-wrap: anywhere;
}

.demographic_records .que_and_answ {
  border: 1px solid #b4b1b1;
  max-width: 100%;
  /* //603px */
  padding: 15px 17px;
  margin-bottom: 20px;
  border-radius: 6px;
}

.demographic_records .que_and_answ h5 {
  font-size: 22px;
  margin-bottom: 16px;
}

.demographic_records .que_and_answ .demo-options {
  display: flex;
  justify-content: flex-start;
}

.demographic_records .que_and_answ .demo-options .opt {
  border: 1px solid #b4b1b1;
  padding: 6px 15px;
  border-radius: 7px;
  margin-right: 12px;
  font-size: 14px;
}

.demographic_records .que_and_answ .demo-options .opt.active {
  border: 2px solid var(--theme-color);
  font-weight: 600;
}

.p_demographic_opt2 .innner {
  display: flex;
  padding: 15px 7px;
}

.p_demographic_opt2 .innner .icon {
  border: 1px solid #b2aeae;
  padding: 8px 17px;
  font-size: 21px;
  margin-right: 23px;
  border-radius: 6px;
  height: 42px;
}

.p_demographic_opt2 .innner .q_and_a h6 {
  font-size: 21px;
  padding-top: 1px;
  font-weight: 600;
  padding-bottom: 8px;
}

.p_demographic_opt2 .innner .q_and_a p {
  font-size: 16px;
}

.p_demographic_opt2 .innner .q_and_a .options {
  display: flex;
}

.p_demographic_opt2 .innner .q_and_a .options .opt.active {
  background: #000;
  color: #fff;
}

.p_demographic_opt2 .innner .q_and_a .options .opt {
  margin-right: 10px;
  padding: 4px 16px;
  background: #fff;
  color: #000;
  border: 1px solid #000;
  border-radius: 7px;
}

.profile_d_mgh_details {
  border: 1px solid #ddd;
  max-width: 900px;
  margin-bottom: 30px;
}

.profile_d_mgh_details .head-thing {
  background: var(--theme-color);
  position: relative;
  overflow: hidden;
}

.profile_d_mgh_details .head-thing h2 {
  padding: 23px 19px;
  font-size: 20px;
  color: #fff;
}

.profile_d_mgh_details .head-thing .white-section {
  position: absolute;
  top: 0;
  right: -30px;
  width: 65%;
  height: 80%;
  background: white;
  transform: skewX(36deg);
}

.profile_d_mgh_details .content input {
  width: 100%;
}

.profile_d_mgh_details .content {
  padding: 25px 27px;
}

/* assigned coordinator lsit in profile details page.  */
.assigned_coordinator_list .card {
  padding: 20px 20px 16px 21px;
  border-radius: 13px;
  box-shadow: 1px 2px 2px #ddd;
}

.assigned_coordinator_list {
  background-color: #fff9f6;
  padding: 30px 2px;
  border: 1px solid #ffccb3;
}

.profile_details_tabs {
  width: 100%;
  margin-bottom: 20px;
}

.profile_details_tabs .ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 0 !important;
}

.assigned_coordinator_list .card p {
  font-size: 16.5px;
  padding-bottom: 4px;
}

.assigned_coordinator_list .card hr {
  margin-top: 6px !important;
  margin-bottom: 8px !important;
}

.assigned_coordinator_list .card p .label {
  color: #706e6e;
  font-weight: 500;
}

.assigned_coordinator_list .card p .value {
  color: #000;
  font-weight: 500;
}

.assigned_coordinator_list .card i {
  padding: 7px 8px;
  box-shadow: 1px 1px 5px #4f4d4d91;
  border-radius: 50%;
  margin-right: 10px;
  font-size: 14px;
  color: #bd653e;
}

.session_entry_view_modal .detailsText {
  margin-bottom: 10px;
  font-size: 17px;
}

.session_entry_view_modal .detailsText span {
  font-weight: 500;
  color: #000;
}

.add_session_entry_form label {
  font-size: 17px;
}

.add_session_entry_form textarea {
  background: #ddeef9;
}

@media only screen and (min-width: 1420px) {
  .add_radcliff_session_form .wrapper {
    top: 21px !important;
  }
}

.assign-participant-button .ant-radio-wrapper span {
  font-size: 17px;
}

.add-demographics-form label {
  font-size: 18px;
}

/* =========================================================================
 * Add Demographics — utility classes (replace inline styles, scoped to the
 * `.add-demographics-form-card` wrapper so they don't leak globally)
 * ========================================================================= */
.add-demographics-form-card .ant-input.eals-demographics-input,
.add-demographics-form-card .eals-demographics-input {
  width: 100%;
  border: 1px solid #ddd;
}

.add-demographics-form-card .ant-input.eals-demographics-input.eals-input-error,
.add-demographics-form-card .eals-demographics-input.eals-input-error {
  border: 1px solid red;
}

.add-demographics-form-card .eals-form-error-text {
  position: relative;
  top: -18px;
}

.add-demographics-form-card .eals-form-error-text--tight {
  top: -16px;
}

.add-demographics-form-card .eals-add-row-input {
  margin-right: 10px;
}

.eals-btn-theme.ant-btn,
.eals-btn-theme.ant-btn-primary {
  background: #b66c4b;
  border-color: #b66c4b;
}

.eals-btn-theme.ant-btn:hover,
.eals-btn-theme.ant-btn-primary:hover,
.eals-btn-theme.ant-btn:focus,
.eals-btn-theme.ant-btn-primary:focus {
  background: #a55c3d;
  border-color: #a55c3d;
}

.add-demographics-form-card .eals-list-td {
  min-width: 130px;
  padding-bottom: 10px;
}

.add-demographics-form-card .eals-list-item {
  font-size: 16px;
  overflow-wrap: anywhere;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  list-style: none;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  padding: 8px 14px;
  background: #fff;
  min-height: 40px;
  margin-right: 12px;
}

.add-demographics-form-card .eals-list-delete-icon {
  color: #e56d64;
  cursor: pointer;
  font-size: 21px;
}

.add-demographics-form-card .eals-record-list-col {
  padding-left: 0;
}

.add-demographics-form-card .eals-record-list {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.add-demographics-form-card .eals-record-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 10px 9px 14px;
  background: #fff;
  border: 1px solid #ececec;
  border-left: 3px solid #b66c4b;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.add-demographics-form-card .eals-record-item:hover {
  border-color: #e4d3c9;
  border-left-color: #a55c3d;
  box-shadow: 0 2px 8px rgba(182, 108, 75, 0.12);
}

.add-demographics-form-card .eals-record-index {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #f6ece6;
  color: #a55c3d;
  font-size: 12px;
  font-weight: 600;
}

.add-demographics-form-card .eals-record-text {
  flex: 1 1 auto;
  font-size: 15px;
  line-height: 1.4;
  color: #2f2a26;
  overflow-wrap: anywhere;
}

.add-demographics-form-card .eals-record-delete {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #c05b52;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.add-demographics-form-card .eals-record-delete:hover {
  background: #fdeceb;
  color: #d64437;
}

.add-demographics-form-card .eals-record-delete:focus-visible {
  outline: 2px solid #e56d64;
  outline-offset: 1px;
}

.familyHistSelect .ant-select-arrow {
  top: 28px !important;
}

.tt-capitalize {
  text-transform: capitalize;
}

.view-session-entry-tab .ant-tabs-tab.ant-tabs-tab-active {
  background: var(--theme-color) !important;
}

.view-session-entry-tab .ant-tabs-tab {
  border: 1px solid #ddd !important;
  padding: 12px 20px !important;
}

.view-session-entry-tab .ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 0 !important;
}

.view-session-entry-tab .ant-tabs-ink-bar {
  background: var(--theme-color) !important;
}

.ant-message-notice .anticon {
  top: 1px !important;
}

.exercise-form textarea {
  background: #ddeef9;
  transition: all 100ms;
  padding: 16px 19px;
}

.exercise-form textarea:focus {
  border: 2px solid var(--theme-color);
}

.exercise-form .add-new-option {
  padding: 5px 20px;
  border: 2px solid var(--theme-color);
  background: #fff;
  color: var(--theme-color);
}

.exercise-form .add-new-option i {
  position: relative;
  top: 1px;
  left: -3px;
}

.exercise-form .remove-option i {
  font-size: 19px;
}

.exercise-form .remove-option {
  padding: 5px 19px;
  border: 2px solid var(--theme-color);
  background: #fff;
  color: var(--theme-color);
  height: 56px;
  position: relative;
  top: 31px;
  border-radius: 50%;
}

.exercise-modal-styles p {
  text-transform: capitalize;
  font-size: 16px;
}

.exercise-modal-styles h6 {
  font-size: 17px;
  color: #000;
  min-width: 124px;
}

.exercise-modal-styles table td {
  padding: 10px 20px;
  border: 1px solid #a3a3a3;
}

.exercise-modal-styles table th {
  padding: 10px 20px;
  border: 1px solid #a3a3a3;
}

.motor-exam-summary-wrapper .ant-collapse-expand-icon {
  position: relative;
  top: 10px;
}

.motor-exam-summary-wrapper .ant-collapse-header-text {
  font-size: 20px;
}

.motor-exam-summary-wrapper
  .ant-collapse
  > .ant-collapse-item
  > .ant-collapse-header {
  padding: 20px 16px;
}

.motor-exam-summary-wrapper .summary-item {
  max-width: 90%;
  margin: 0 auto;
  box-shadow: 4px 4px 25px #dddddd8a;
  border-radius: 7px;
  margin-top: 10px;
  padding: 18px;
  margin-bottom: 20px;
  border: 1px solid #c6c6c6;
}

.motor-exam-summary-wrapper .summary-item .title {
  font-size: 24px;
  text-align: center;
  font-weight: 600;
  color: #9f9f9f;
  border-bottom: 1px solid #a5a4a4;
  padding-bottom: 16px;
  margin-bottom: 32px !important;
  max-width: 250px;
  margin: 0 auto;
}

.motor-exam-summary-wrapper .summary-item .question {
  font-size: 22px;
  margin-bottom: 30px;
  text-align: center;
}

.motor-exam-summary-wrapper .summary-item img {
  max-width: 300px;
  margin: 0 auto;
  display: flex;
}

.motor-exam-summary-wrapper .summary-item .response {
  font-size: 22px;
  margin-top: 35px;
  margin-bottom: 25px;
  text-align: center;
}

.red-zephrx-not-avaialble-noti {
  height: 13px;
  width: 13px;
  background-color: red;
  border: 2px solid red;
  border-radius: 50%;
}

.green-zephrx-not-avaialble-noti {
  height: 13px;
  width: 13px;
  background-color: green;
  border: 2px solid green;
  border-radius: 50%;
}

.view-coordinator-page .ant-table-cell {
  padding: 10px 11px !important;
}

.is_skipped_checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #1890ff !important;
  border-color: #1890ff !important;
}

.ant-checkbox-inner {
  border-color: #333232 !important;
  background: #fff;
}

.ant-radio-inner {
  border-color: #000 !important;
}

.content-library-page .ambassador-heading-section {
  padding-top: 80px;
}

.motor-exam-summary-page .wrapper {
  padding-top: 130px;
}

.submissions-page .wrapper {
  padding-top: 70px;
}

.zephyx-fvc-graph-wrapper,
.zephyx-svc-graph-wrapper {
  width: 100%;
}

.zephyx-fvc-graph-scroll,
.zephyx-svc-graph-scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.zephyx-fvc-graph-wrapper .inner-wrapper,
.zephyx-svc-graph-wrapper .inner-wrapper {
  margin-top: 10px;
  margin-bottom: 40px;
  max-height: 350px;
  height: 350px;
}

.add-session-entry-is-skipped-true-space {
  position: relative;
  top: 85px;
}

.info-icon {
  margin-left: 6px;
  padding: 5px 9px;
  background: #8e8a8a;
  font-size: 14px;
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
}

.par-buttons {
  position: relative;
  top: 18px;
}

.overflow-wrap-anywhere {
  overflow-wrap: anywhere;
}

.add-session-entry-view-modal-icon {
  padding: 3px 6px;
  background: #ddd;
  border-radius: 5px;
  cursor: pointer;
}

.slp-study-counts {
  align-items: stretch;
}

.slp-study-counts > [class*="col-"] {
  display: flex;
}

.slp-study-counts .single {
  width: 100%;
  min-height: 200px;
  padding: 20px 20px 18px;
  background: #fff;
  box-shadow: 8px 2px 20px #c7c7c7;
  border-radius: 6px;
  border: 1px solid #fff;
  transition: all 500ms;
  text-align: left;
}

/* Current SLP Listener cards – aligned layout, no overlap */
.slp-listener-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
}

.slp-listener-card .slp-listener-card__name {
  font-size: 26px;
  font-weight: 600;
  margin: 0 0 6px 0;
  padding: 0;
  line-height: 1.3;
  color: #000;
}

.slp-listener-card .slp-listener-card__pct {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 4px 0;
  padding: 0;
  line-height: 1.3;
  color: #000;
}

.slp-listener-card .slp-listener-card__count {
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 12px 0;
  padding: 0;
  line-height: 1.4;
  color: #333;
}

.slp-listener-card .slp-listener-card__btn {
  font-size: 14px;
  cursor: pointer;
  background: var(--theme-color);
  color: #fff;
  border: none;
  text-decoration: underline;
  letter-spacing: 0.5px;
  border-radius: 5px;
  padding: 6px 12px;
  margin-top: auto;
  margin-left: 0;
}

.slp-listener-card .slp-listener-card__btn:hover {
  background: #000;
  color: #fff;
}

.slp-study-counts .single h2 {
  font-size: 26px;
  font-weight: 600;
  padding-bottom: 12px;
  padding-top: 6px;
}

.slp-study-counts .single h5 {
  font-size: 22px;
}

.slp-study-counts .single p {
  padding-top: 8px;
  display: flex;
  align-items: center;
}

.slp-study-counts .single p button {
  font-size: 14px;
  margin-left: 10px;
  cursor: pointer;
  background: var(--theme-color);
  color: #fff;
  border: none;
  text-decoration: underline;
  letter-spacing: 0.7px;
  border-radius: 5px;
  padding: 2px 9px;
}

.warm-up-page .main-section.add-user,
.add-slp-rating.main-section.add-user {
  padding-left: 32px;
  padding-right: 32px;
  box-sizing: border-box;
}

.warm-up-page .main-section.add-user > .go-back,
.add-slp-rating.main-section.add-user > .go-back {
  margin-left: 0;
}

.warm-up-page .multisteps-form,
.add-slp-rating .multisteps-form {
  max-width: 820px;
}

.warm-up-page .description {
  font-size: 17px;
  padding: 20px 0 10px 0;
}

.warm-up-page .description a {
  color: var(--theme-color);
  font-weight: 600;
}

.audio-callbration-description {
  font-size: 17px;
  padding: 20px 0 10px 0;
}

.ant-slider-rail {
  height: 11px !important;
  background-color: #c2c2c2 !important;
  border-radius: 15px !important;
  border: 1.5px solid #5a5a5a !important;
  box-sizing: border-box;
}

.ant-slider-track {
  height: 11px !important;
  background-color: var(--theme-color) !important;
  border-radius: 15px !important;
}

.ant-slider.ant-slider-horizontal {
  height: 30px !important;
  padding-block: 0 !important;
  margin: 10px 0 6px !important;
}

.ant-slider-horizontal .ant-slider-rail,
.ant-slider-horizontal .ant-slider-track {
  inset-block-start: 9.5px !important; /* (30px handle - 11px rail) / 2 */
}

.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: var(--theme-color) !important;
}

.ant-slider-handle.ant-tooltip-open {
  border-color: var(--theme-color) !important;
}

.ant-slider-handle {
  border: none !important;
  width: 30px !important;
  height: 30px !important;
  margin-top: 0 !important;
  inset-block-start: 0 !important;
  top: 0 !important;
  /* Hidden by default; shown on slider hover / handle interaction below. */
  opacity: 0;
  transition: opacity 150ms ease;
}

.ant-slider:hover .ant-slider-handle,
.ant-slider-handle:focus,
.ant-slider-handle:active,
.ant-slider-handle.ant-slider-handle-dragging,
.ant-slider-handle.ant-tooltip-open {
  opacity: 1;
}

/* Newer antd draws the visible handle dot via this pseudo-element, sized
   and colored from the (blue) theme tokens by default — pin it to the
   app's rust theme instead. !important wins across all interaction states
   regardless of antd's own state-specific selectors. The parent div above
   is left borderless (it has no border-radius of its own in this antd
   version, so a border on it renders as a square behind this circle). */
.ant-slider-handle::after {
  width: 26px !important;
  height: 26px !important;
  inset-inline-start: 2px !important;
  inset-block-start: 2px !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 2px var(--theme-color) !important;
  outline: none !important;
}

.ant-slider:hover .ant-slider-track {
  background-color: var(--theme-color) !important;
}

.medical-history-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.medical-history-table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
}

.medical-history-table--compact {
  min-width: unset;
}

.medical-history-table th {
  padding: 5px 20px;
  background: #d0633842;
}

.medical-history-table td {
  padding: 12px 20px;
}

.medical-history-table td,
.medical-history-table th {
  border: 1px solid #000;
}

.medical-history-table td input {
  margin-bottom: 0 !important;
  padding-left: 7px !important;
}

.add_row_button {
  padding: 4px 12px;
  background-color: #d06338;
  color: #fff !important;
  border: none;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.add_row_button i {
  color: #fff;
}

.allergy-add-btn-wrap {
  max-width: 400px;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 4px;
}

.allergy-table {
  width: 100%;
  min-width: 100%;
  max-width: 400px;
}

.wizard-form-field .ant-picker-input input {
  height: 33px !important;
}

.wizard-form-field .ant-picker {
  padding: 0 !important;
}

.wizard-form-field .dob-datepicker.ant-picker,
.wizard-form-field .demographics-date-of-birth-field.ant-picker {
  height: 51px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px;
  box-sizing: border-box;
}

.wizard-form-field .dob-datepicker .ant-picker-input input,
.wizard-form-field .demographics-date-of-birth-field .ant-picker-input input {
  height: auto !important;
  padding: 0 4px;
}

.onboarding-page .description {
  font-size: 19px !important;
}

.slp_multistep_form {
  position: relative;
  top: -20px;
  display: flex;
  justify-content: flex-start;
}

.slp_multistep_form .left_side {
  min-width: 224px;
  min-height: 500px;
  height: 100%;
  background-color: var(--theme-color);
  border-radius: 13px;
  margin-right: 56px;
  padding-top: 32px;
}

.slp_multistep_form .left_side li {
  list-style: none;
  margin-bottom: 32px;
  padding: 0 14px 0px 14px;
  display: flex;
}

.slp_multistep_form .left_side .circle {
  border-radius: 50px;
  border: 1px solid #fff;
  background: transparent;
  width: 40px;
  min-width: 40px;
  height: 40px;
  color: #fff;
  text-align: center;
  padding-top: 8px;
  font-weight: 700;
}

.slp_multistep_form .left_side .circle.active {
  background: #fff;
  color: #bd653e;
}

.slp_multistep_form .left_side .content {
  padding-left: 10px;
}

.slp_multistep_form .left_side .content span:nth-child(1) {
  color: #fff;
  font-size: 14px;
}

.slp_multistep_form .left_side .content span:nth-child(3) {
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
}

.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--theme-color);
}

.prescreen_form .form-label {
  color: var(--black-color);
  font-size: 16px;
}

.prescreen_form .form-group {
  margin-bottom: 15px;
}

.prescreen_form .form-group input[type="text"] {
  width: 100%;
}

.prescreen_form .form-group select {
  border: 1px solid #ddd;
  height: 50px;
}

.prescreen_form .mini_crm_wrapper table th {
  padding: 4px 9px;
  background: var(--theme-color);
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  border: 1px solid #000;
}

.prescreen_form .mini_crm_wrapper table td {
  padding: 4px 9px;
  font-size: 14px;
  border: 1px solid #000;
}

.prescreen_form .mini_crm_wrapper table td select {
  height: 42px;
}

.prescreen_form .ck-restricted-editing_mode_standard {
  min-height: 120px !important;
}

.prescreen_form .mini_crm_wrapper table td i.fas {
  cursor: pointer;
  font-size: 19px;
  margin-right: 12px;
}

.prescreen_form .mini_crm_wrapper table td i.fas.fa-edit {
  color: #1a80e5;
}

.prescreen_form .mini_crm_wrapper table td i.fas.fa-trash {
  color: #e51a1a;
}

.prescreen_form .mini_crm_wrapper select {
  color: var(--black-color);
}

.prescreen_form .mini_crm_wrapper .add-new-button {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 6px 12px;
  background: var(--theme-color);
  color: #fff;
  border: 1px solid var(--theme-color);
  outline: none;
}

.prescreen_form .crm-list-item {
  padding: 10px;
  border: 1px solid #817a7a;
  margin-bottom: 16px;
}

.ecas-table-with-border td,
.ecas-table-with-border th {
  border: 0.5px solid #777777;
}

.table_select_option .ant-select-selection-item {
  font-size: 14px;
}

.shipment-notification-circle {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  position: relative;
  top: 2px;
}

.shipment-notification-circle.red {
  background: red;
}

.shipment-notification-circle.green {
  background: green;
}

.delete-status-record-icon i {
  position: absolute;
  right: -38px;
  top: 51px;
  cursor: pointer;
  font-size: 18px;
  color: red;
  padding: 11px 11px 9px 11px;
  border-radius: 50%;
  border: 1px solid #918b8b;
  transition: all 300ms;
}

.delete-status-record-icon i:hover {
  background: #b66c4b;
  color: #fff;
}

.height-57 {
  height: 57px !important;
}

.view-study-report-page {
  max-width: 1130px;
  margin: 0 auto;
}

.view-study-report-page .print-button {
  float: right;
  margin-bottom: 30px;
  padding: 10px 14px;
  color: #fff;
  border-radius: 0;
  width: 155px;
  display: flex;
  justify-content: center;
}

.view-study-report-page .print-button i {
  position: relative;
  left: -9px;
}

.view-study-report-page .report-wrapper {
  margin-top: 20px;
  padding: 0 40px;
}

.view-study-report-page .report-wrapper h5 {
  font-size: 23px;
  font-weight: 700;
  color: #b66c4b;
  padding-bottom: 16px;
}

.view-study-report-page .report-wrapper .overview-label {
  font-size: 17px;
  padding-bottom: 16px;
  font-weight: 600;
}

.view-study-report-page .report-heading {
  text-align: center;
  line-height: 44px;
  padding: 50px 0;
  font-size: 45px;
  margin-top: 350px;
}

.data_collection_table .vertical_align_top {
  vertical-align: top;
}

.data_collection_table table {
  border-collapse: collapse;
  width: 100%;
}

.data_collection_table table th {
  text-align: center;
  border: 0.7px solid #b5b5b5;
  padding: 10px 10px;
  vertical-align: top;
  background: #b66c4b17;
}

.data_collection_table table td {
  text-align: center;
  border: 0.7px solid #b5b5b5;
  padding: 10px 10px;
  vertical-align: top;
}

.font-weight-500 {
  font-weight: 500;
}

.data_collection_table .first_column_width {
  width: 145px;
}

.rapa-report-toolbar {
  max-width: 1130px;
  margin: 0 auto;
  padding: 45px 50px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rapa-report-toolbar .rapa-report-back-button {
  margin: 0;
  float: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.rapa-report-back-label {
  line-height: 1;
}

.rapa-report-toolbar .rapa-report-print-button {
  margin: 0;
  float: none;
  position: static;
  right: auto;
}

.rapa-report-loading {
  display: flex;
  justify-content: center;
  padding: 40px 0;
}

.rapa-report-toolbar .rapa-report-print-button:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

@media print {
  .rapa-report-no-print {
    display: none !important;
  }

  html,
  body {
    height: auto !important;
    overflow: visible !important;
  }

  .rapa-report-page,
  .view-study-report-page,
  .view-study-report-page .report-wrapper,
  .view-study-report-page .data_collection_table,
  .view-study-report-page .data_collection_table table {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }

  .view-study-report-page .rapa-report-header-image {
    margin-top: 0 !important;
    padding: 0 20px !important;
  }

  .view-study-report-page .report-heading {
    margin-top: 0 !important;
    padding: 24px 0 !important;
    font-size: 28px !important;
    line-height: 1.3 !important;
  }

  .view-study-report-page .rapa-report-participant-block--first {
    margin-top: 20px !important;
  }
}

.app-feedback-list-page .ant-tabs-tab {
  border: 1px solid #ddd !important;
  padding: 15px 15px;
}

.app-feedback-list-page .ant-tabs-tab.ant-tabs-tab-active {
  background: var(--theme-color) !important;
}

.app-feedback-list-page .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #fff !important;
}

.app-feedback-list-page .ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 10px;
}

/* App Feedback List – flat shell + title row + light table */
.app-feedback-flat-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  padding: 80px 46px 30px !important;
  min-height: auto !important;
}

@media (min-width: 1050px) {
  .app-feedback-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }
}

.app-feedback-title-row {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.app-feedback-title-row .section-heading {
  font-size: 28px !important;
  font-weight: 400 !important;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0;
  line-height: 1.25;
}

.app-feedback-flat-wrapper .app-feedback-multisteps {
  margin-top: 0.35rem !important;
}

.app-feedback-table-col {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.app-feedback-list-page .app-feedback-flat-wrapper .ambassador-heading-section {
  padding-top: 0 !important;
}

/* App Feedback table: black header + body styling */
.app-feedback-ant-table.ant-table-wrapper .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

.app-feedback-ant-table.ant-table-wrapper .ant-table-thead > tr > th,
.app-feedback-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.app-feedback-ant-table.ant-table-wrapper thead .ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.app-feedback-ant-table.ant-table-wrapper .ant-table-thead th *,
.app-feedback-ant-table.ant-table-wrapper
  .ant-table-thead
  th
  .ant-table-column-title {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.app-feedback-ant-table.ant-table-wrapper .ant-table-thead th .anticon {
  color: #fff !important;
}

.app-feedback-ant-table.ant-table-wrapper .ant-table-tbody > tr > td,
.app-feedback-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  color: #2c2c2c !important;
  background-color: #fff !important;
}

.app-feedback-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.app-feedback-ant-table.ant-table-wrapper .ant-table-tbody > tr:hover > td {
  background: #eef4fb !important;
}

.app-feedback-ant-table.ant-table-wrapper .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
}

.change-password-page-wrapper .wizard-form-field {
  margin: 17px 0 14px 14px !important;
}

.spelling-content {
  color: #2f3146;
}

.radcliff-participant-heading .info-icon {
  font-size: 20px;
  width: fit-content;
  height: fit-content;
  background: #fff;
  color: #545353;
  position: relative;
  top: 0;
  right: 15px;
}

.app-user-filter-icon i {
  padding: 13px 14px;
  background: #ddd;
  cursor: pointer;
  border-radius: 6px;
  transition: all 300ms;
}

.app-user-filter-icon i:hover {
  background: #b66c4b;
  color: #fff;
}

.app-user-list-page .statistics-container .ant-collapse-expand-icon {
  position: relative;
  top: 1px;
}

.site-overview-wrapper .accordion-wrapper {
  padding: 16px 20px;
  background-color: #ebebeb;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.site-overview-wrapper .total-participants {
  color: #262626;
  font-size: 19px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 12px;
}

.site-overview-wrapper .participant-not-found {
  text-align: center;
  color: #999;
  padding: 20px;
}

.site-overview-wrapper .site-name {
  color: #262626;
  font-size: 20px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 12px;
}

.site-overview-wrapper .site-card {
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  margin-bottom: 16px;
  overflow: hidden;
}

.site-overview-wrapper .site-card table {
  border-collapse: collapse;
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
}

.site-overview-wrapper .site-card table th {
  padding: 12px 16px;
  background-color: #333333;
  color: white;
  font-weight: 700;
  font-size: 16px;
  max-width: 500px;
}

.site-overview-wrapper .site-card table td {
  background-color: #fff;
  padding: 12px 16px;
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #ddd;
}

.site-overview-wrapper .site-card table tr:last-child td {
  border-bottom: none;
}

/* Lighter grid for Site Overview list page nested tables (override black header above) */
.site-overview-list-page .site-card table {
  border: 1px solid #d9d9d9 !important;
  border-radius: 8px !important;
  overflow: hidden;
}

.site-overview-list-page .site-card table th {
  padding: 12px 16px !important;
  background-color: #fafafa !important;
  color: #262626 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  border: 1px solid #d9d9d9 !important;
  border-bottom: 1px solid #bfbfbf !important;
  max-width: none;
}

.site-overview-list-page .site-card table td {
  background-color: #fff !important;
  padding: 12px 16px !important;
  font-size: 15px !important;
  border: 1px solid #e8e8e8 !important;
  border-top: none !important;
}

.site-overview-list-page .site-card table tr:last-child td {
  border-bottom: 1px solid #e8e8e8 !important;
}

.site-overview-list-page .site-card tbody tr:hover td {
  background: #fafafa !important;
}

.site-overview-wrapper .site-card-table {
  max-width: 100%;
  border-radius: 25px;
}

.site-overview-wrapper .site-card-table-content {
  padding: 20px;
  padding-bottom: 40px;
  background: #e7e5e659;
}

.eals-registry-section-wrapper .ant-collapse-expand-icon {
  position: relative;
  top: 9px;
}

.eals-registry-section-wrapper
  .statistics-container
  .ant-collapse
  > .ant-collapse-item
  > .ant-collapse-header,
.eals-registry-section-wrapper .statistics-container .ant-collapse-header-text {
  font-weight: 600 !important;
  font-size: 17px !important;
  color: #262626 !important;
}

.eals-registry-section-wrapper .records-wrapper th,
.eals-registry-section-wrapper .records-wrapper td {
  font-size: 15px;
}

.eals-registry-section-wrapper .records-wrapper th {
  background: #000 !important;
  color: #fff !important;
}

.eals-registry-section-wrapper .records-wrapper .ant-table-thead > tr > th,
.eals-registry-section-wrapper
  .records-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.eals-registry-section-wrapper
  .records-wrapper
  thead.ant-table-thead
  th.ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
}

.eals-registry-section-wrapper .records-wrapper .ant-table-thead th * {
  color: inherit !important;
}

.demographics-field-height {
  height: 56px !important;
}

.in-clinic-form-wrapper .ant-select-selector {
  height: 45px !important;
}

.in-clinic-form-wrapper .ant-select .ant-select-selection-item {
  padding-top: 3px !important;
}

.in-clinic-form-wrapper .ant-select-arrow {
  top: 21px !important;
}

.in-clinic-form-wrapper input.ant-input,
.in-clinic-form-wrapper .ant-picker {
  height: 45px !important;
  min-width: 205px !important;
}

.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  height: 51px !important;
}

.records-wrapper
  .inventory-table-select.ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector {
  height: 40px !important;
}

.records-wrapper
  .inventory-table-select.ant-select-single
  .ant-select-selection-item,
.records-wrapper
  .inventory-table-select.ant-select-single
  .ant-select-selection-placeholder {
  line-height: 40px !important;
}

.save-as-draft-button {
  position: fixed;
  bottom: 101px;
  right: 32px;
  z-index: 9999;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #b66b4b;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  padding-bottom: 2px;
  opacity: 0;
  visibility: hidden;
}

.save-as-draft-button:hover {
  color: #fff;
  box-shadow: 0 7px 18px #b66b4b99;
}

.field-bacground-color,
.field-bacground-color:focus {
  background: #ddeef9;
}

/* ================== 
   Inventory Enhanced Styling - 2 Box Structure
   Box 1: Main Tabs
   Box 2: Sub Tabs with all content inside
================== */

/* Inventory List page – full-width shell, sidebar clearance, title */
.inventory-list-flat-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin: auto 0 0 auto !important;
  padding: 80px 46px 30px !important;
  min-height: auto !important;
}

@media (min-width: 1050px) {
  .inventory-list-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }

  #sidebar.sidebar-collapsed
    + .inventory-list-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 72px !important;
    flex: 0 0 calc(100% - 72px) !important;
    max-width: calc(100% - 72px) !important;
    width: calc(100% - 72px) !important;
  }

  #sidebar.hide-sidebar
    + .inventory-list-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

.inventory-list-title-row {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.inventory-list-heading.section-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.25;
}

/* Main Inventory Content Container */
.inventory-content {
  width: 100%;
  box-sizing: border-box;
}

.inventory-main-section {
  width: 100%;
  box-sizing: border-box;
}

/* Main Tabs - First Box */
.inventory-main-section > .profile_details_tabs {
  width: 100%;
  margin-bottom: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  overflow: hidden;
}

.inventory-main-section > .profile_details_tabs .ant-tabs-nav {
  margin-bottom: 0;
  padding: 0 16px;
  background: #fafafa;
  border-bottom: 1px solid #e0e0e0;
}

.inventory-main-section > .profile_details_tabs .ant-tabs-tab {
  border: none !important;
  border-radius: 0 !important;
  padding: 14px 24px !important;
  margin-right: 8px !important;
  margin-bottom: 0 !important;
  margin-top: 8px !important;
  box-sizing: border-box;
  transition: all 0.3s ease;
  background: transparent !important;
  border-bottom: 3px solid transparent !important;
}

.inventory-main-section > .profile_details_tabs .ant-tabs-tab:hover {
  background: #e0e0e0 !important;
}

.inventory-main-section
  > .profile_details_tabs
  .ant-tabs-tab.ant-tabs-tab-active {
  border-bottom: 3px solid var(--theme-color) !important;
  background: var(--theme-color) !important;
  border-radius: 8px 8px 0 0 !important;
  box-shadow: none !important;
  z-index: 1;
  position: relative;
}

.inventory-main-section
  > .profile_details_tabs
  .ant-tabs-tab.ant-tabs-tab-active
  .ant-tabs-tab-btn {
  color: #fff !important;
}

.inventory-main-section > .profile_details_tabs .ant-tabs-tab-btn {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  padding: 0;
}

.inventory-main-section > .profile_details_tabs .ant-tabs-ink-bar {
  display: none !important;
}

.inventory-main-section > .profile_details_tabs .ant-tabs-content,
.inventory-main-section > .profile_details_tabs .ant-tabs-content-holder {
  border: none;
  border-radius: 0;
  /* padding: 0 19px; */
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
  margin-top: 0;
}

.inventory-main-section > .profile_details_tabs .ant-tabs-tabpane {
  padding: 0;
}

/* Sub Tabs Container - Second Box */
.inventory-main-section
  > .profile_details_tabs
  .ant-tabs-tabpane
  > .view-session-entry-tab {
  margin: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  box-sizing: border-box;
  overflow: visible;
}

.view-session-entry-tab {
  margin-bottom: 24px;
}

.view-session-entry-tab .ant-tabs-nav {
  margin-bottom: 0;
  padding: 0;
}

.view-session-entry-tab .ant-tabs-tab {
  border: 1px solid #e0e0e0 !important;
  border-bottom: none !important;
  /* border-radius: 8px 8px 0 0 !important; */
  padding: 12px 20px !important;
  margin-right: 8px !important;
  margin-bottom: 0 !important;
  box-sizing: border-box;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.view-session-entry-tab .ant-tabs-tab:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
  background: #e0e0e0 !important;
}

.view-session-entry-tab .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 0 !important;
}

.view-session-entry-tab .ant-tabs-tab.ant-tabs-tab-active {
  border-bottom-color: transparent !important;
  border-color: #e0e0e0 !important;
  border-bottom: none !important;
  background: var(--theme-color) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 1;
  position: relative;
}

body.new-ecas-live-session-fullscreen #sidebar {
  display: none !important;
}

body.new-ecas-live-session-fullscreen .header-section {
  display: none !important;
}

body.new-ecas-live-session-fullscreen .top-space {
  margin-top: 0 !important;
}

body.new-ecas-live-session-fullscreen #top-section {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  overflow-x: hidden !important;
}

body.new-ecas-live-session-fullscreen
  #top-section
  > .main-section.participant-ecas-form {
  margin-left: 0 !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  overflow-x: hidden !important;
}

body.new-ecas-live-session-fullscreen .main-content.demographics-wrapper {
  margin-left: 0 !important;
  width: 100% !important;
}

body.new-ecas-live-session-fullscreen
  .main-content.demographics-wrapper
  .container {
  max-width: 100% !important;
  width: 100% !important;
}

.new-ecas-penn-title,
.new-ecas-penn-title-line {
  font-family: "Jost", sans-serif !important;
  font-weight: 700 !important;
}

.ecas-survey-result-btn {
  background: rgb(35 127 59) !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  margin-bottom: 15px;
}

.view-session-entry-tab .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #fff !important;
}

.view-session-entry-tab .ant-tabs-tab-btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.view-session-entry-tab .ant-tabs-ink-bar {
  display: none !important;
}

.view-session-entry-tab .ant-tabs-content,
.view-session-entry-tab .ant-tabs-content-holder {
  border: none;
  border-radius: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
  margin-top: 0;
}

.view-session-entry-tab .ant-tabs-tabpane {
  padding: 0;
}

/* Filter Container - Inside unified box */
.site-overview-filter-container {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 5px 25px;
  /* margin-bottom: 32px; */
  box-shadow: none;
  box-sizing: border-box;
  display: flex;
  /* justify-content: space-evenly; */
}

.site-overview-filter-container .row {
  /* margin-left: -12px;
  margin-right: -12px; */
  display: flex;
  justify-content: space-between;
  /* flex-wrap: wrap; */
  /* align-items: flex-end; */
}

.site-overview-filter-container .row > [class*="col-"] {
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;
}

.site-overview-filter-item {
  min-width: 220px;
  box-sizing: border-box;
  padding: 0;
}

.site-overview-filter-item label {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.site-overview-filter-item .ant-select,
.site-overview-filter-item .input-field {
  width: 100%;
  box-sizing: border-box;
}

.site-overview-filter-item .input-field {
  height: 40px;
  padding: 8px 12px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.5;
  transition: all 0.3s ease;
  box-sizing: border-box;
  border-radius: 0 !important;
}

.site-overview-filter-item .input-field:focus {
  border-color: #40a9ff;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.1);
}

/* Table Styling - Inside unified box */
.records-wrapper .ant-table {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}

.records-wrapper .ant-table-container {
  border-radius: 8px;
  overflow: hidden;
}

.records-wrapper .ant-table-thead > tr > th {
  border-radius: 0;
  padding: 16px 20px;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  box-sizing: border-box;
}

.records-wrapper .ant-table-thead > tr > th:first-child {
  border-top-left-radius: 8px !important;
}

.records-wrapper .ant-table-thead > tr > th:last-child {
  border-top-right-radius: 8px !important;
}

.records-wrapper .ant-table-tbody > tr > td {
  padding: 12px 20px;
  font-size: 14px;
  box-sizing: border-box;
  vertical-align: middle;
}

.records-wrapper .ant-table-tbody > tr:last-child > td:first-child,
.records-wrapper
  .ant-table-tbody
  > tr:last-child
  > td:first-child.ant-table-cell {
  border-bottom-left-radius: 8px !important;
}

.records-wrapper .ant-table-tbody > tr:last-child > td:last-child,
.records-wrapper
  .ant-table-tbody
  > tr:last-child
  > td:last-child.ant-table-cell {
  border-bottom-right-radius: 8px !important;
}

/* Inventory table parity with old UI: black header + compact row editors */
.inventory-content .ant-table-wrapper .ant-table-thead > tr > th,
.inventory-content .ant-table-wrapper .ant-table-thead > tr > th.ant-table-cell,
.inventory-content .ant-table-wrapper thead.ant-table-thead th.ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
}

.inventory-content .ant-table-wrapper .ant-table-thead th * {
  color: inherit !important;
}

/* Row input/select controls only (inside table body) */
.inventory-content .ant-table-wrapper .ant-table-tbody .ant-input,
.inventory-content .ant-table-wrapper .ant-table-tbody .ant-select-selector {
  height: 34px !important;
  min-height: 34px !important;
  border-radius: 4px !important;
  border: 1px solid #d9d9d9 !important;
  box-shadow: none !important;
}

.inventory-content .ant-table-wrapper .ant-table-tbody .ant-select-selector {
  display: flex !important;
  align-items: center !important;
  padding: 0 10px !important;
}

.inventory-content .ant-table-wrapper .ant-table-tbody .ant-input {
  padding: 0 10px !important;
  line-height: 32px !important;
}

.inventory-content
  .ant-table-wrapper
  .ant-table-tbody
  .ant-select-selection-item,
.inventory-content
  .ant-table-wrapper
  .ant-table-tbody
  .ant-select-selection-placeholder {
  line-height: 32px !important;
  font-size: 14px !important;
}

/* Enhanced Input & Select in Tables */
.records-wrapper .inventory-table-input.ant-input {
  height: 36px !important;
  line-height: 36px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box !important;
}

.records-wrapper .inventory-table-input.ant-input:focus {
  border-color: #40a9ff !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.1) !important;
}

.records-wrapper .inventory-table-select .ant-select-selector {
  height: 36px !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box !important;
}

.records-wrapper .inventory-table-select .ant-select-selector:hover {
  border-color: #40a9ff !important;
}

.records-wrapper
  .inventory-table-select.ant-select-focused
  .ant-select-selector {
  border-color: #40a9ff !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.1) !important;
}

.records-wrapper .inventory-table-select .ant-select-selection-item,
.records-wrapper .inventory-table-select .ant-select-selection-placeholder {
  line-height: 34px !important;
  font-size: 14px !important;
  padding: 0 8px !important;
}

/* Enhanced Button Styling - Better Sizing & Alignment */
.research_button,
.research_button_inventory {
  height: 40px;
  padding: 8px 24px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  transition: all 0.3s ease;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: var(--theme-color);
  color: #fff;
}

/* Inventory Filter Row – flex container */
.inventory-filter-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  gap: 16px !important;
  margin-bottom: 20px !important;
  padding: 0 15px !important;
}

.inventory-filter-item {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1 1 200px;
  max-width: 260px;
}

.inventory-filter-item label {
  font-size: 15px !important;
  font-weight: 500 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.inventory-filter-item-btn {
  flex: 0 0 auto !important;
  max-width: none !important;
  align-self: flex-end !important;
}

/* Inventory Filter Controls – Equal Height (46px, border-radius 0) */
.inventory-filter-select {
  width: 100% !important;
  height: 46px !important;
  border-radius: 0 !important;
}

.inventory-filter-select .ant-select-selector {
  height: 46px !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
}

.inventory-filter-select .ant-select-selection-item,
.inventory-filter-select .ant-select-selection-placeholder {
  line-height: 44px !important;
  font-size: 14px !important;
}

.inventory-filter-input {
  height: 46px !important;
  line-height: 44px !important;
  padding: 0 12px !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
}

.inventory-filter-btn {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 24px !important;
  font-size: 15px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
  white-space: nowrap !important;
}

.research_button:hover,
.research_button_inventory:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
  background: #000;
  border: 1px solid #000;
  color: #fff;
  background-color: #000;
}

.research_button i,
.research_button_inventory i {
  margin-right: 8px;
  font-size: 14px;
}

/* Update Button Container */
.admin-user-options {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 24px;
  padding: 16px 0;
  box-sizing: border-box;
}

/* Form Section - Inside unified box */
.multisteps-form {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  box-sizing: border-box;
  margin-bottom: 0;
  margin-top: 32px;
}

/* Unified Box Container for Filters, Stats, and Table */
/* .view-session-entry-tab .ant-tabs-content,
.view-session-entry-tab .ant-tabs-content-holder {
  border: 1px solid #e0e0e0;
  border-radius: 0 0 8px 8px;
  padding: 8px 24px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  margin-top: -1px;
} */

.multisteps-form .row {
  margin-left: -12px;
  margin-right: -12px;
}

.multisteps-form .row > [class*="col-"] {
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;
}

/* Page Title Styling */
.ambassador-heading-section {
  margin-bottom: 24px;
  padding-bottom: 0;
}

.ambassador-heading-section h2 {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.5;
}

/* Consistent Spacing */
.inventory-content .mb-4 {
  margin-bottom: 24px !important;
}

.inventory-content .mb-3 {
  margin-bottom: 16px !important;
}

.inventory-content .mt-4 {
  margin-top: 24px !important;
}

/* Compact Stats Cards for Inventory */
.inventory-stats-card {
  min-height: 80px;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.inventory-stats-card .card-body {
  padding: 12px 8px;
}

.inventory-stats-card h5 {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
}

.inventory-stats-card small {
  font-size: 0.9rem;
  color: #6c757d;
}

/* Remove negative margins from row containing inventory stats cards */
.inventory-content .row:has(.inventory-stats-card) {
  margin-right: 0;
  margin-left: 0;
}

/* Add some padding to prevent cards from touching box borders */
.inventory-content .row:has(.inventory-stats-card) {
  padding: 8px 12px;
}

.inventory-content .inventory-filter-select .ant-select-selector {
  min-height: 46px !important;
}

.inventory-content
  .inventory-filter-select
  .ant-select-selector
  .ant-select-selection-placeholder,
.inventory-content
  .inventory-filter-select
  .ant-select-selector
  .ant-select-selection-item {
  padding-top: 0 !important;
  line-height: 44px !important;
}

/* Responsive Adjustments */

/* Large Tablets and Small Desktops */
@media (max-width: 1200px) {
  .inventory-main-section > .profile_details_tabs .ant-tabs-tab {
    padding: 12px 18px !important;
    font-size: 14px;
  }

  .view-session-entry-tab .ant-tabs-tab {
    padding: 10px 16px !important;
    font-size: 13px;
  }

  .stats-block h2 {
    font-size: 2.2rem !important;
  }
}

/* Tablets */
@media (max-width: 992px) {
  .inventory-main-section > .profile_details_tabs .ant-tabs-nav {
    padding: 0 12px;
  }

  .inventory-main-section > .profile_details_tabs .ant-tabs-tab {
    padding: 12px 16px !important;
    font-size: 14px;
    margin-right: 4px !important;
  }

  .view-session-entry-tab .ant-tabs-nav {
    padding: 0 12px;
  }

  .view-session-entry-tab .ant-tabs-tab {
    padding: 10px 14px !important;
    font-size: 13px;
    margin-right: 4px !important;
  }

  .view-session-entry-tab .ant-tabs-content,
  .view-session-entry-tab .ant-tabs-content-holder {
    padding: 20px;
  }

  .site-overview-filter-container .row {
    margin-left: -8px;
    margin-right: -8px;
  }

  .site-overview-filter-container .row > [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
  }

  .site-overview-filter-item {
    min-width: 100%;
    margin-bottom: 16px;
  }

  .stats-block .card-body {
    padding: 18px 14px;
    min-height: 110px;
  }

  .stats-block h2 {
    font-size: 2rem !important;
  }

  .stats-block p {
    font-size: 15px !important;
  }

  .records-wrapper .ant-table-thead > tr > th {
    padding: 12px 16px;
    font-size: 14px;
  }

  .records-wrapper .ant-table-tbody > tr > td {
    padding: 10px 16px;
    font-size: 13px;
  }
}

/* Mobile Devices */
@media (max-width: 768px) {
  .inventory-content {
    padding: 0;
  }

  .inventory-main-section > .profile_details_tabs {
    border-radius: 6px;
  }

  .inventory-main-section > .profile_details_tabs .ant-tabs-nav {
    padding: 0 8px;
    flex-wrap: wrap;
    display: flex;
  }

  .inventory-main-section > .profile_details_tabs .ant-tabs-nav-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

  .inventory-main-section > .profile_details_tabs .ant-tabs-tab {
    padding: 10px 12px !important;
    font-size: 13px;
    margin-right: 4px !important;
    margin-top: 6px !important;
    flex: 1 1 auto;
    min-width: 0;
    text-align: center;
    touch-action: manipulation;
  }

  .inventory-main-section > .profile_details_tabs .ant-tabs-tab-btn {
    font-size: 13px;
  }

  .view-session-entry-tab {
    border-radius: 6px;
  }

  .view-session-entry-tab .ant-tabs-nav {
    padding: 0 8px;
    flex-wrap: wrap;
    display: flex;
  }

  .view-session-entry-tab .ant-tabs-nav-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

  .view-session-entry-tab .ant-tabs-tab {
    padding: 8px 12px !important;
    font-size: 12px;
    margin-right: 4px !important;
    margin-top: 6px !important;
    flex: 1 1 auto;
    min-width: 0;
    text-align: center;
    touch-action: manipulation;
  }

  .view-session-entry-tab .ant-tabs-tab-btn {
    font-size: 12px;
  }

  .view-session-entry-tab .ant-tabs-content,
  .view-session-entry-tab .ant-tabs-content-holder {
    padding: 20px 16px;
  }

  .site-overview-filter-container {
    margin-bottom: 24px;
  }

  .inventory-content .row.mb-4 {
    margin-bottom: 24px !important;
  }

  .multisteps-form {
    margin-top: 24px;
  }

  .site-overview-filter-container .row {
    margin-left: 0;
    margin-right: 0;
    flex-direction: column;
  }

  .site-overview-filter-container .row > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-bottom: 16px;
  }

  .site-overview-filter-item {
    min-width: 100%;
    width: 100%;
  }

  .site-overview-filter-item label {
    font-size: 14px;
    margin-bottom: 6px;
  }

  .site-overview-filter-item .input-field {
    height: 38px;
    font-size: 14px;
  }

  .site-overview-filter-item .ant-select {
    height: 38px !important;
  }

  .site-overview-filter-item .ant-select .ant-select-selector {
    height: 38px !important;
  }

  /* Stats Cards - Responsive for mobile */
  .inventory-content .row.mb-5 {
    flex-wrap: wrap !important;
    gap: 12px !important;
  }

  .inventory-content .row.mb-5 > [class*="col-"] {
    flex: 1 1 calc(50% - 6px) !important;
    min-width: 0 !important;
  }

  .stats-block {
    margin-bottom: 0;
  }

  .stats-block .card-body {
    padding: 14px 10px;
    height: auto;
    min-height: 80px;
  }

  .stats-block h2 {
    font-size: 1.6rem !important;
    margin: 4px 0 !important;
  }

  .stats-block p {
    font-size: 12px !important;
  }

  /* Table Responsive */
  .records-wrapper .ant-table {
    border-radius: 6px;
    font-size: 12px;
  }

  .records-wrapper .ant-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .records-wrapper .ant-table-container {
    min-width: 100%;
  }

  .records-wrapper .ant-table-thead > tr > th {
    padding: 10px 8px;
    font-size: 12px;
    white-space: nowrap;
  }

  .records-wrapper .ant-table-tbody > tr > td {
    padding: 8px;
    font-size: 12px;
  }

  .records-wrapper .inventory-table-input.ant-input {
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
  }

  .records-wrapper .inventory-table-select .ant-select-selector {
    height: 32px !important;
  }

  .records-wrapper .inventory-table-select .ant-select-selection-item,
  .records-wrapper .inventory-table-select .ant-select-selection-placeholder {
    line-height: 30px !important;
    font-size: 12px !important;
    padding: 0 6px !important;
  }

  /* Buttons */
  .research_button,
  .research_button_inventory {
    height: 38px;
    padding: 6px 16px;
    font-size: 14px;
    width: 100%;
    margin-bottom: 12px;
  }

  .admin-user-options {
    margin-top: 20px;
    padding: 12px 0;
  }

  .admin-user-options .research_button_inventory {
    width: 100%;
  }

  /* Form Section */
  .multisteps-form {
    margin-bottom: 20px;
  }

  .multisteps-form .row {
    margin-left: 0;
    margin-right: 0;
  }

  .multisteps-form .row > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  /* Page Title */
  .ambassador-heading-section {
    margin-bottom: 20px;
    padding-bottom: 12px;
  }

  .ambassador-heading-section h2 {
    font-size: 22px;
  }

  /* Consistent Spacing on Mobile */
  .inventory-content .mb-4 {
    margin-bottom: 20px !important;
  }

  .inventory-content .mb-3 {
    margin-bottom: 12px !important;
  }

  .inventory-content .mt-4 {
    margin-top: 20px !important;
  }
}

/* Small Mobile Devices */
@media (max-width: 480px) {
  .inventory-main-section > .profile_details_tabs .ant-tabs-tab {
    padding: 8px 10px !important;
    font-size: 12px;
  }

  .view-session-entry-tab .ant-tabs-tab {
    padding: 8px 10px !important;
    font-size: 11px;
  }

  .view-session-entry-tab .ant-tabs-content,
  .view-session-entry-tab .ant-tabs-content-holder {
    padding: 12px 8px;
  }

  .stats-block .card-body {
    padding: 14px 10px;
    min-height: 90px;
  }

  .stats-block h2 {
    font-size: 1.6rem !important;
  }

  .stats-block p {
    font-size: 13px !important;
  }

  .records-wrapper .ant-table-thead > tr > th {
    padding: 8px 6px;
    font-size: 11px;
  }

  .records-wrapper .ant-table-tbody > tr > td {
    padding: 6px;
    font-size: 11px;
  }

  .records-wrapper .inventory-table-input.ant-input {
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 6px !important;
    font-size: 11px !important;
  }

  .records-wrapper .inventory-table-select .ant-select-selector {
    height: 30px !important;
  }

  .records-wrapper .inventory-table-select .ant-select-selection-item,
  .records-wrapper .inventory-table-select .ant-select-selection-placeholder {
    line-height: 28px !important;
    font-size: 11px !important;
  }

  .research_button,
  .research_button_inventory {
    height: 36px;
    padding: 6px 12px;
    font-size: 13px;
  }

  .ambassador-heading-section h2 {
    font-size: 18px;
  }
}

/* Extra Small Devices */
@media (max-width: 360px) {
  .inventory-main-section > .profile_details_tabs .ant-tabs-tab {
    padding: 6px 8px !important;
    font-size: 11px;
  }

  .view-session-entry-tab .ant-tabs-tab {
    padding: 6px 8px !important;
    font-size: 10px;
  }

  .stats-block h2 {
    font-size: 1.4rem !important;
  }

  .records-wrapper .ant-table-thead > tr > th {
    padding: 6px 4px;
    font-size: 10px;
  }

  .records-wrapper .ant-table-tbody > tr > td {
    padding: 4px;
    font-size: 10px;
  }
}

.inventory-main-section > .profile_details_tabs .ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 2px;
}

.ant-btn[disabled],
.ant-btn[disabled]:hover,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:active {
  background: #b66b4b;
  color: #fff !important;
}

/* Audit Logs (/dashboard/audit-logs) – 4-col row 1 + (To Date | buttons) row 2 */
.audit-logs-page .audit-logs-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px 20px;
  width: 100%;
  margin-bottom: 1.25rem;
}

.audit-logs-page .audit-logs-filters-box {
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 0;
  padding: 14px;
}

/* Fields block: 4-column grid — row 1 gets Admin/Coordinator/Consortia/From Date,
   row 2 gets To Date in col 1 (Search+Export buttons are in the actions block below) */
.audit-logs-page .audit-logs-toolbar-fields {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px 20px;
  flex: 0 0 100%;
  width: 100%;
}

.audit-logs-page .audit-logs-field {
  min-width: 0;
}

.audit-logs-page .audit-logs-field-date {
  min-width: 0;
}

.audit-logs-page .audit-logs-filter-form .filter-element {
  margin-bottom: 0;
}

.audit-logs-page .audit-logs-filter-form .filter-element .form-label {
  margin-bottom: 0.35rem;
  display: block;
  font-weight: 500;
}

/* Actions row: Search on far left, Export on far right */
.audit-logs-page .audit-logs-toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-left: 0;
  justify-content: space-between;
}

.audit-logs-page a.audit-logs-toolbar-btn.btn.primary {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.audit-logs-page .audit-logs-export-muted {
  opacity: 0.55;
  pointer-events: auto;
}

.audit-logs-page .records-wrapper .audit-logs-user-select.ant-select {
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  border-radius: 0 !important;
}

.audit-logs-page
  .records-wrapper
  .audit-logs-user-select.ant-select
  .ant-select-selector {
  height: 46px !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-radius: 0 !important;
}

.audit-logs-page
  .records-wrapper
  .audit-logs-user-select.ant-select
  .ant-select-selection-item,
.audit-logs-page
  .records-wrapper
  .audit-logs-user-select.ant-select
  .ant-select-selection-placeholder {
  line-height: 44px !important;
}

.audit-logs-page .records-wrapper .audit-logs-datepicker.ant-picker {
  height: 46px !important;
  min-height: 46px !important;
  width: 100% !important;
  border-radius: 0 !important;
}

.audit-logs-page
  .records-wrapper
  .audit-logs-datepicker.ant-picker
  .ant-picker-input
  > input {
  font-size: 14px !important;
}

.audit-logs-page .audit-logs-ant-table .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.audit-logs-page .audit-logs-ant-table .ant-table-thead > tr > th,
.audit-logs-page
  .audit-logs-ant-table
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.audit-logs-page .audit-logs-ant-table thead.ant-table-thead th.ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #595959 !important;
  font-weight: 600 !important;
}

.audit-logs-page .audit-logs-ant-table .ant-table-thead th * {
  color: inherit !important;
}

.audit-logs-page .audit-logs-ant-table .ant-table-tbody > tr > td,
.audit-logs-page
  .audit-logs-ant-table
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  border: 1px solid #e8e8e8 !important;
}

@media (max-width: 991.98px) {
  .audit-logs-page .audit-logs-toolbar-actions {
    margin-left: 0;
    width: 100%;
  }
}

/* Coordinators list — shell/typography/layout parity with /admin_users.
   Never use margin: 0 shorthand on the wrapper: it overrides .top-space { margin-top: 80px }. */
.coordinators-page-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  /* Match root ealsadmindashboard .records-wrapper gutter (56px 46px) */
  padding: 56px 46px 30px !important;
  min-height: auto !important;
}

.records-wrapper.top-space.coordinators-page-wrapper {
  margin-top: 80px !important;
}

.coordinators-page-wrapper .ambassador-heading-section {
  margin-bottom: 1rem !important;
}

.coordinators-page-wrapper .ambassador-heading-section h3.section-heading {
  background: transparent !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #000 !important;
  padding-top: 25px !important;
  padding-bottom: 20px !important;
}

.coordinators-page-wrapper .ant-table-thead > tr > th,
.coordinators-page-wrapper .ant-table-thead > tr > th.ant-table-cell,
.coordinators-page-wrapper thead.ant-table-thead th.ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
}

.coordinators-page-wrapper .ant-table-thead th * {
  color: inherit !important;
}

.coordinators-page-wrapper .ant-table-thead th .anticon {
  color: #fff !important;
}

.coordinators-page.col-lg-10 {
  min-width: 0;
  max-width: 100%;
}

.coordinators-page-wrapper .coordinators-multisteps {
  margin-top: 0.35rem !important;
  padding-top: 0 !important;
}

.coordinators-page-wrapper .coordinators-multisteps > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100%;
}

.coordinators-table-col {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.coordinators-ant-table.ant-table-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  display: block;
}

.coordinators-ant-table.ant-table-wrapper .ant-spin-nested-loading,
.coordinators-ant-table.ant-table-wrapper .ant-spin-container {
  width: 100% !important;
  max-width: 100% !important;
}

.coordinators-ant-table.ant-table-wrapper .ant-table,
.coordinators-ant-table.ant-table-wrapper .ant-table-container,
.coordinators-ant-table.ant-table-wrapper .ant-table-content,
.coordinators-ant-table.ant-table-wrapper .ant-table-body,
.coordinators-ant-table.ant-table-wrapper .ant-table-header {
  width: 100% !important;
  max-width: 100% !important;
}

.coordinators-ant-table.ant-table-wrapper table {
  width: 100% !important;
  table-layout: auto;
}

.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  .ant-table.ant-table-middle,
.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  .ant-table.ant-table-small {
  font-size: 14px !important;
}

/* Corner radii: let `.records-wrapper .ant-table-*` rules (~5489–5514) match the card; `border-radius: 0`
   on corner cells caused a “cut” look vs the rounded `.ant-table` shell (see body#body block at EOF). */

/* Match reference UI: 14px semibold header — keeps "No Of Participant Assigned" on one line */
.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th,
.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  thead
  .ant-table-cell {
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  .ant-table-thead
  th
  .ant-table-column-title,
.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  .ant-table-thead
  th
  .ant-table-column-sorter,
.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  .ant-table-thead
  th
  .ant-table-column-sorters {
  font-size: inherit !important;
  font-weight: 600 !important;
}

.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th:last-child {
  min-width: 88px !important;
}

.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td,
.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  color: #2c2c2c !important;
  background-color: #fff !important;
}

.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:nth-child(odd)
  > td,
.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:nth-child(odd)
  > td.ant-table-cell {
  background-color: #f6f9fc !important;
}

.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td
  .action-link,
.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td
  a {
  font-size: inherit !important;
  font-weight: 500 !important;
}

.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  .ant-table-tbody
  td
  p {
  margin: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  line-height: inherit !important;
}

.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th,
.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td {
  word-wrap: normal;
  overflow-wrap: normal;
}

.coordinators-page-wrapper .coordinators-ant-table .ant-empty-description,
.coordinators-page-wrapper
  .coordinators-ant-table
  .ant-empty-normal
  .ant-empty-description {
  font-size: 14px !important;
  font-weight: 400 !important;
}

.coordinators-page-wrapper
  .coordinators-ant-table.ant-table-wrapper
  .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
}

.coordinators-page-wrapper .coordinators-toolbar .form-control.input-field,
.coordinators-page-wrapper .coordinators-toolbar .ant-select,
.coordinators-page-wrapper .coordinators-toolbar .ant-select-selector,
.coordinators-page-wrapper .coordinators-toolbar .ant-select-selection-item {
  font-size: 16px !important;
}

/* Toolbar: same vertical center as Admin Users (search vs primary buttons) */
.coordinators-page-wrapper .coordinators-toolbar {
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.75rem 1rem;
}

.coordinators-page-wrapper
  .coordinators-toolbar
  .form-control.input-field.coordinators-search-fixed {
  height: 51px !important;
  min-height: 51px !important;
  padding: 0 14px !important;
  line-height: 51px !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
}

.coordinators-page-wrapper
  .coordinators-toolbar
  .form-control.input-field.coordinators-search-fixed:focus,
.coordinators-page-wrapper
  .coordinators-toolbar
  .form-control.input-field.coordinators-search-fixed:focus-visible {
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0;
}

.coordinators-page-wrapper .coordinators-toolbar .btn.primary {
  font-size: 16px !important;
  min-height: 51px !important;
  height: 51px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  line-height: 1.25 !important;
  box-sizing: border-box !important;
}

.coordinators-page-wrapper .coordinators-toolbar-actions {
  display: flex !important;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.coordinators-page-wrapper
  .coordinators-toolbar-actions
  .coordinators-assign-btn {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (min-width: 1050px) {
  /* Full-width main column: col-lg-10 is ~83% of row — stretch to remaining viewport after sidebar */
  .coordinators-page.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }
}

@media (min-width: 1050px) {
  /* Admin users page: follow sidebar expanded/collapsed widths without changing top spacing */
  .admin-users-page.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }

  #sidebar.sidebar-collapsed + .admin-users-page.col-lg-10.ml-auto {
    margin-left: 72px !important;
    flex: 0 0 calc(100% - 72px) !important;
    max-width: calc(100% - 72px) !important;
    width: calc(100% - 72px) !important;
  }

  #sidebar.hide-sidebar + .admin-users-page.col-lg-10.ml-auto {
    margin-left: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* Admin users list – match legacy vertical rhythm (root ealsadmindashboard /admin_users)
   Do not use margin: 0 shorthand here: it overrides .top-space { margin-top: 80px !important }.
   Tighten top padding vs global .records-wrapper (56px) + .section-heading (25px) stack. */
/* Do not add theme class "wrapper" here: _predefine.scss / _responsive.scss apply
   max-width: 1620px and transform: scale(0.9) below 1440px to .wrapper, which shrinks list UIs. */
.admin-users-page-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  /* Match root ealsadmindashboard .records-wrapper gutter (56px 46px) */
  padding: 56px 46px 30px !important;
  min-height: auto !important;
}

.records-wrapper.top-space.admin-users-page-wrapper {
  margin-top: 80px !important;
}

/* Page title: slightly above body (16px) so the screen feels one family, not 36px vs 14px */
.admin-users-page-wrapper .ambassador-heading-section h3.section-heading {
  background: transparent !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #000 !important;
  padding-top: 25px !important;
  padding-bottom: 20px !important;
}

/* Admin users list: black table header (Ant Design 6 override) */
.admin-users-page-wrapper .ant-table-thead > tr > th,
.admin-users-page-wrapper .ant-table-thead > tr > th.ant-table-cell,
.admin-users-page-wrapper thead.ant-table-thead th.ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
}

.admin-users-page-wrapper .ant-table-thead th * {
  color: inherit !important;
}

.admin-users-page-wrapper .ant-table-thead th .anticon {
  color: #fff !important;
}

/* Main column: min-width 0 lets wide tables shrink correctly inside flex .row */
.admin-users-page.col-lg-10 {
  min-width: 0;
  max-width: 100%;
}

/* Kill negative row margins inside this page so the table spans the content area */
.admin-users-page-wrapper .admin-users-multisteps > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100%;
}

.admin-users-table-col {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Ant Design 6: className lands on .ant-table-wrapper — include Spin wrappers */
.admin-users-ant-table.ant-table-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  display: block;
}

.admin-users-ant-table.ant-table-wrapper .ant-spin-nested-loading,
.admin-users-ant-table.ant-table-wrapper .ant-spin-container {
  width: 100% !important;
  max-width: 100% !important;
}

.admin-users-ant-table.ant-table-wrapper .ant-table,
.admin-users-ant-table.ant-table-wrapper .ant-table-container,
.admin-users-ant-table.ant-table-wrapper .ant-table-content,
.admin-users-ant-table.ant-table-wrapper .ant-table-body,
.admin-users-ant-table.ant-table-wrapper .ant-table-header {
  width: 100% !important;
  max-width: 100% !important;
}

.admin-users-ant-table.ant-table-wrapper table {
  width: 100% !important;
  table-layout: auto;
}

/* Later global rules (.records-wrapper .ant-table-thead > tr > th) use 15px/600/16px padding;
   restore legacy list typography from root .records-wrapper th/td. */
.admin-users-page-wrapper .admin-users-ant-table.ant-table-wrapper .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 19px !important;
}

.admin-users-page-wrapper
  .admin-users-ant-table.ant-table-wrapper
  .ant-table.ant-table-middle,
.admin-users-page-wrapper
  .admin-users-ant-table.ant-table-wrapper
  .ant-table.ant-table-small {
  font-size: 19px !important;
}

/* Same as Coordinators: do not zero corner radii — use `.records-wrapper` card corners (~5489–5514). */

.admin-users-page-wrapper
  .admin-users-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th,
.admin-users-page-wrapper
  .admin-users-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.admin-users-page-wrapper
  .admin-users-ant-table.ant-table-wrapper
  thead
  .ant-table-cell {
  padding: 0 20px !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
}

/* Ant Design uses fontWeightStrong on thead; keep titles and sorter label at legacy 400 */
.admin-users-page-wrapper
  .admin-users-ant-table.ant-table-wrapper
  .ant-table-thead
  th
  .ant-table-column-title,
.admin-users-page-wrapper
  .admin-users-ant-table.ant-table-wrapper
  .ant-table-thead
  th
  .ant-table-column-sorter,
.admin-users-page-wrapper
  .admin-users-ant-table.ant-table-wrapper
  .ant-table-thead
  th
  .ant-table-column-sorters {
  font-size: inherit !important;
  font-weight: 400 !important;
}

.admin-users-page-wrapper
  .admin-users-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th:last-child {
  white-space: nowrap !important;
  min-width: 96px !important;
}

.admin-users-page-wrapper
  .admin-users-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:not(.ant-table-measure-row)
  > td,
.admin-users-page-wrapper
  .admin-users-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:not(.ant-table-measure-row)
  > td.ant-table-cell {
  padding: 0 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  color: #5756a2 !important;
  background-color: #f1f9fe !important;
}

/* Horizontal scroll adds a measure row; do not give it body row height (avoids blank first row) */
.admin-users-page-wrapper
  .admin-users-ant-table.ant-table-wrapper
  tr.ant-table-measure-row
  td {
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  line-height: 0 !important;
  border: none !important;
  overflow: hidden !important;
  font-size: 0 !important;
  background: transparent !important;
}

.admin-users-page-wrapper
  .admin-users-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td
  .action-link,
.admin-users-page-wrapper
  .admin-users-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td
  a {
  font-size: inherit !important;
  font-weight: 400 !important;
}

.admin-users-page-wrapper
  .admin-users-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th,
.admin-users-page-wrapper
  .admin-users-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:not(.ant-table-measure-row)
  > td {
  word-wrap: normal;
  overflow-wrap: normal;
}

.admin-users-page-wrapper .admin-users-ant-table .ant-empty-description,
.admin-users-page-wrapper
  .admin-users-ant-table
  .ant-empty-normal
  .ant-empty-description {
  font-size: 14px !important;
  font-weight: 400 !important;
}

.admin-users-page-wrapper
  .admin-users-ant-table.ant-table-wrapper
  .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
}

.admin-users-page-wrapper .admin-users-toolbar .form-control.input-field,
.admin-users-page-wrapper .admin-users-toolbar .ant-select,
.admin-users-page-wrapper .admin-users-toolbar .ant-select-selector,
.admin-users-page-wrapper .admin-users-toolbar .ant-select-selection-item {
  font-size: 16px !important;
}

.admin-users-page-wrapper .admin-users-toolbar .btn.primary {
  font-size: 16px !important;
}

/* Admin Users: search + site filter + Add User inside one filter box */
.admin-users-page-wrapper .admin-users-filters-box {
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 0;
  padding: 14px 14px 12px 14px;
  margin-bottom: 1rem;
}

.admin-users-page-wrapper .admin-users-filters-box .admin-users-toolbar {
  margin-bottom: 0 !important;
}

/* Coordinators/Admin Users toolbars migrated from inline styles */
.coordinators-toolbar,
.admin-users-toolbar {
  display: flex !important;
  align-items: center;
  justify-content: space-between !important;
  flex-direction: row !important;
  margin-bottom: 1rem;
}

/* After shared toolbar rule so it wins — tighter gap above table on Coordinators */
.coordinators-page-wrapper .coordinators-toolbar {
  margin-bottom: 0.75rem !important;
}

.coordinators-search-fixed,
.admin-users-search-fixed {
  width: 300px !important;
}

.admin-users-page-wrapper .admin-users-toolbar .form-control.input-field {
  height: 51px !important;
  min-height: 51px !important;
  line-height: 51px !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.admin-users-page-wrapper .admin-users-toolbar .ant-select {
  height: 51px !important;
  min-height: 51px !important;
  border-radius: 0 !important;
}

.admin-users-page-wrapper
  .admin-users-toolbar
  .ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 11px !important;
  border-radius: 0 !important;
}

.admin-users-page-wrapper
  .admin-users-toolbar
  .ant-select-single
  .ant-select-selector
  .ant-select-selection-item,
.admin-users-page-wrapper
  .admin-users-toolbar
  .ant-select-single
  .ant-select-selector
  .ant-select-selection-placeholder {
  line-height: 51px !important;
}

.coordinators-assign-btn {
  margin-left: 15px !important;
  margin-right: 10px !important;
  font-size: 16px !important;
}

.coordinators-modal-records-wrapper {
  padding: 0 !important;
  color: #000;
}

/* Coordinators list: keep "Coordinator Details" popup compact like legacy UI */
.coordinator-details-modal .ant-modal-content {
  padding: 0 !important;
}

.coordinator-details-modal .ant-modal-header {
  padding: 12px 16px 8px 16px !important;
}

.coordinator-details-modal .ant-modal-body {
  padding: 8px 16px 10px 16px !important;
}

.coordinator-details-modal .ant-modal-footer {
  padding: 8px 16px 12px 16px !important;
  margin-top: 0 !important;
}

.coordinator-details-modal .detailsText {
  margin-bottom: 6px !important;
  line-height: 1.35 !important;
}

/* Coordinators list: compact legacy-style delete confirm modal */
.coordinator-delete-modal .ant-modal-content {
  padding: 0 !important;
}

.coordinator-delete-modal .ant-modal-header {
  padding: 12px 16px 8px 16px !important;
}

.coordinator-delete-modal .ant-modal-body {
  padding: 8px 16px 10px 16px !important;
}

.coordinator-delete-modal .ant-modal-body h6 {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
}

.coordinator-delete-modal .ant-modal-footer {
  padding: 8px 16px 12px 16px !important;
  margin-top: 0 !important;
}

/* ALS Motor Movement Exam - Edit */
.als-motor-file-input {
  padding-top: 23px !important;
}

.als-motor-option-input {
  height: 57px !important;
}

.als-motor-submit-btn {
  margin-bottom: 20px !important;
}

/* Consortia Alerts – same shell pattern as Coordinators / Admin Users */
.consortia-alerts-flat-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  padding: 56px 46px 30px !important;
  min-height: auto !important;
}

@media (min-width: 1050px) {
  .consortia-alerts-page.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }

  #sidebar.sidebar-collapsed
    + .consortia-alerts-page.eals-main-content.col-lg-10.ml-auto {
    margin-left: 72px !important;
    flex: 0 0 calc(100% - 72px) !important;
    max-width: calc(100% - 72px) !important;
    width: calc(100% - 72px) !important;
  }

  #sidebar.hide-sidebar
    + .consortia-alerts-page.eals-main-content.col-lg-10.ml-auto {
    margin-left: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

.consortia-alerts-title-row {
  margin-bottom: 1rem !important;
}

.consortia-alerts-title-row .section-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 12px !important;
}

.consortia-alerts-toolbar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between !important;
  gap: 12px;
  margin-top: 0 !important;
  padding: 0 !important;
  margin-bottom: 1rem !important;
}

.consortia-alerts-search {
  width: 300px !important;
  max-width: 100%;
  height: 46px !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
}

.consortia-alerts-toolbar .btn.primary {
  font-size: 16px !important;
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 10px 18px !important;
}

.consortia-alerts-flat-wrapper .consortia-alerts-multisteps {
  margin-top: 0.35rem !important;
}

.consortia-alerts-flat-wrapper .consortia-alerts-multisteps > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.consortia-alerts-table-col {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.consortia-alerts-ant-table.ant-table-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  display: block;
}

.consortia-alerts-ant-table.ant-table-wrapper .ant-spin-nested-loading,
.consortia-alerts-ant-table.ant-table-wrapper .ant-spin-container {
  width: 100% !important;
  max-width: 100% !important;
}

.consortia-alerts-ant-table.ant-table-wrapper .ant-table,
.consortia-alerts-ant-table.ant-table-wrapper .ant-table-container,
.consortia-alerts-ant-table.ant-table-wrapper .ant-table-content,
.consortia-alerts-ant-table.ant-table-wrapper .ant-table-body,
.consortia-alerts-ant-table.ant-table-wrapper .ant-table-header {
  width: 100% !important;
  max-width: 100% !important;
}

.consortia-alerts-ant-table.ant-table-wrapper table {
  width: 100% !important;
  table-layout: auto;
}

.consortia-alerts-flat-wrapper
  .consortia-alerts-ant-table.ant-table-wrapper
  .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

/* Corner / container radius: global `body#body .ant-table-wrapper …` at EOF */

/* Black header, 14px semibold — matches reference */
.consortia-alerts-flat-wrapper .ant-table-thead > tr > th,
.consortia-alerts-flat-wrapper .ant-table-thead > tr > th.ant-table-cell,
.consortia-alerts-flat-wrapper thead.ant-table-thead th.ant-table-cell,
.consortia-alerts-flat-wrapper
  .consortia-alerts-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th,
.consortia-alerts-flat-wrapper
  .consortia-alerts-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.consortia-alerts-flat-wrapper .ant-table-thead th *,
.consortia-alerts-flat-wrapper .ant-table-thead th .ant-table-column-title {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.consortia-alerts-flat-wrapper .ant-table-thead th .anticon {
  color: #fff !important;
}

.consortia-alerts-flat-wrapper
  .consortia-alerts-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td,
.consortia-alerts-flat-wrapper
  .consortia-alerts-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  color: #2c2c2c !important;
  background-color: #fff !important;
}

.consortia-alerts-flat-wrapper
  .consortia-alerts-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.consortia-alerts-flat-wrapper
  .consortia-alerts-ant-table.ant-table-wrapper
  .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
}

/* Consortia Members list – same shell pattern as Coordinators / Consortia Alerts */
.consortia-members-flat-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  padding: 80px 46px 30px !important;
  min-height: auto !important;
}

@media (min-width: 1050px) {
  .consortia-member-list-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }
}

.consortia-members-flat-title-row {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.consortia-members-flat-title-row .section-heading,
.consortia-member-list-page
  .consortia-members-flat-wrapper
  .ambassador-heading-section
  h3.section-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0;
}

.consortia-members-toolbar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end !important;
  gap: 12px;
  margin-top: 0 !important;
  padding: 0 !important;
  margin-bottom: 1rem !important;
}

.consortia-members-search {
  width: 300px !important;
  max-width: 100%;
  height: 46px !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
}

.consortia-members-toolbar .btn.primary {
  font-size: 16px !important;
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 10px 18px !important;
}

.consortia-members-flat-wrapper .consortia-members-multisteps {
  margin-top: 0.35rem !important;
}

.consortia-members-flat-wrapper .consortia-members-multisteps > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.consortia-members-table-col {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.consortia-members-ant-table.ant-table-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  display: block;
}

.consortia-members-ant-table.ant-table-wrapper .ant-spin-nested-loading,
.consortia-members-ant-table.ant-table-wrapper .ant-spin-container {
  width: 100% !important;
  max-width: 100% !important;
}

.consortia-members-ant-table.ant-table-wrapper .ant-table,
.consortia-members-ant-table.ant-table-wrapper .ant-table-container,
.consortia-members-ant-table.ant-table-wrapper .ant-table-content,
.consortia-members-ant-table.ant-table-wrapper .ant-table-body,
.consortia-members-ant-table.ant-table-wrapper .ant-table-header {
  width: 100% !important;
  max-width: 100% !important;
}

.consortia-members-ant-table.ant-table-wrapper table {
  width: 100% !important;
  table-layout: auto;
}

.consortia-member-list-page
  .consortia-members-flat-wrapper
  .ambassador-heading-section {
  padding-top: 0 !important;
}

/* Consortia Members table: black header + body styling to match reference */
.consortia-member-list-page
  .consortia-members-ant-table.ant-table-wrapper
  .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

.consortia-member-list-page
  .consortia-members-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th,
.consortia-member-list-page
  .consortia-members-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.consortia-member-list-page
  .consortia-members-ant-table.ant-table-wrapper
  thead
  .ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.consortia-member-list-page
  .consortia-members-ant-table.ant-table-wrapper
  .ant-table-thead
  th
  *,
.consortia-member-list-page
  .consortia-members-ant-table.ant-table-wrapper
  .ant-table-thead
  th
  .ant-table-column-title {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.consortia-member-list-page
  .consortia-members-ant-table.ant-table-wrapper
  .ant-table-thead
  th
  .anticon {
  color: #fff !important;
}

.consortia-member-list-page
  .consortia-members-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td,
.consortia-member-list-page
  .consortia-members-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  color: #2c2c2c !important;
  background-color: #fff !important;
}

.consortia-member-list-page
  .consortia-members-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.consortia-member-list-page
  .consortia-members-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:hover
  > td {
  background: #eef4fb !important;
}

.consortia-member-list-page
  .consortia-members-ant-table.ant-table-wrapper
  .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
}

/* Level column: colored text only (no pill) */
.consortia-member-level {
  font-size: 16px;
  font-weight: 600;
}

.consortia-member-level--gold {
  color: #c9a227;
}

.consortia-member-level--silver {
  color: #e8a317;
}

.consortia-member-level--platinum,
.consortia-member-level--default {
  color: #1890ff;
}

/* Status: solid badges, white text */
.consortia-member-status {
  display: inline-block;
  padding: 4px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: #fff !important;
}

.consortia-member-status--active {
  background-color: #28a745;
}

.consortia-member-status--inactive {
  background-color: #dc3545;
}

/* Row actions: icon buttons */
.consortia-members-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.consortia-members-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 17px;
  line-height: 1;
  text-decoration: none !important;
}

.consortia-members-action-btn--view {
  color: #595959 !important;
}

.consortia-members-action-btn--view:hover {
  color: #262626 !important;
}

.consortia-members-action-btn--edit {
  color: #1890ff !important;
}

.consortia-members-action-btn--edit:hover {
  color: #096dd9 !important;
}

.consortia-members-action-btn--delete {
  color: #dc3545 !important;
}

.consortia-members-action-btn--delete:hover {
  color: #c82333 !important;
}

/* New Submissions (/submission/new) – flat shell + title row (match Document Master) */
/* New Submissions page – full-width shell, sidebar clearance, title, toolbar, table */
.new-submissions-flat-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin: auto 0 0 auto !important;
  padding: 80px 46px 30px !important;
  min-height: auto !important;
}

@media (min-width: 1050px) {
  .new-submissions-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }

  #sidebar.sidebar-collapsed
    + .new-submissions-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 72px !important;
    flex: 0 0 calc(100% - 72px) !important;
    max-width: calc(100% - 72px) !important;
    width: calc(100% - 72px) !important;
  }

  #sidebar.hide-sidebar
    + .new-submissions-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

.new-submissions-title-row {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.new-submissions-title-row .section-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.25;
}

.new-submissions-list-page
  .new-submissions-flat-wrapper
  .ambassador-heading-section {
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ── New Submissions filter bar ── */
.new-submissions-flat-wrapper .admin-user-options.list-page-options {
  display: flex !important;
  width: 100% !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}

.new-submissions-flat-wrapper
  .admin-user-options.list-page-options
  input.form-control {
  width: 200px;
  max-width: 200px;
  height: 40px !important;
  min-height: 40px !important;
  flex-shrink: 0;
  margin: 0 !important;
}

/* Study Type wrapper: hide label, show only select */
.new-submissions-flat-wrapper .filter-by-study-type-wrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0;
  flex-shrink: 0;
}

.new-submissions-flat-wrapper .filter-by-study-type-wrapper label {
  display: none !important;
}

/* Hide the <br /> */
.new-submissions-flat-wrapper .filter-by-study-type-wrapper br {
  display: none !important;
}

.new-submissions-flat-wrapper .filter-by-study-type-wrapper .ant-select {
  width: 260px !important;
  height: 40px !important;
  flex-shrink: 0;
}

/* Buttons: pushed to right, side by side */
.new-submissions-flat-wrapper
  .admin-user-options.list-page-options
  > div:last-child {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px;
  flex-shrink: 0;
  margin-left: auto !important;
}

.new-submissions-flat-wrapper
  .admin-user-options.list-page-options
  > div:last-child
  .btn.primary,
.new-submissions-flat-wrapper
  .admin-user-options.list-page-options
  > div:last-child
  a.btn.primary {
  margin: 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  white-space: nowrap;
}

/* Enrollment Status row */
.new-submissions-flat-wrapper > .row {
  margin: 0 0 16px 0 !important;
  align-items: flex-end;
}

.new-submissions-flat-wrapper > .row label {
  font-size: 13px;
  color: #555;
  font-weight: 500;
  margin-bottom: 4px;
  display: block;
}

.new-submissions-flat-wrapper > .row .col-12.col-sm-12.col-lg-3 {
  flex: 0 0 auto;
  width: 280px;
  max-width: 280px;
}

.new-submissions-flat-wrapper > .row .filter-element {
  height: 40px !important;
  min-height: 40px !important;
  width: 100% !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
}

/* Enrollment Status select — zero border */
.new-submissions-flat-wrapper
  > .row
  .filter-element.ant-select
  .ant-select-selector {
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  outline: 0 !important;
}

.new-submissions-flat-wrapper
  > .row
  .filter-element.ant-select:focus
  .ant-select-selector,
.new-submissions-flat-wrapper
  > .row
  .filter-element.ant-select.ant-select-focused
  .ant-select-selector {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* ── New Submissions table header — black ── */
.new-submissions-list-page
  .new-submissions-ant-table
  .ant-table-thead
  > tr
  > th,
.new-submissions-list-page
  .new-submissions-ant-table
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.new-submissions-list-page
  .new-submissions-ant-table
  thead.ant-table-thead
  th.ant-table-cell {
  background: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  border-radius: 0 !important;
}

.new-submissions-list-page .new-submissions-ant-table .ant-table-thead th * {
  color: inherit !important;
}

.new-submissions-list-page
  .new-submissions-ant-table
  .ant-table-thead
  th
  .anticon {
  color: #fff !important;
}

.new-submissions-list-page
  .new-submissions-ant-table
  .ant-table-tbody
  > tr
  > td,
.new-submissions-list-page
  .new-submissions-ant-table
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #2c2c2c !important;
}

.new-submissions-list-page
  .new-submissions-ant-table
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.new-submissions-list-page
  .new-submissions-ant-table
  .ant-table-tbody
  > tr:nth-child(even)
  > td {
  background-color: #fff !important;
}

.new-submissions-list-page
  .new-submissions-ant-table
  .ant-table-tbody
  > tr:hover
  > td {
  background: #eaf1fb !important;
}

/* Ensure column dividers are visible (bordered prop) */
.new-submissions-ant-table .ant-table-tbody > tr > td,
.new-submissions-ant-table .ant-table-tbody > tr > td.ant-table-cell {
  border-inline-end: 1px solid #e5e7eb !important;
  border-bottom: 1px solid #e5e7eb !important;
}

.new-submissions-ant-table .ant-table-tbody > tr > td:last-child {
  border-inline-end: none !important;
}

.new-submissions-ant-table .ant-table-thead > tr > th,
.new-submissions-ant-table .ant-table-thead > tr > th.ant-table-cell {
  border-inline-end: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.new-submissions-ant-table .ant-table-thead > tr > th:last-child,
.new-submissions-ant-table
  .ant-table-thead
  > tr
  > th.ant-table-cell:last-child {
  border-inline-end: none !important;
}

.new-submissions-list-page .new-submissions-ant-table .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
}

/* ── Processed Submissions page ── */
/* Processed Submissions page – full-width shell, sidebar clearance, title, toolbar, table */
.processed-submissions-flat-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin: auto 0 0 auto !important;
  padding: 80px 46px 30px !important;
  min-height: auto !important;
}

@media (min-width: 1050px) {
  .processed-submissions-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }

  #sidebar.sidebar-collapsed
    + .processed-submissions-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 72px !important;
    flex: 0 0 calc(100% - 72px) !important;
    max-width: calc(100% - 72px) !important;
    width: calc(100% - 72px) !important;
  }

  #sidebar.hide-sidebar
    + .processed-submissions-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .shipping-returns-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }

  #sidebar.sidebar-collapsed
    + .shipping-returns-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 72px !important;
    flex: 0 0 calc(100% - 72px) !important;
    max-width: calc(100% - 72px) !important;
    width: calc(100% - 72px) !important;
  }

  #sidebar.hide-sidebar
    + .shipping-returns-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .shipping-returns-form-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }

  #sidebar.sidebar-collapsed
    + .shipping-returns-form-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 72px !important;
    flex: 0 0 calc(100% - 72px) !important;
    max-width: calc(100% - 72px) !important;
    width: calc(100% - 72px) !important;
  }

  #sidebar.hide-sidebar
    + .shipping-returns-form-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

.processed-submissions-title-row {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.processed-submissions-title-row .section-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.25;
}

.processed-submissions-list-page
  .processed-submissions-flat-wrapper
  .ambassador-heading-section {
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Toolbar: search + study-type dropdown + Export all on one row */
.processed-submissions-flat-wrapper .processed-submissions-toolbar {
  display: flex !important;
  width: 100% !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}

.processed-submissions-flat-wrapper
  .processed-submissions-toolbar
  .processed-submissions-search {
  width: 200px !important;
  max-width: 200px !important;
  height: 46px !important;
  min-height: 46px !important;
  flex-shrink: 0;
  margin: 0 !important;
  border-radius: 0 !important;
}

.processed-submissions-flat-wrapper
  .processed-submissions-toolbar
  .processed-submissions-study-select.ant-select {
  width: 280px !important;
  height: 46px !important;
  flex-shrink: 0;
  border-radius: 0 !important;
}

.processed-submissions-flat-wrapper
  .processed-submissions-toolbar
  .processed-submissions-study-select
  .ant-select-selector {
  height: 46px !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 0 !important;
}

.processed-submissions-flat-wrapper
  .processed-submissions-toolbar
  .processed-submissions-study-select
  .ant-select-selection-item,
.processed-submissions-flat-wrapper
  .processed-submissions-toolbar
  .processed-submissions-study-select
  .ant-select-selection-placeholder {
  line-height: 44px !important;
}

/* Export button pushed to the right */
.processed-submissions-flat-wrapper
  .processed-submissions-toolbar
  > .btn.primary,
.processed-submissions-flat-wrapper
  .processed-submissions-toolbar
  > a.btn.primary {
  margin-left: auto !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap;
  flex-shrink: 0;
  border-radius: 0 !important;
}

.processed-submissions-flat-wrapper .multisteps-form {
  margin-top: 12px !important;
}

.processed-submissions-list-page .records-wrapper .ant-table-wrapper,
.processed-submissions-list-page
  .processed-submissions-ant-table.ant-table-wrapper {
  width: 100%;
  max-width: 100%;
}

.processed-submissions-list-page
  .processed-submissions-ant-table
  .ant-table-thead
  > tr
  > th,
.processed-submissions-list-page
  .processed-submissions-ant-table
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.processed-submissions-list-page
  .processed-submissions-ant-table
  thead.ant-table-thead
  th.ant-table-cell {
  background-color: #000 !important;
  background: #000 !important;
  color: #fff !important;
  border-top: 1px solid #f0f0f0 !important;
  padding: 14px 16px !important;
  vertical-align: middle !important;
}

.processed-submissions-list-page
  .processed-submissions-ant-table
  .ant-table-thead
  th
  * {
  color: inherit !important;
}

.processed-submissions-list-page
  .processed-submissions-ant-table
  .ant-table-thead
  th
  .anticon {
  color: #fff !important;
}

.processed-submissions-list-page
  .processed-submissions-ant-table
  .ant-table-tbody
  > tr:not(.ant-table-measure-row)
  > td,
.processed-submissions-list-page
  .processed-submissions-ant-table
  .ant-table-tbody
  > tr:not(.ant-table-measure-row)
  > td.ant-table-cell {
  padding: 14px 16px !important;
  vertical-align: middle !important;
}

.processed-submissions-list-page
  .processed-submissions-ant-table
  tr.ant-table-measure-row
  td {
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  border: none !important;
  overflow: hidden !important;
  font-size: 0 !important;
  background: transparent !important;
}

/* Ensure column dividers are visible (bordered prop) */
.processed-submissions-ant-table
  .ant-table-tbody
  > tr:not(.ant-table-measure-row)
  > td,
.processed-submissions-ant-table
  .ant-table-tbody
  > tr:not(.ant-table-measure-row)
  > td.ant-table-cell {
  border-inline-end: 1px solid #e5e7eb !important;
  border-bottom: 1px solid #e5e7eb !important;
}

.processed-submissions-ant-table .ant-table-tbody > tr > td:last-child {
  border-inline-end: none !important;
}

.processed-submissions-ant-table .ant-table-thead > tr > th,
.processed-submissions-ant-table .ant-table-thead > tr > th.ant-table-cell {
  border-inline-end: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.processed-submissions-ant-table .ant-table-thead > tr > th:last-child,
.processed-submissions-ant-table
  .ant-table-thead
  > tr
  > th.ant-table-cell:last-child {
  border-inline-end: none !important;
}

/* ── Missing Email (/discrepancy/missing_email) ── */
@media (min-width: 1050px) {
  .eals-main-content.missing-email-list-page {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }
}

.missing-email-page-wrapper.missing-email-flat-wrapper {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  padding: 80px 46px 30px !important;
  margin: auto 0 0 auto !important;
  min-height: auto !important;
}

.missing-email-page-wrapper .missing-email-page-title {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.missing-email-page-wrapper .missing-email-page-heading {
  font-size: 28px !important;
  font-weight: 6 00 !important;
  color: #000 !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.missing-email-page-wrapper .admin-user-options.missing-email-toolbar {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-bottom: 1rem !important;
  padding: 0 !important;
}

.missing-email-page-wrapper .missing-email-toolbar .btn.primary,
.missing-email-page-wrapper .missing-email-toolbar a.btn.primary {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap;
  flex-shrink: 0;
  margin: 0 !important;
  border-radius: 0 !important;
}

.missing-email-page-wrapper .missing-email-multisteps {
  margin-top: 12px !important;
}

.missing-email-page-wrapper .missing-email-mail-link {
  color: #2879f4 !important;
  text-decoration: underline;
}

.missing-email-page-wrapper .missing-email-ant-table .ant-table {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

.missing-email-page-wrapper .missing-email-ant-table .ant-table-wrapper,
.missing-email-page-wrapper .missing-email-ant-table.ant-table-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

.missing-email-page-wrapper .missing-email-ant-table .ant-table-thead > tr > th,
.missing-email-page-wrapper
  .missing-email-ant-table
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.missing-email-page-wrapper
  .missing-email-ant-table
  thead.ant-table-thead
  th.ant-table-cell {
  background: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  border-radius: 0 !important;
}

.missing-email-page-wrapper .missing-email-ant-table .ant-table-thead th * {
  color: inherit !important;
}

.missing-email-page-wrapper
  .missing-email-ant-table
  .ant-table-thead
  th
  .anticon {
  color: #fff !important;
}

.missing-email-page-wrapper .missing-email-ant-table .ant-table-tbody > tr > td,
.missing-email-page-wrapper
  .missing-email-ant-table
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #2c2c2c !important;
}

.missing-email-page-wrapper
  .missing-email-ant-table
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.missing-email-page-wrapper
  .missing-email-ant-table
  .ant-table-tbody
  > tr:nth-child(even)
  > td {
  background-color: #fff !important;
}

.missing-email-page-wrapper
  .missing-email-ant-table
  .ant-table-tbody
  > tr:hover
  > td {
  background: #eaf1fb !important;
}

.missing-email-page-wrapper .missing-email-ant-table .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
  margin: 16px 0 0 !important;
}

/* Search ECAS (/ecas/search, /new-ecas/search) — flat shell, even toolbar spacing, full-width table */
.search-ecas-list-page {
  background-color: #fff !important;
}

.search-ecas-page-wrapper.search-ecas-flat-wrapper {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  padding: 12px 46px 30px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  min-height: auto !important;
  max-width: 100% !important;
}

.search-ecas-list-page .records-wrapper.top-space.search-ecas-page-wrapper {
  margin-top: 80px !important;
}

.search-ecas-page-wrapper .search-ecas-multisteps {
  margin-top: 0 !important;
}

.search-ecas-page-wrapper .search-ecas-page-title {
  margin-bottom: 0 !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid #d9d9d9 !important;
}

.search-ecas-page-wrapper .search-ecas-page-heading {
  font-size: 36px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.25 !important;
}

.search-ecas-top-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 28px;
  row-gap: 16px;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 20px;
}

.search-ecas-email-field {
  flex: 1 1 280px;
  max-width: 420px;
  min-width: 200px;
  width: 100% !important;
}

.search-ecas-top-filters .search-ecas-email-field .ant-select-selector,
.search-ecas-email-field .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  display: flex !important;
  align-items: center !important;
}

.search-ecas-top-filters .search-ecas-select {
  width: 180px;
  min-width: 160px;
}

.search-ecas-top-filters .search-ecas-select .ant-select-selector,
.search-ecas-all-forms-selects .search-ecas-select .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  display: flex !important;
  align-items: center !important;
}

.search-ecas-top-filters .search-ecas-toolbar-btn,
.search-ecas-top-filters .search-ecas-toolbar-btn.btn.primary {
  margin: 0 !important;
  float: none !important;
}

.search-ecas-export-wrap {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.search-ecas-page-wrapper .search-ecas-export-btn,
.search-ecas-page-wrapper .search-ecas-export-btn.btn.primary {
  width: 127px;
  min-width: 127px;
  margin: 0 !important;
  float: none !important;
  font-size: 14px;
}

@media (max-width: 991.98px) {
  .search-ecas-export-wrap {
    margin-left: 0;
  }
}

.search-ecas-all-forms-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 28px;
  row-gap: 16px;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 20px;
}

.search-ecas-page-wrapper .search-ecas-all-forms-search {
  flex: 1 1 280px;
  max-width: 420px;
  min-width: 200px;
  height: 51px !important;
  min-height: 51px !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
}

.search-ecas-all-forms-selects {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 18px;
}

.search-ecas-all-forms-selects .search-ecas-select {
  width: 180px;
  min-width: 160px;
}

.search-ecas-all-forms-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 22px;
  margin-left: auto;
}

.search-ecas-page-wrapper .search-ecas-als-checkbox {
  font-size: 19px;
  margin: 0 !important;
}

@media (max-width: 991.98px) {
  .search-ecas-all-forms-actions {
    margin-left: 0;
  }
}

.search-ecas-page-wrapper .search-ecas-table-col {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
}

.search-ecas-page-wrapper .search-ecas-ant-table .ant-table {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

.search-ecas-page-wrapper .search-ecas-ant-table .ant-table-wrapper,
.search-ecas-page-wrapper .search-ecas-ant-table.ant-table-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

.search-ecas-page-wrapper .search-ecas-ant-table .ant-table-thead > tr > th,
.search-ecas-page-wrapper
  .search-ecas-ant-table
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.search-ecas-page-wrapper
  .search-ecas-ant-table
  thead.ant-table-thead
  th.ant-table-cell {
  background-color: #000 !important;
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #595959 !important;
  padding: 14px 16px !important;
  vertical-align: middle !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  height: auto !important;
}

.search-ecas-page-wrapper .search-ecas-ant-table .ant-table-thead th * {
  color: inherit !important;
}

.search-ecas-page-wrapper .search-ecas-ant-table .ant-table-thead th .anticon {
  color: #fff !important;
}

.search-ecas-page-wrapper .search-ecas-ant-table .ant-table-tbody > tr > td,
.search-ecas-page-wrapper
  .search-ecas-ant-table
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  border: 1px solid #e8e8e8 !important;
  color: #000 !important;
  background-color: #fff !important;
  padding: 14px 16px !important;
  vertical-align: middle !important;
  height: auto !important;
  min-height: 50px !important;
}

.search-ecas-page-wrapper
  .search-ecas-ant-table
  .ant-table-tbody
  > tr:hover
  > td {
  background: #fafafa !important;
}

.search-ecas-page-wrapper .search-ecas-ant-table .ant-pagination {
  margin: 16px 0 0 !important;
}

.search-ecas-page-wrapper .search-ecas-ant-table tr.ant-table-measure-row td {
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  border: none !important;
  overflow: hidden !important;
  font-size: 0 !important;
  background: transparent !important;
  min-height: 0 !important;
}

/* ── Gender Report (/missing_report/gender) ── */
@media (min-width: 1050px) {
  .eals-main-content.gender-report-list-page {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }
}

.gender-report-page-wrapper.gender-report-flat-wrapper {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  padding: 80px 46px 30px !important;
  margin: auto 0 0 auto !important;
  min-height: auto !important;
}

.gender-report-page-wrapper .gender-report-page-title {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.gender-report-page-wrapper .gender-report-page-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.gender-report-page-wrapper .gender-report-multisteps {
  margin-top: 0 !important;
}

.gender-report-page-wrapper .gender-report-toolbar-row {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.gender-report-page-wrapper .gender-report-search-input {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 14px !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
}

.gender-report-page-wrapper .gender-report-export-outer {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 991.98px) {
  .gender-report-page-wrapper .gender-report-export-outer {
    justify-content: flex-start !important;
    margin-top: 12px !important;
  }
}

.gender-report-page-wrapper .gender-report-export-outer .btn.primary,
.gender-report-page-wrapper .gender-report-export-outer a.btn.primary {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap;
  margin: 0 !important;
  border-radius: 0 !important;
}

.gender-report-page-wrapper .gender-report-table-section {
  margin-bottom: 24px !important;
}

.gender-report-page-wrapper .gender-report-mail-link {
  color: #2879f4 !important;
  text-decoration: underline;
}

.gender-report-page-wrapper .gender-report-ant-table .ant-table {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

.gender-report-page-wrapper .gender-report-ant-table .ant-table-wrapper,
.gender-report-page-wrapper .gender-report-ant-table.ant-table-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

.gender-report-page-wrapper .gender-report-ant-table .ant-table-thead > tr > th,
.gender-report-page-wrapper
  .gender-report-ant-table
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.gender-report-page-wrapper
  .gender-report-ant-table
  thead.ant-table-thead
  th.ant-table-cell {
  background: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  border-radius: 0 !important;
}

.gender-report-page-wrapper .gender-report-ant-table .ant-table-thead th * {
  color: inherit !important;
}

.gender-report-page-wrapper
  .gender-report-ant-table
  .ant-table-thead
  th
  .anticon {
  color: #fff !important;
}

.gender-report-page-wrapper .gender-report-ant-table .ant-table-tbody > tr > td,
.gender-report-page-wrapper
  .gender-report-ant-table
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #2c2c2c !important;
}

.gender-report-page-wrapper
  .gender-report-ant-table
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.gender-report-page-wrapper
  .gender-report-ant-table
  .ant-table-tbody
  > tr:nth-child(even)
  > td {
  background-color: #fff !important;
}

.gender-report-page-wrapper
  .gender-report-ant-table
  .ant-table-tbody
  > tr:hover
  > td {
  background: #eaf1fb !important;
}

.gender-report-page-wrapper .gender-report-ant-table .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
  margin: 16px 0 0 !important;
}

.gender-report-page-wrapper
  .gender-report-ant-table
  tr.ant-table-measure-row
  td {
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  border: none !important;
  overflow: hidden !important;
  font-size: 0 !important;
  background: transparent !important;
  min-height: 0 !important;
}

.gender-report-page-wrapper .gender-report-notes {
  margin-top: 8px !important;
  padding-top: 8px !important;
}

.gender-report-page-wrapper .gender-report-note-heading {
  margin: 0 0 8px 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #000 !important;
}

.gender-report-page-wrapper .gender-report-legend {
  margin-left: 0 !important;
  flex-wrap: wrap !important;
  gap: 8px 16px;
}

.gender-report-page-wrapper .gender-report-legend-anticon {
  font-size: 14px !important;
}

/* ── Date Of Birth Report (/missing_report/date_of_birth) ── */
@media (min-width: 1050px) {
  .eals-main-content.dob-report-list-page {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }
}

.dob-report-page-wrapper.dob-report-flat-wrapper {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  padding: 80px 46px 30px !important;
  margin: auto 0 0 auto !important;
  min-height: auto !important;
}

.dob-report-page-wrapper .dob-report-page-title {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.dob-report-page-wrapper .dob-report-page-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.dob-report-page-wrapper .dob-report-multisteps {
  margin-top: 0 !important;
}

.dob-report-page-wrapper .dob-report-toolbar-row {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.dob-report-page-wrapper .dob-report-search-input {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 14px !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
}

.dob-report-page-wrapper .dob-report-export-outer {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 991.98px) {
  .dob-report-page-wrapper .dob-report-export-outer {
    justify-content: flex-start !important;
    margin-top: 12px !important;
  }
}

.dob-report-page-wrapper .dob-report-export-outer .btn.primary,
.dob-report-page-wrapper .dob-report-export-outer a.btn.primary {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap;
  margin: 0 !important;
  border-radius: 0 !important;
}

.dob-report-page-wrapper .dob-report-table-section {
  margin-bottom: 24px !important;
}

.dob-report-page-wrapper .dob-report-mail-link {
  color: #2879f4 !important;
  text-decoration: underline;
}

.dob-report-page-wrapper .dob-report-ant-table .ant-table {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

.dob-report-page-wrapper .dob-report-ant-table .ant-table-wrapper,
.dob-report-page-wrapper .dob-report-ant-table.ant-table-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

.dob-report-page-wrapper .dob-report-ant-table .ant-table-thead > tr > th,
.dob-report-page-wrapper
  .dob-report-ant-table
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.dob-report-page-wrapper
  .dob-report-ant-table
  thead.ant-table-thead
  th.ant-table-cell {
  background: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  border-radius: 0 !important;
}

.dob-report-page-wrapper .dob-report-ant-table .ant-table-thead th * {
  color: inherit !important;
}

.dob-report-page-wrapper .dob-report-ant-table .ant-table-thead th .anticon {
  color: #fff !important;
}

.dob-report-page-wrapper .dob-report-ant-table .ant-table-tbody > tr > td,
.dob-report-page-wrapper
  .dob-report-ant-table
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #2c2c2c !important;
}

.dob-report-page-wrapper
  .dob-report-ant-table
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.dob-report-page-wrapper
  .dob-report-ant-table
  .ant-table-tbody
  > tr:nth-child(even)
  > td {
  background-color: #fff !important;
}

.dob-report-page-wrapper
  .dob-report-ant-table
  .ant-table-tbody
  > tr:hover
  > td {
  background: #eaf1fb !important;
}

.dob-report-page-wrapper .dob-report-ant-table .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
  margin: 16px 0 0 !important;
}

.dob-report-page-wrapper .dob-report-ant-table tr.ant-table-measure-row td {
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  border: none !important;
  overflow: hidden !important;
  font-size: 0 !important;
  background: transparent !important;
  min-height: 0 !important;
}

.dob-report-page-wrapper .dob-report-notes {
  margin-top: 8px !important;
  padding-top: 8px !important;
}

.dob-report-page-wrapper .dob-report-note-heading {
  margin: 0 0 8px 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #000 !important;
}

.dob-report-page-wrapper .dob-report-legend {
  margin-left: 0 !important;
  flex-wrap: wrap !important;
  gap: 8px 16px;
}

.dob-report-page-wrapper .dob-report-legend-anticon {
  font-size: 14px !important;
}

/* ── Missing Modality Id Report (/missing_report/modality_id) ── */
@media (min-width: 1050px) {
  .eals-main-content.modality-id-report-list-page {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }
}

.modality-id-report-page-wrapper.modality-id-report-flat-wrapper {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  padding: 80px 46px 30px !important;
  margin: auto 0 0 auto !important;
  min-height: auto !important;
}

.modality-id-report-page-wrapper .modality-id-report-page-title {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.modality-id-report-page-wrapper .modality-id-report-page-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.modality-id-report-page-wrapper .modality-id-report-multisteps {
  margin-top: 0 !important;
}

.modality-id-report-page-wrapper .modality-id-report-toolbar-row {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.modality-id-report-page-wrapper .modality-id-report-search-input {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 14px !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
}

.modality-id-report-page-wrapper .modality-id-report-export-outer {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 991.98px) {
  .modality-id-report-page-wrapper .modality-id-report-export-outer {
    justify-content: flex-start !important;
    margin-top: 12px !important;
  }
}

.modality-id-report-page-wrapper .modality-id-report-export-outer .btn.primary,
.modality-id-report-page-wrapper
  .modality-id-report-export-outer
  a.btn.primary {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap;
  margin: 0 !important;
  border-radius: 0 !important;
}

.modality-id-report-page-wrapper .modality-id-report-table-section {
  margin-bottom: 24px !important;
}

.modality-id-report-page-wrapper .modality-id-report-mail-link {
  color: #2879f4 !important;
  text-decoration: underline;
}

.modality-id-report-page-wrapper .modality-id-report-ant-table .ant-table {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

.modality-id-report-page-wrapper
  .modality-id-report-ant-table
  .ant-table-wrapper,
.modality-id-report-page-wrapper
  .modality-id-report-ant-table.ant-table-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

.modality-id-report-page-wrapper
  .modality-id-report-ant-table
  .ant-table-thead
  > tr
  > th,
.modality-id-report-page-wrapper
  .modality-id-report-ant-table
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.modality-id-report-page-wrapper
  .modality-id-report-ant-table
  thead.ant-table-thead
  th.ant-table-cell {
  background: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  border-radius: 0 !important;
}

.modality-id-report-page-wrapper
  .modality-id-report-ant-table
  .ant-table-thead
  th
  * {
  color: inherit !important;
}

.modality-id-report-page-wrapper
  .modality-id-report-ant-table
  .ant-table-thead
  th
  .anticon {
  color: #fff !important;
}

.modality-id-report-page-wrapper
  .modality-id-report-ant-table
  .ant-table-tbody
  > tr
  > td,
.modality-id-report-page-wrapper
  .modality-id-report-ant-table
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #2c2c2c !important;
}

.modality-id-report-page-wrapper
  .modality-id-report-ant-table
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.modality-id-report-page-wrapper
  .modality-id-report-ant-table
  .ant-table-tbody
  > tr:nth-child(even)
  > td {
  background-color: #fff !important;
}

.modality-id-report-page-wrapper
  .modality-id-report-ant-table
  .ant-table-tbody
  > tr:hover
  > td {
  background: #eaf1fb !important;
}

.modality-id-report-page-wrapper .modality-id-report-ant-table .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
  margin: 16px 0 0 !important;
}

.modality-id-report-page-wrapper
  .modality-id-report-ant-table
  tr.ant-table-measure-row
  td {
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  border: none !important;
  overflow: hidden !important;
  font-size: 0 !important;
  background: transparent !important;
  min-height: 0 !important;
}

.modality-id-report-page-wrapper .modality-id-report-notes {
  margin-top: 8px !important;
  padding-top: 8px !important;
}

.modality-id-report-page-wrapper .modality-id-report-note-heading {
  margin: 0 0 8px 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #000 !important;
}

.modality-id-report-page-wrapper .modality-id-report-legend {
  margin-left: 0 !important;
  flex-wrap: wrap !important;
  gap: 8px 16px;
}

.modality-id-report-page-wrapper .modality-id-report-legend-anticon {
  font-size: 14px !important;
}

/* ── Shared mixin for all remaining list page wrappers ── */
.slp-substudy-page-wrapper,
.slp-substudy-readonly-page-wrapper {
  background: #fff;
  border-radius: 0;
  box-shadow: none;
  padding: 56px 46px 30px !important;
  margin: 0 !important;
  min-height: auto;
}

.slp-substudy-page-wrapper .ambassador-heading-section,
.slp-substudy-readonly-page-wrapper .ambassador-heading-section {
  margin-bottom: 20px !important;
}

.slp-substudy-page-wrapper .multisteps-form,
.slp-substudy-readonly-page-wrapper .multisteps-form {
  margin-top: 12px;
}

/* Document Master (/documents) – flat shell; vertical rhythm aligned with old records-wrapper + mb-3 heading */
.documents-master-flat-wrapper {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  /* Old .records-wrapper used 56px 46px — we keep side/bottom gutter + modest top after .top-space */
  padding: 12px 46px 30px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  min-height: auto !important;
}

.documents-master-list-page
  .records-wrapper.top-space.documents-master-flat-wrapper {
  margin-top: 80px !important;
}

@media (min-width: 1050px) {
  .documents-master-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }

  #sidebar.sidebar-collapsed
    + .documents-master-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 72px !important;
    flex: 0 0 calc(100% - 72px) !important;
    max-width: calc(100% - 72px) !important;
    width: calc(100% - 72px) !important;
  }

  #sidebar.hide-sidebar
    + .documents-master-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

.documents-master-title-row {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 12px;
  margin-bottom: 0 !important;
}

.documents-master-title-row .section-heading {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.25;
  font-size: 36px;
}

.documents-master-total-count {
  font-weight: 500 !important;
  font-size: 0.92em !important;
  color: #595959 !important;
}

/* Toolbar: space-between + vertical center like old list toolbars */
.documents-master-list-page .admin-user-options.documents-master-toolbar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  padding: 0 !important;
  gap: 12px 16px;
}

.documents-master-list-page
  .admin-user-options.documents-master-toolbar
  input.form-control.documents-master-search {
  width: 300px !important;
  max-width: 100%;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  flex-shrink: 0;
  margin: 0 !important;
  line-height: 1.25 !important;
  border-radius: 0 !important;
}

.documents-master-list-page .documents-master-toolbar .btn.primary,
.documents-master-list-page .documents-master-toolbar a.btn.primary {
  min-width: unset !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  margin: 0 !important;
  white-space: nowrap;
}

/* Old documents-page-wrapper used multisteps-form { margin-top: 12px } */
.documents-master-flat-wrapper .multisteps-form {
  margin-top: 12px !important;
}

.documents-master-list-page
  .documents-master-flat-wrapper
  .ambassador-heading-section {
  padding-top: 50 !important;
  margin-bottom: 0 !important;
}

.documents-master-action-cell {
  width: 100%;
  margin: 6px 0;
}

.documents-master-dropdown-trigger {
  padding: 5px 10px;
  cursor: pointer;
}

/*
 * Table: ealsadmindashboard used global .records-wrapper th/td (theme/body + black 0.5px grid) plus
 * .ant-table-thead th { black !important }. Latest app removed the global thead rule — restore black header
 * only on this page; padding/radius/shadow come from .records-wrapper .ant-table-* below in this file.
 */
.documents-master-list-page .records-wrapper .ant-table-thead th.ant-table-cell,
.documents-master-list-page .records-wrapper .ant-table-thead > tr > th {
  background-color: #000 !important;
  color: #fff !important;
  border-top: 1px solid #f0f0f0 !important;
  padding: 14px 16px !important;
  vertical-align: middle !important;
}

.documents-master-list-page .records-wrapper .ant-table-tbody > tr > td,
.documents-master-list-page
  .records-wrapper
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  padding: 14px 16px !important;
  vertical-align: middle !important;
}

.documents-master-list-page .records-wrapper .ant-table-wrapper {
  width: 100%;
  max-width: 100%;
}

.documents-master-list-page .records-wrapper .ant-table {
  width: 100% !important;
}

/* Open Data Overview – flat shell + title row + toolbar + light table */
/* Open Data Overview page – full-width shell, sidebar clearance, title, toolbar, table */
.open-data-flat-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin: auto 0 0 auto !important;
  padding: 80px 46px 30px !important;
  min-height: auto !important;
}

@media (min-width: 1050px) {
  .open-data-overview-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }
}

.open-data-title-row {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.open-data-title-row .section-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0;
  line-height: 1.25;
}

.open-data-total-count {
  font-weight: 400;
  font-size: 0.9em;
  color: #595959;
}

.open-data-overview-toolbar {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start !important;
  gap: 12px;
  margin-bottom: 1rem !important;
}

.open-data-overview-search {
  width: 300px !important;
  max-width: 100%;
  height: 46px !important;
  line-height: 46px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  flex-shrink: 0;
  margin: 0 !important;
  border-radius: 0 !important;
}

.open-data-overview-toolbar .open-data-overview-status-select.ant-select {
  min-width: 180px !important;
  width: 200px !important;
  max-width: 100% !important;
  height: 46px !important;
  flex-shrink: 0;
}

.open-data-overview-toolbar
  .open-data-overview-status-select.ant-select-single:not(
    .ant-select-customize-input
  )
  .ant-select-selector {
  height: 46px !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 11px !important;
  box-sizing: border-box !important;
}

.open-data-overview-toolbar
  .open-data-overview-status-select
  .ant-select-selection-item,
.open-data-overview-toolbar
  .open-data-overview-status-select
  .ant-select-selection-placeholder {
  line-height: 46px !important;
}

.open-data-overview-action-cell {
  width: 100%;
  margin: 6px 0;
}

.open-data-overview-dropdown-trigger {
  padding: 5px 10px;
  cursor: pointer;
}

/* Open Data Overview table: black header + body styling */
.open-data-overview-ant-table.ant-table-wrapper .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

.open-data-overview-ant-table.ant-table-wrapper .ant-table-thead > tr > th,
.open-data-overview-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.open-data-overview-ant-table.ant-table-wrapper thead .ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.open-data-overview-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th
  .ant-table-column-title,
.open-data-overview-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th
  .ant-table-column-sorter,
.open-data-overview-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th
  .ant-table-filter-trigger {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.open-data-overview-ant-table.ant-table-wrapper .ant-table-tbody > tr > td {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #2c2c2c !important;
}

.eals-read-more-less__text {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.eals-read-more-less__btn {
  background: transparent;
  border: 0;
  padding: 0;
  margin-top: 4px;
  color: #0d6efd;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.2;
}

.eals-read-more-less__btn:hover {
  text-decoration: underline;
}

.open-data-overview-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.open-data-overview-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:hover
  > td {
  background-color: #e6f0fa !important;
}

.open-data-overview-ant-table.ant-table-wrapper .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
}

/* Hide Ant table internal measurement row (prevents blank first row). */
.open-data-overview-ant-table.ant-table-wrapper tr.ant-table-measure-row td {
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  border: none !important;
  overflow: hidden !important;
  font-size: 0 !important;
  background: transparent !important;
  min-height: 0 !important;
}

/* Wix Subscribers – flat shell + title row + toolbar (aligned 51px controls) + light table */
/* Wix Subscribers page – full-width shell, sidebar clearance, title, toolbar, table */
.wix-subscribers-flat-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin: auto 0 0 auto !important;
  padding: 80px 46px 30px !important;
  min-height: auto !important;
}

@media (min-width: 1050px) {
  .wix-subscribers-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }

  #sidebar.sidebar-collapsed
    + .wix-subscribers-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 72px !important;
    flex: 0 0 calc(100% - 72px) !important;
    max-width: calc(100% - 72px) !important;
    width: calc(100% - 72px) !important;
  }

  #sidebar.hide-sidebar
    + .wix-subscribers-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

.wix-subscribers-title-row {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.wix-subscribers-title-row .section-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0;
  line-height: 1.25;
}

.wix-subscribers-toolbar {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end !important;
  gap: 12px;
  margin-bottom: 1rem !important;
}

.wix-subscribers-search {
  width: 300px !important;
  max-width: 100%;
  height: 46px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  flex-shrink: 0;
  margin: 0 !important;
  border-radius: 0 !important;
}

.wix-subscribers-toolbar .btn.primary,
.wix-subscribers-toolbar a.btn.primary {
  height: 46px !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  margin: 0 !important;
  white-space: nowrap;
}

/* Wix Subscribers table: black header + body styling */
.wix-subscribers-ant-table.ant-table-wrapper .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

.wix-subscribers-ant-table.ant-table-wrapper .ant-table-thead > tr > th,
.wix-subscribers-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.wix-subscribers-ant-table.ant-table-wrapper thead .ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.wix-subscribers-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th
  .ant-table-column-title,
.wix-subscribers-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th
  .ant-table-column-sorter,
.wix-subscribers-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th
  .ant-table-filter-trigger {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.wix-subscribers-ant-table.ant-table-wrapper .ant-table-tbody > tr > td {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #2c2c2c !important;
}

.wix-subscribers-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.wix-subscribers-ant-table.ant-table-wrapper .ant-table-tbody > tr:hover > td {
  background-color: #e6f0fa !important;
}

.wix-subscribers-ant-table.ant-table-wrapper .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
}

/* Wide table (scroll.x = 1600) must scroll horizontally inside its column
   instead of overflowing the page and getting the last column clipped. */
.wix-subscribers-ant-table.ant-table-wrapper,
.wix-subscribers-ant-table.ant-table-wrapper .ant-table,
.wix-subscribers-ant-table.ant-table-wrapper .ant-table-container {
  max-width: 100% !important;
}

.wix-subscribers-ant-table.ant-table-wrapper .ant-table-content,
.wix-subscribers-ant-table.ant-table-wrapper .ant-table-body {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.wix-subscribers-flat-wrapper .multisteps-form,
.wix-subscribers-flat-wrapper .multisteps-form > .row,
.wix-subscribers-flat-wrapper .multisteps-form > .row > [class*="col-"] {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Hide Ant table internal measurement row (prevents blank first row). */
.wix-subscribers-ant-table.ant-table-wrapper tr.ant-table-measure-row td {
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  border: none !important;
  overflow: hidden !important;
  font-size: 0 !important;
  background: transparent !important;
  min-height: 0 !important;
}

/* ALS Motor Movement Exam list – flat shell + title row + toolbar (51px) + light table */
/* ALS Motor Movement Exam page – full-width shell, sidebar clearance, title, toolbar, table */
.als-motor-exam-flat-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin: auto 0 0 auto !important;
  padding: 80px 46px 30px !important;
  min-height: auto !important;
}

@media (min-width: 1050px) {
  .als-motor-exam-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }
}

.als-motor-exam-title-row {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.als-motor-exam-title-row .section-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0;
  line-height: 1.25;
}

.als-motor-exam-total-count {
  font-weight: 400;
  font-size: 0.9em;
  color: #595959;
}

.als-motor-exam-toolbar {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end !important;
  gap: 12px;
  margin-bottom: 1rem !important;
}

.als-motor-exam-search {
  width: 300px !important;
  max-width: 100%;
  height: 46px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  flex-shrink: 0;
  margin: 0 !important;
  border-radius: 0 !important;
}

.als-motor-exam-toolbar .btn.primary,
.als-motor-exam-toolbar a.btn.primary {
  height: 46px !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  margin: 0 !important;
  white-space: nowrap;
}

.als-motor-exam-action-cell {
  width: 100%;
  margin: 6px 0;
}

.als-motor-exam-dropdown-trigger {
  padding: 5px 10px;
  cursor: pointer;
}

/* ALS Motor Exam table: black header + body styling */
.als-motor-exam-ant-table.ant-table-wrapper .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

.als-motor-exam-ant-table.ant-table-wrapper .ant-table-thead > tr > th,
.als-motor-exam-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.als-motor-exam-ant-table.ant-table-wrapper thead .ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.als-motor-exam-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th
  .ant-table-column-title,
.als-motor-exam-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th
  .ant-table-column-sorter,
.als-motor-exam-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th
  .ant-table-filter-trigger {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.als-motor-exam-ant-table.ant-table-wrapper .ant-table-tbody > tr > td {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #2c2c2c !important;
}

.als-motor-exam-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.als-motor-exam-ant-table.ant-table-wrapper .ant-table-tbody > tr:hover > td {
  background-color: #e6f0fa !important;
}

.als-motor-exam-ant-table.ant-table-wrapper .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
}

/* App Alerts (/app-alerts) – same shell pattern as other list pages */
.app-alerts-flat-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  padding: 80px 46px 30px !important;
  min-height: auto !important;
}

@media (min-width: 1050px) {
  .app-alerts-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }
}

.app-alerts-title-row {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.app-alerts-title-row .section-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0;
  line-height: 1.25;
}

.app-alerts-total-count {
  font-weight: 500;
  font-size: 0.92em;
  color: #595959;
}

.app-alerts-toolbar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end !important;
  gap: 12px;
  margin-top: 0 !important;
  padding: 0 !important;
  margin-bottom: 1rem !important;
}

.app-alerts-search {
  width: 300px !important;
  max-width: 100%;
  height: 46px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  flex-shrink: 0;
  margin: 0 !important;
  border-radius: 0 !important;
}

.app-alerts-list-page .app-alerts-toolbar .btn.primary,
.app-alerts-list-page .app-alerts-toolbar a.btn.primary {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  margin: 0 !important;
}

.app-alerts-flat-wrapper .app-alerts-multisteps {
  margin-top: 0.35rem !important;
}

.app-alerts-table-col {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.app-alerts-list-page .app-alerts-flat-wrapper .ambassador-heading-section {
  padding-top: 0 !important;
}

/* App Alerts table: black header + body styling */
.app-alerts-ant-table.ant-table-wrapper .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

.app-alerts-ant-table.ant-table-wrapper .ant-table-thead > tr > th,
.app-alerts-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.app-alerts-ant-table.ant-table-wrapper thead .ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.app-alerts-ant-table.ant-table-wrapper .ant-table-thead th *,
.app-alerts-ant-table.ant-table-wrapper
  .ant-table-thead
  th
  .ant-table-column-title {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.app-alerts-ant-table.ant-table-wrapper .ant-table-thead th .anticon {
  color: #fff !important;
}

.app-alerts-ant-table.ant-table-wrapper .ant-table-tbody > tr > td,
.app-alerts-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  color: #2c2c2c !important;
  background-color: #fff !important;
}

.app-alerts-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.app-alerts-ant-table.ant-table-wrapper .ant-table-tbody > tr:hover > td {
  background: #eef4fb !important;
}

.app-alerts-ant-table.ant-table-wrapper .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
}

/* Upgrade Requests – flat shell + title row + toolbar + light table (Content Library pattern) */
.upgrade-requests-flat-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  padding: 80px 46px 30px !important;
  min-height: auto !important;
}

@media (min-width: 1050px) {
  .upgrade-requests-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }
}

.upgrade-requests-title-row {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.upgrade-requests-title-row .section-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0;
  line-height: 1.25;
}

.upgrade-requests-total-count {
  font-weight: 500;
  font-size: 0.92em;
  color: #595959;
}

.upgrade-requests-toolbar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start !important;
  gap: 12px;
  margin-top: 0 !important;
  padding: 16px 18px !important;
  margin-bottom: 1rem;
}

.upgrade-requests-page .upgrade-requests-toolbar .eals-list-filter-item {
  flex: 0 0 auto;
  min-width: auto;
  max-width: none;
}

.upgrade-requests-search {
  width: 300px !important;
  max-width: 100%;
  height: 51px !important;
  min-height: 51px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  flex-shrink: 0;
  margin: 0 !important;
  border-radius: 0 !important;
}

.upgrade-requests-page
  .upgrade-requests-toolbar
  .upgrade-requests-status-select.ant-select-single:not(
    .ant-select-customize-input
  )
  .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  max-height: 51px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 11px !important;
  box-sizing: border-box !important;
  min-width: 200px !important;
}

.upgrade-requests-page
  .upgrade-requests-toolbar
  .upgrade-requests-status-select.ant-select {
  width: 280px !important;
  max-width: 100%;
  min-width: 200px !important;
  flex-shrink: 0;
  height: 51px !important;
  border-radius: 0 !important;
}

.upgrade-requests-page
  .upgrade-requests-toolbar
  .upgrade-requests-status-select
  .ant-select-selection-item,
.upgrade-requests-page
  .upgrade-requests-toolbar
  .upgrade-requests-status-select
  .ant-select-selection-placeholder {
  line-height: normal !important;
}

.upgrade-requests-flat-wrapper .upgrade-requests-multisteps {
  margin-top: 0.35rem !important;
}

.upgrade-requests-table-col {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.upgrade-requests-page
  .upgrade-requests-flat-wrapper
  .ambassador-heading-section {
  padding-top: 0 !important;
}

/* Upgrade Requests table: black header + body styling */
.upgrade-requests-ant-table.ant-table-wrapper .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

.upgrade-requests-ant-table.ant-table-wrapper .ant-table-thead > tr > th,
.upgrade-requests-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.upgrade-requests-ant-table.ant-table-wrapper thead .ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.upgrade-requests-ant-table.ant-table-wrapper .ant-table-thead th *,
.upgrade-requests-ant-table.ant-table-wrapper
  .ant-table-thead
  th
  .ant-table-column-title {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.upgrade-requests-ant-table.ant-table-wrapper .ant-table-thead th .anticon {
  color: #fff !important;
}

.upgrade-requests-ant-table.ant-table-wrapper .ant-table-tbody > tr > td,
.upgrade-requests-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  color: #2c2c2c !important;
  background-color: #fff !important;
}

.upgrade-requests-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.upgrade-requests-ant-table.ant-table-wrapper .ant-table-tbody > tr:hover > td {
  background: #eef4fb !important;
}

/* App Users – radio + export row */
.app-users-radio-export-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0;
  margin-bottom: 4px;
}

.app-users-radio-export-row--end {
  justify-content: flex-end;
}

.app-users-radio-export-row .ant-radio-group {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.app-users-radio-export-row .btn.primary,
.app-users-radio-export-row a.btn.primary {
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap;
}

/* App User List – transparent flat shell + title row + filter alignment + light table */
.app-user-list-flat-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  padding: 80px 46px 30px !important;
  min-height: auto !important;
}

@media (min-width: 1050px) {
  .app-user-list-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }
}

@media (min-width: 1050px) {
  /* App Users subtabs: sync content width with sidebar state, keep existing page styling */
  #sidebar.sidebar-collapsed
    + .app-user-list-col.eals-main-content.col-lg-10.ml-auto,
  #sidebar.sidebar-collapsed
    + .upgrade-requests-col.eals-main-content.col-lg-10.ml-auto,
  #sidebar.sidebar-collapsed
    + .app-feedback-col.eals-main-content.col-lg-10.ml-auto,
  #sidebar.sidebar-collapsed
    + .app-alerts-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 72px !important;
    flex: 0 0 calc(100% - 72px) !important;
    max-width: calc(100% - 72px) !important;
    width: calc(100% - 72px) !important;
  }

  #sidebar.hide-sidebar
    + .app-user-list-col.eals-main-content.col-lg-10.ml-auto,
  #sidebar.hide-sidebar
    + .upgrade-requests-col.eals-main-content.col-lg-10.ml-auto,
  #sidebar.hide-sidebar + .app-feedback-col.eals-main-content.col-lg-10.ml-auto,
  #sidebar.hide-sidebar + .app-alerts-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

.app-user-list-title-row {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.app-user-list-title-row .section-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0;
  line-height: 1.25;
}

.app-user-list-flat-wrapper .app-user-list-multisteps {
  margin-top: 0.35rem !important;
}

.app-user-list-table-col {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.app-user-study-eals-ids .app-user-study-eals-ids-item {
  margin: 0;
  line-height: 1.4;
}

.app-user-study-eals-ids .app-user-study-eals-ids-item-separated {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #c8c8c8;
}

.app-user-study-eals-ids-empty {
  margin: 0;
}

.app-user-study-eals-ids-study-name {
  font-weight: 600;
}

.app-user-list-action-icon {
  color: #000;
  font-size: 18px;
  position: relative;
  top: 2px;
}

.app-user-list-page .app-user-list-flat-wrapper .ambassador-heading-section {
  padding-top: 0 !important;
}

.app-user-list-search {
  width: 300px !important;
  max-width: 100%;
  height: 51px !important;
  min-height: 51px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
}

.app-user-list-filter-select {
  font-size: 16px;
  height: 51px !important;
  border-radius: 0 !important;
}

.app-user-list-page .app-user-list-filters .eals-list-filter-item {
  flex: 0 1 calc(25% - 14px);
  max-width: calc(25% - 14px);
}

.app-user-list-page
  .app-user-list-filters
  .filter-by-activity-input-wrapper
  > label {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
  font-size: 14px;
  color: #262626;
}

.app-user-list-page .app-user-list-filters-box {
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 0;
  padding: 14px 14px 10px 14px;
  margin-bottom: 14px;
}

.app-user-list-page .app-user-list-filters-box .row {
  margin-left: -8px;
  margin-right: -8px;
}

.app-user-list-page .app-user-list-filters-box .row > [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

.app-user-list-page .app-user-list-filters-box .app-users-radio-export-row {
  margin: 0 -8px 0 !important;
  padding-top: 2px;
}

.app-user-list-page
  .app-user-list-filters
  .ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  max-height: 51px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 11px !important;
  box-sizing: border-box !important;
}

.app-user-list-page .app-user-list-filters .ant-select-selection-item,
.app-user-list-page .app-user-list-filters .ant-select-selection-placeholder {
  line-height: normal !important;
}

/* Statistics panel – match section-heading weight (Ant Collapse label) */
.app-user-list-page
  .statistics-container
  .ant-collapse
  > .ant-collapse-item
  > .ant-collapse-header {
  font-weight: 600 !important;
  font-size: 17px !important;
  color: #262626 !important;
}

.app-user-list-page .statistics-container .ant-collapse-header-text {
  font-weight: 600 !important;
  font-size: 17px !important;
  color: #262626 !important;
}

.app-user-list-page .app_user_counts .ant-collapse-content-box h5 {
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #262626 !important;
}

.app-user-list-page .app_user_counts .Block-container .inner > p {
  font-weight: 500;
  color: #434343;
}

.app-user-list-date-popover {
  width: 300px;
}

.app-user-list-date-popover-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 1rem;
  margin-bottom: 0.75rem;
}

.app-user-list-popover-filter-btn.btn.primary,
a.app-user-list-popover-filter-btn.btn.primary,
.app-user-list-popover-clear-btn.btn.primary,
a.app-user-list-popover-clear-btn.btn.primary {
  padding: 4px 12px !important;
  font-size: 14px !important;
  margin: 0 !important;
  min-height: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* App User List table: black header + body styling */
.app-user-list-ant-table.ant-table-wrapper .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

.app-user-list-ant-table.ant-table-wrapper .ant-table-thead > tr > th,
.app-user-list-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.app-user-list-ant-table.ant-table-wrapper thead .ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.app-user-list-ant-table.ant-table-wrapper .ant-table-thead th *,
.app-user-list-ant-table.ant-table-wrapper
  .ant-table-thead
  th
  .ant-table-column-title {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.app-user-list-ant-table.ant-table-wrapper .ant-table-thead th .anticon {
  color: #fff !important;
}

.app-user-list-ant-table.ant-table-wrapper .ant-table-tbody > tr > td,
.app-user-list-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  color: #2c2c2c !important;
  background-color: #fff !important;
}

.app-user-list-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:nth-child(even)
  > td {
  background-color: #f6f9fc !important;
}

.app-user-list-ant-table.ant-table-wrapper .ant-table-tbody > tr:hover > td {
  background: #eef4fb !important;
}

.app-user-list-ant-table.ant-table-wrapper .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
}

/* Hide Ant table internal measurement row (prevents blank first row). */
.app-user-list-ant-table.ant-table-wrapper tr.ant-table-measure-row,
.app-user-list-ant-table.ant-table-wrapper tr.ant-table-measure-row td {
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: none !important;
  line-height: 0 !important;
  font-size: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
}

/* Consortia Workspace – same flat layout as other Manage Consortia lists */
/* Consortia Workspace list – same shell pattern as Members / Users / Content Library */
.consortia-workspace-flat-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  padding: 80px 46px 30px !important;
  min-height: auto !important;
}

@media (min-width: 1050px) {
  .consortia-workspace-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }
}

.consortia-workspace-title-row {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.consortia-workspace-title-row .section-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0;
}

.consortia-workspace-toolbar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end !important;
  gap: 12px;
  margin-top: 0 !important;
  padding: 0 !important;
  margin-bottom: 1rem !important;
}

.consortia-workspace-search {
  width: 300px !important;
  max-width: 100%;
  height: 46px !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
}

.consortia-workspace-toolbar .btn.primary {
  font-size: 16px !important;
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 10px 18px !important;
}

.consortia-workspace-flat-wrapper .consortia-workspace-multisteps {
  margin-top: 0.35rem !important;
}

.consortia-workspace-flat-wrapper .consortia-workspace-multisteps > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.consortia-workspace-table-col {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Consortia Workspace table: black header + body styling */
.consortia-workspace-ant-table.ant-table-wrapper .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

.consortia-workspace-ant-table.ant-table-wrapper .ant-table-thead > tr > th,
.consortia-workspace-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.consortia-workspace-ant-table.ant-table-wrapper thead .ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.consortia-workspace-ant-table.ant-table-wrapper .ant-table-thead th *,
.consortia-workspace-ant-table.ant-table-wrapper
  .ant-table-thead
  th
  .ant-table-column-title {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.consortia-workspace-ant-table.ant-table-wrapper .ant-table-thead th .anticon {
  color: #fff !important;
}

.consortia-workspace-ant-table.ant-table-wrapper .ant-table-tbody > tr > td,
.consortia-workspace-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  color: #2c2c2c !important;
  background-color: #fff !important;
}

.consortia-workspace-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.consortia-workspace-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:hover
  > td {
  background: #eef4fb !important;
}

.consortia-workspace-ant-table.ant-table-wrapper .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
}

.consortia-workspace-capitalize {
  margin: 0;
  text-transform: capitalize;
}

.consortia-workspace-poster-thumb {
  max-width: 150px;
  max-height: 80px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 8px 0;
}

.consortia-workspace-modal-poster {
  max-width: 150px;
  margin-top: 8px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 2px;
}

.consortia-audit-user-select {
  height: 51px !important;
  min-height: 51px !important;
  max-height: 51px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 11px !important;
  box-sizing: border-box !important;
}

/* Consortia User Logs (/manage-consortia/consortia/logs) */
@media (min-width: 1050px) {
  .consortia-audit-logs-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }
}

.consortia-audit-logs-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  padding: 80px 46px 30px !important;
  min-height: auto !important;
}

.consortia-audit-logs-heading-section {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.consortia-audit-logs-page-title {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  color: #000;
  font-size: 28px !important;
  font-weight: 600 !important;
}

.consortia-audit-logs-filters-row {
  margin-bottom: 0 !important;
  align-items: flex-end;
}

.consortia-audit-logs-page .consortia-audit-logs-filters-box {
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 0;
  padding: 14px;
  margin-bottom: 12px;
}

.consortia-audit-logs-page .consortia-audit-logs-filters-box .row {
  margin-left: -8px;
  margin-right: -8px;
}

.consortia-audit-logs-page
  .consortia-audit-logs-filters-box
  .row
  > [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

.consortia-audit-logs-search-row {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.consortia-audit-logs-page .consortia-audit-logs-search-col {
  min-width: 0;
}

.consortia-audit-logs-page
  .consortia-audit-logs-toolbar-btn--filter-row.btn.primary,
.consortia-audit-logs-page
  a.consortia-audit-logs-toolbar-btn--filter-row.btn.primary {
  margin-top: 0 !important;
  min-width: 120px;
  width: auto;
}

.consortia-audit-logs-filters-row .filter-element label {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
}

/*
 * Consortia User Logs filters: same height for Select + DatePickers (54px).
 * Include selectors without .ant-select-single (Ant Design 6 / rc-select).
 */
.consortia-audit-logs-page
  .records-wrapper
  .consortia-audit-logs-user-select.ant-select {
  width: 100% !important;
  min-height: 54px !important;
  border-radius: 0 !important;
}

.consortia-audit-logs-page
  .records-wrapper
  .consortia-audit-logs-user-select.ant-select:not(.ant-select-customize-input)
  .ant-select-selector,
.consortia-audit-logs-page
  .records-wrapper
  .consortia-audit-logs-user-select.ant-select-single:not(
    .ant-select-customize-input
  )
  .ant-select-selector {
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 11px !important;
  box-sizing: border-box !important;
}

.consortia-audit-logs-page
  .records-wrapper
  .consortia-audit-logs-user-select.ant-select
  .ant-select-selector
  .ant-select-selection-item,
.consortia-audit-logs-page
  .records-wrapper
  .consortia-audit-logs-user-select.ant-select
  .ant-select-selector
  .ant-select-selection-placeholder {
  line-height: normal !important;
  display: flex !important;
  align-items: center !important;
}

.consortia-audit-logs-page
  .records-wrapper
  .consortia-audit-logs-user-select
  .ant-select-selection-search-input {
  height: 52px !important;
  line-height: 52px !important;
}

.consortia-audit-logs-page
  .records-wrapper
  .consortia-audit-logs-user-select.ant-select
  .ant-select-arrow {
  top: 50% !important;
  margin-top: 0 !important;
  transform: translateY(-50%) !important;
}

.consortia-audit-logs-page
  .records-wrapper
  .consortia-audit-logs-user-select.ant-select
  .ant-select-suffix {
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
}

.consortia-audit-logs-page .records-wrapper .consortia-audit-logs-datepicker {
  width: 100% !important;
  border-radius: 0 !important;
}

.consortia-audit-logs-page
  .records-wrapper
  .consortia-audit-logs-datepicker.ant-picker {
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  box-sizing: border-box !important;
}

.consortia-audit-logs-page
  .records-wrapper
  .consortia-audit-logs-datepicker
  .ant-picker-selector {
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 11px !important;
  box-sizing: border-box !important;
}

.consortia-audit-logs-page
  .records-wrapper
  .consortia-audit-logs-datepicker
  .ant-picker-input
  > input {
  line-height: normal !important;
  height: auto !important;
}

.consortia-audit-logs-actions-row {
  margin-top: 12px;
  margin-bottom: 8px;
}

.consortia-audit-logs-page
  .consortia-audit-logs-toolbar-btn--export-row.btn.primary,
.consortia-audit-logs-page
  a.consortia-audit-logs-toolbar-btn--export-row.btn.primary {
  margin-top: 0 !important;
}

.consortia-audit-logs-toolbar-btn.btn.primary,
a.consortia-audit-logs-toolbar-btn.btn.primary {
  margin-top: 10px;
  min-height: 54px;
  height: 54px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.consortia-audit-logs-export-col {
  display: flex;
  justify-content: flex-end;
}

.consortia-audit-logs-log-cell {
  max-width: 400px;
}

.consortia-audit-logs-ant-table.ant-table-wrapper .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

.consortia-audit-logs-ant-table.ant-table-wrapper .ant-table-thead > tr > th,
.consortia-audit-logs-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.consortia-audit-logs-ant-table.ant-table-wrapper thead .ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.consortia-audit-logs-ant-table.ant-table-wrapper .ant-table-thead th *,
.consortia-audit-logs-ant-table.ant-table-wrapper
  .ant-table-thead
  th
  .ant-table-column-title {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.consortia-audit-logs-ant-table.ant-table-wrapper .ant-table-thead th .anticon {
  color: #fff !important;
}

.consortia-audit-logs-ant-table.ant-table-wrapper .ant-table-tbody > tr > td,
.consortia-audit-logs-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  color: #2c2c2c !important;
  background-color: #fff !important;
}

.consortia-audit-logs-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.consortia-audit-logs-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:hover
  > td {
  background: #eef4fb !important;
}

.consortia-audit-logs-ant-table.ant-table-wrapper .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
}

/* Consortia Uploads – same flat layout as Consortia Alerts / Content Library */
/* Consortia Uploads list – same shell pattern as Members / Users / Content Library */
.consortia-uploads-flat-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  padding: 80px 46px 30px !important;
  min-height: auto !important;
}

@media (min-width: 1050px) {
  .consortia-uploads-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }
}

.consortia-uploads-title-row {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.consortia-uploads-title-row .section-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0;
}

.consortia-uploads-toolbar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end !important;
  gap: 12px;
  margin-top: 0 !important;
  padding: 0 !important;
  margin-bottom: 1rem !important;
}

.consortia-uploads-search {
  width: 300px !important;
  max-width: 100%;
  height: 46px !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
}

.consortia-uploads-flat-wrapper .consortia-uploads-multisteps {
  margin-top: 0.35rem !important;
}

.consortia-uploads-flat-wrapper .consortia-uploads-multisteps > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.consortia-uploads-table-col {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Consortia Uploads table: black header + body styling */
.consortia-uploads-ant-table.ant-table-wrapper .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

.consortia-uploads-ant-table.ant-table-wrapper .ant-table-thead > tr > th,
.consortia-uploads-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.consortia-uploads-ant-table.ant-table-wrapper thead .ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.consortia-uploads-ant-table.ant-table-wrapper .ant-table-thead th *,
.consortia-uploads-ant-table.ant-table-wrapper
  .ant-table-thead
  th
  .ant-table-column-title {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.consortia-uploads-ant-table.ant-table-wrapper .ant-table-thead th .anticon {
  color: #fff !important;
}

.consortia-uploads-ant-table.ant-table-wrapper .ant-table-tbody > tr > td,
.consortia-uploads-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  color: #2c2c2c !important;
  background-color: #fff !important;
}

.consortia-uploads-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.consortia-uploads-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:hover
  > td {
  background: #eef4fb !important;
}

.consortia-uploads-ant-table.ant-table-wrapper .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
}

.consortia-uploads-capitalize {
  margin: 0;
  text-transform: capitalize;
}

.consortia-uploads-table-link {
  color: #1890ff !important;
  word-break: break-word;
  text-decoration: none;
}

.consortia-uploads-table-link:hover {
  text-decoration: underline;
}

/* Consortia Requests – flat layout (same pattern as Consortia Alerts / Content Library) */
/* Consortia Request list – same shell pattern as Members / Users / Content Library */
.consortia-request-flat-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  padding: 80px 46px 30px !important;
  min-height: auto !important;
}

@media (min-width: 1050px) {
  .consortia-request-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }
}

.consortia-request-title-row {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.consortia-request-title-row .section-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0;
}

.consortia-request-filters-row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 1rem !important;
}

.consortia-request-search-wrap {
  flex: 0 1 auto;
}

.consortia-request-filter-label {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
  font-size: 14px;
}

.consortia-request-search-input {
  width: 300px !important;
  max-width: 100%;
  height: 46px !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
  border-radius: 0;
}

.consortia-request-filters-right {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px;
}

.consortia-request-filter-wrap {
  min-width: 160px;
  flex: 1 1 160px;
  max-width: 220px;
}

.consortia-request-filter-wrap .ant-select {
  width: 100% !important;
  height: 46px !important;
  border-radius: 0 !important;
}

.consortia-request-flat-wrapper .consortia-request-multisteps {
  margin-top: 0.35rem !important;
}

.consortia-request-flat-wrapper .consortia-request-multisteps > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.consortia-request-table-col {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Consortia Request table: black header + body styling */
.consortia-request-ant-table.ant-table-wrapper .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

.consortia-request-ant-table.ant-table-wrapper .ant-table-thead > tr > th,
.consortia-request-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.consortia-request-ant-table.ant-table-wrapper thead .ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.consortia-request-ant-table.ant-table-wrapper .ant-table-thead th *,
.consortia-request-ant-table.ant-table-wrapper
  .ant-table-thead
  th
  .ant-table-column-title {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.consortia-request-ant-table.ant-table-wrapper .ant-table-thead th .anticon {
  color: #fff !important;
}

.consortia-request-ant-table.ant-table-wrapper .ant-table-tbody > tr > td,
.consortia-request-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  color: #2c2c2c !important;
  background-color: #fff !important;
}

.consortia-request-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.consortia-request-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:hover
  > td {
  background: #eef4fb !important;
}

.consortia-request-ant-table.ant-table-wrapper .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
}

/* Hide AntD internal measurement row so data starts at first visible row */
.consortia-request-ant-table.ant-table-wrapper tr.ant-table-measure-row td {
  height: 0 !important;
  min-height: 0 !important;
  line-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 0 !important;
}

.add-admin-user-form .add-admin-user-select.ant-select.ant-select-outlined {
  height: 51px !important;
  border-radius: 0 !important;
}

/* Status / feature type pills (outlined, legacy-style) */
.consortia-req-pill {
  display: inline-block;
  padding: 5px 14px;
  border-radius: 22px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  background: #fff;
  border: 1px solid;
}

.consortia-req-pill--status-new {
  color: #1565c0;
  border-color: #64b5f6;
}

.consortia-req-pill--status-progress {
  color: #f57f17;
  border-color: #ffca28;
}

.consortia-req-pill--status-completed {
  color: #2e7d32;
  border-color: #81c784;
}

.consortia-req-pill--type-bug {
  color: #c62828;
  border-color: #e57373;
}

.consortia-req-pill--type-feature {
  color: #2e7d32;
  border-color: #81c784;
}

.consortia-req-username-cell {
  margin: 0;
  text-transform: capitalize;
}

.consortia-req-release-date-input {
  border: 1px solid #ddd !important;
  height: 51px !important;
  box-sizing: border-box;
}

.consortia-req-view-detail-row {
  display: block;
  font-size: 17px;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.consortia-req-view-detail-row strong {
  font-weight: 700 !important;
  color: #1f2937;
}

.ant-modal-title {
  font-weight: 700 !important;
}

/* Content Library – same flat layout as Consortia Alerts + lighter table grid (legacy) */
/* Content Library list – same shell pattern as Members / Users */
.content-library-flat-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  padding: 80px 46px 30px !important;
  min-height: auto !important;
}

@media (min-width: 1050px) {
  .content-library-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }
}

.content-library-title-row {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.content-library-title-row .section-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0;
}

.content-library-toolbar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end !important;
  gap: 12px;
  margin-top: 0 !important;
  padding: 0 !important;
  margin-bottom: 1rem !important;
}

.content-library-search {
  width: 300px !important;
  max-width: 100%;
  height: 46px !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
}

.content-library-toolbar .btn.primary {
  font-size: 16px !important;
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 10px 18px !important;
}

.content-library-flat-wrapper .content-library-multisteps {
  margin-top: 0.35rem !important;
}

.content-library-flat-wrapper .content-library-multisteps > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.content-library-table-col {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.content-library-page
  .content-library-flat-wrapper
  .ambassador-heading-section {
  padding-top: 0 !important;
}

/* Content Library table: black header + body styling */
.content-library-ant-table.ant-table-wrapper .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

.content-library-ant-table.ant-table-wrapper .ant-table-thead > tr > th,
.content-library-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.content-library-ant-table.ant-table-wrapper thead .ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.content-library-ant-table.ant-table-wrapper .ant-table-thead th *,
.content-library-ant-table.ant-table-wrapper
  .ant-table-thead
  th
  .ant-table-column-title {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.content-library-ant-table.ant-table-wrapper .ant-table-thead th .anticon {
  color: #fff !important;
}

.content-library-ant-table.ant-table-wrapper .ant-table-tbody > tr > td,
.content-library-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  color: #2c2c2c !important;
  background-color: #fff !important;
}

.content-library-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.content-library-ant-table.ant-table-wrapper .ant-table-tbody > tr:hover > td {
  background: #eef4fb !important;
}

.content-library-ant-table.ant-table-wrapper .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
}

/* Is Active column – outlined pills (legacy) */
.content-lib-status-pill {
  display: inline-block;
  padding: 5px 14px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  background: #fff;
}

.content-lib-status-pill--yes {
  color: #2e7d32;
  border: 1px solid #81c784;
}

.content-lib-status-pill--no {
  color: #c62828;
  border: 1px solid #e57373;
}

/* Content Library view modal */
.content-library-modal-thumb {
  max-width: 250px;
}

.content-library-modal-link {
  color: #1890ff !important;
  text-decoration: none;
}

.content-library-modal-link:hover {
  text-decoration: underline;
}

/* Consortia Users – same flat layout pattern as Consortia Alerts */
/* Consortia Users list – same shell pattern as Members / Coordinators */
.consortia-users-flat-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  padding: 80px 46px 30px !important;
  min-height: auto !important;
}

@media (min-width: 1050px) {
  .consortia-users-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }
}

@media (min-width: 1050px) {
  /* Manage Consortia subtabs: keep old styling, only sync content width with sidebar state */
  #sidebar.sidebar-collapsed
    + .consortia-alerts-page.eals-main-content.col-lg-10.ml-auto,
  #sidebar.sidebar-collapsed
    + .consortia-member-list-col.eals-main-content.col-lg-10.ml-auto,
  #sidebar.sidebar-collapsed
    + .consortia-workspace-col.eals-main-content.col-lg-10.ml-auto,
  #sidebar.sidebar-collapsed
    + .consortia-audit-logs-col.eals-main-content.col-lg-10.ml-auto,
  #sidebar.sidebar-collapsed
    + .consortia-uploads-col.eals-main-content.col-lg-10.ml-auto,
  #sidebar.sidebar-collapsed
    + .consortia-request-col.eals-main-content.col-lg-10.ml-auto,
  #sidebar.sidebar-collapsed
    + .content-library-col.eals-main-content.col-lg-10.ml-auto,
  #sidebar.sidebar-collapsed
    + .consortia-users-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 72px !important;
    flex: 0 0 calc(100% - 72px) !important;
    max-width: calc(100% - 72px) !important;
    width: calc(100% - 72px) !important;
  }

  #sidebar.hide-sidebar
    + .consortia-alerts-page.eals-main-content.col-lg-10.ml-auto,
  #sidebar.hide-sidebar
    + .consortia-member-list-col.eals-main-content.col-lg-10.ml-auto,
  #sidebar.hide-sidebar
    + .consortia-workspace-col.eals-main-content.col-lg-10.ml-auto,
  #sidebar.hide-sidebar
    + .consortia-audit-logs-col.eals-main-content.col-lg-10.ml-auto,
  #sidebar.hide-sidebar
    + .consortia-uploads-col.eals-main-content.col-lg-10.ml-auto,
  #sidebar.hide-sidebar
    + .consortia-request-col.eals-main-content.col-lg-10.ml-auto,
  #sidebar.hide-sidebar
    + .content-library-col.eals-main-content.col-lg-10.ml-auto,
  #sidebar.hide-sidebar
    + .consortia-users-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

.consortia-users-title-row {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.consortia-users-title-row .section-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0;
}

.consortia-users-toolbar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end !important;
  gap: 12px;
  margin-top: 0 !important;
  padding: 0 !important;
  margin-bottom: 1rem !important;
}

.consortia-users-search {
  width: 300px !important;
  max-width: 100%;
  height: 46px !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
}

.consortia-users-toolbar .btn.primary {
  font-size: 16px !important;
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 10px 18px !important;
}

.consortia-users-flat-wrapper .consortia-users-multisteps {
  margin-top: 0.35rem !important;
}

.consortia-users-flat-wrapper .consortia-users-multisteps > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.consortia-users-table-col {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Consortia Users table: black header + body styling */
.consortia-users-ant-table.ant-table-wrapper .ant-table {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px !important;
}

.consortia-users-ant-table.ant-table-wrapper .ant-table-thead > tr > th,
.consortia-users-ant-table.ant-table-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.consortia-users-ant-table.ant-table-wrapper thead .ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 50px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.consortia-users-ant-table.ant-table-wrapper .ant-table-thead th *,
.consortia-users-ant-table.ant-table-wrapper
  .ant-table-thead
  th
  .ant-table-column-title {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.consortia-users-ant-table.ant-table-wrapper .ant-table-thead th .anticon {
  color: #fff !important;
}

.consortia-users-ant-table.ant-table-wrapper .ant-table-tbody > tr > td,
.consortia-users-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr
  > td.ant-table-cell {
  padding: 8px 20px !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  color: #2c2c2c !important;
  background-color: #fff !important;
}

.consortia-users-ant-table.ant-table-wrapper
  .ant-table-tbody
  > tr:nth-child(odd)
  > td {
  background-color: #f6f9fc !important;
}

.consortia-users-ant-table.ant-table-wrapper .ant-table-tbody > tr:hover > td {
  background: #eef4fb !important;
}

.consortia-users-ant-table.ant-table-wrapper .ant-pagination {
  font-size: 14px !important;
  font-weight: 400 !important;
}

/* ECAS QC (/ecas/qc): force black table header */
.ecas-table .ecas-qc-digital-ant-table .ant-table-thead > tr > th,
.ecas-table
  .ecas-qc-digital-ant-table
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.ecas-table .ecas-qc-digital-ant-table thead.ant-table-thead th.ant-table-cell,
.ecas-table .ecas-qc-inclinic-ant-table .ant-table-thead > tr > th,
.ecas-table
  .ecas-qc-inclinic-ant-table
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.ecas-table .ecas-qc-inclinic-ant-table thead.ant-table-thead th.ant-table-cell,
.ecas-table .ant-table-thead > tr > th,
.ecas-table .ant-table-thead > tr > th.ant-table-cell,
.ecas-table thead.ant-table-thead th.ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
}

.ecas-table .ant-table-thead th * {
  color: inherit !important;
}

.ecas-table .ant-table-thead th .anticon {
  color: #fff !important;
}

/* ECAS QC page shell (align with old list-page layout) */
.ecas-qc-flat-wrapper {
  display: block;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin: auto 0 0 auto !important;
  padding: 80px 46px 30px !important;
  min-height: auto !important;
}

@media (min-width: 1050px) {
  .ecas-qc-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 240px !important;
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    width: calc(100% - 240px) !important;
  }

  #sidebar.sidebar-collapsed
    + .ecas-qc-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 72px !important;
    flex: 0 0 calc(100% - 72px) !important;
    max-width: calc(100% - 72px) !important;
    width: calc(100% - 72px) !important;
  }

  #sidebar.hide-sidebar + .ecas-qc-col.eals-main-content.col-lg-10.ml-auto {
    margin-left: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* Hide AntD measurement row so first visible row is real data */
.ecas-table .ecas-qc-digital-ant-table tr.ant-table-measure-row td,
.ecas-table .ecas-qc-inclinic-ant-table tr.ant-table-measure-row td {
  height: 0 !important;
  min-height: 0 !important;
  line-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 0 !important;
}

/* Global list page options – aligned search and buttons on all list pages */
.admin-user-options.list-page-options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  margin-bottom: 16px;
}

.admin-user-options.list-page-options input.form-control {
  width: 280px;
  max-width: 100%;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 12px;
  box-sizing: border-box !important;
}

.admin-user-options.list-page-options .btn.primary,
.admin-user-options.list-page-options a.btn.primary {
  height: 40px !important;
  min-height: 40px !important;
  min-width: 200px !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.admin-user-options.list-page-options .ant-select {
  height: 40px;
}

.admin-user-options.list-page-options .ant-select-selector {
  height: 40px !important;
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
}

/* RAPA participants filters: align controls row-wise */
.list-of-participant-page .rapa-filters-row > [class*="col-"],
.list-of-participant-page .ecas-filters-row > [class*="col-"],
.list-of-participant-page .asymptomatic-filters-row > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

.list-of-participant-page .rapa-filters-row label,
.list-of-participant-page .ecas-filters-row label,
.list-of-participant-page .asymptomatic-filters-row label {
  min-height: 42px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 8px;
}

/* ECAS Study list: keep filter rows clean/aligned */
.ecas-study-participants-list .ecas-filters-row {
  row-gap: 10px;
}

.ecas-study-participants-list .ecas-filters-box {
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 0;
  padding: 14px 14px 8px 14px;
  margin-bottom: 14px;
}

.ecas-study-participants-list .ecas-filters-row > [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

.ecas-study-participants-list .ecas-filters-row-top,
.ecas-study-participants-list .ecas-filters-row-middle,
.ecas-study-participants-list .ecas-filters-row-bottom {
  margin-left: -8px;
  margin-right: -8px;
}

/* Keep clear distance from sidebar on tighter desktop widths */
@media (max-width: 1400px) {
  .ecas-study-page-wrapper {
    padding-left: 30px !important;
  }
}

.ecas-study-participants-list .ecas-filters-row label {
  min-height: 34px !important;
  margin-bottom: 6px !important;
}

.ecas-study-participants-list .ecas-filters-row-bottom > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

/* Keep 3rd-row filter controls aligned even when label text wraps to 2 lines */
.ecas-study-participants-list .ecas-filters-row-bottom label {
  min-height: 48px !important;
  display: flex !important;
  align-items: flex-end !important;
  margin-bottom: 6px !important;
}

/* Keep ECAS filter controls starting at same x-position with equal control widths */
.ecas-study-participants-list .ecas-filters-row .form-control.input-field,
.ecas-study-participants-list .ecas-filters-row .ant-select {
  width: 100% !important;
  max-width: 100% !important;
}

/* ECAS list: table width/corners match filter box */
.ecas-study-participants-list .ecas-table-row {
  margin-left: 0;
  margin-right: 0;
}

.ecas-study-participants-list .ecas-table-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ecas-study-participants-list .ecas-table-wrap .ant-table,
.ecas-study-participants-list .ecas-table-wrap .ant-table-container,
.ecas-study-participants-list .ecas-table-wrap .ant-table-content,
.ecas-study-participants-list .ecas-table-wrap .ant-table-header {
  border-radius: 0 !important;
}

.ecas-study-participants-list
  .ecas-table-wrap
  .ant-table-thead
  > tr
  > th:first-child,
.ecas-study-participants-list
  .ecas-table-wrap
  .ant-table-thead
  > tr
  > th:last-child {
  border-radius: 0 !important;
}

.ecas-study-participants-list .ecas-table-wrap .ant-table-tbody > tr > td {
  background-color: #fff !important;
}

.list-of-participant-page .rapa-filters-row .filter-element,
.list-of-participant-page .rapa-filters-row .form-control.input-field,
.list-of-participant-page .rapa-filters-row .ant-select,
.list-of-participant-page .ecas-filters-row .filter-element,
.list-of-participant-page .ecas-filters-row .form-control.input-field,
.list-of-participant-page .ecas-filters-row .ant-select,
.list-of-participant-page .asymptomatic-filters-row .filter-element,
.list-of-participant-page .asymptomatic-filters-row .form-control.input-field,
.list-of-participant-page .asymptomatic-filters-row .ant-select {
  width: 100% !important;
  max-width: 100% !important;
}

.list-of-participant-page .ecas-filters-row .form-control.input-field {
  height: 51px !important;
  min-height: 51px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-radius: 0 !important;
}

.list-of-participant-page .ecas-filters-row .ant-select {
  min-height: 51px !important;
  border-radius: 0 !important;
}

.list-of-participant-page
  .ecas-filters-row
  .ant-select.ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  max-height: 51px !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.list-of-participant-page
  .ecas-filters-row
  .ant-select.ant-select-single
  .ant-select-selector
  .ant-select-selection-item,
.list-of-participant-page
  .ecas-filters-row
  .ant-select.ant-select-single
  .ant-select-selector
  .ant-select-selection-placeholder {
  line-height: 51px !important;
}

.list-of-participant-page
  .ecas-filters-row
  .ant-select.ant-select-multiple
  .ant-select-selector {
  min-height: 51px !important;
  max-height: 51px !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

.list-of-participant-page
  .ecas-filters-row
  .ant-select.ant-select-multiple
  .ant-select-selection-item {
  border-radius: 0 !important;
}

.list-of-participant-page .rapa-filters-row .form-control.input-field {
  height: 51px !important;
  min-height: 51px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-radius: 0 !important;
}

.list-of-participant-page .rapa-filters-row .ant-select {
  min-height: 51px !important;
  border-radius: 0 !important;
}

.list-of-participant-page
  .rapa-filters-row
  .ant-select.ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  max-height: 51px !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.list-of-participant-page
  .rapa-filters-row
  .ant-select.ant-select-single
  .ant-select-selector
  .ant-select-selection-item,
.list-of-participant-page
  .rapa-filters-row
  .ant-select.ant-select-single
  .ant-select-selector
  .ant-select-selection-placeholder {
  line-height: 51px !important;
}

.list-of-participant-page
  .rapa-filters-row
  .ant-select.ant-select-multiple
  .ant-select-selector {
  min-height: 51px !important;
  max-height: 51px !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

.list-of-participant-page
  .rapa-filters-row
  .ant-select.ant-select-multiple
  .ant-select-selection-item {
  border-radius: 0 !important;
}

/* RAPA study list: filter box + inset from sidebar (legacy) */
.rapa-participants-list .rapa-filters-box {
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 0;
  padding: 14px 14px 8px 14px;
  margin-bottom: 14px;
  margin-left: 24px;
  margin-right: 16px;
}

.rapa-participants-list .rapa-filters-box .rapa-filters-row {
  margin-left: -8px;
  margin-right: -8px;
}

.rapa-participants-list .rapa-filters-box .rapa-filters-row > [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

/* RAPA first filter row: same baseline, equal columns, no vertical centering drift */
.rapa-participants-list .rapa-filters-box .rapa-filters-row-top {
  align-items: flex-start !important;
  row-gap: 10px;
}

.rapa-participants-list
  .rapa-filters-box
  .rapa-filters-row-top
  > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

.rapa-participants-list .rapa-filters-box .rapa-filters-row-top label {
  min-height: 48px !important;
  display: flex !important;
  align-items: flex-end !important;
  margin-bottom: 6px !important;
}

.rapa-participants-list .rapa-filters-box .rapa-filters-row-top .filter-element,
.rapa-participants-list .rapa-filters-box .rapa-filters-row-top .select-status,
.rapa-participants-list
  .rapa-filters-box
  .rapa-filters-row-top
  .participant-ac-column-filter-input {
  margin-bottom: 0 !important;
}

.rapa-participants-list
  .rapa-filters-box
  .rapa-filters-row-top
  .participant-ac-column-filter-input.ant-select.ant-select-multiple
  .ant-select-selector {
  min-height: 51px !important;
  max-height: 51px !important;
  height: 51px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

.rapa-participants-list
  .rapa-filters-box
  .rapa-filters-row-top
  .participant-ac-column-filter-input.ant-select.ant-select-multiple
  .ant-select-selection-overflow {
  flex-wrap: nowrap !important;
}

.rapa-participants-list .rapa-heading-row {
  margin-left: 24px;
  margin-right: 16px;
}

.rapa-participants-list .rapa-actions-row {
  margin-left: 24px;
  margin-right: 16px;
}

.rapa-participants-list .rapa-actions-row > [class*="col-"] {
  padding-right: 0 !important;
}

/* RAPA list actions: match asymptomatic / other study participant toolbars */
.rapa-participants-list .par-buttons,
.path-to-trials-participants-list .par-buttons {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 10px;
  top: 0 !important;
}

.rapa-participants-list .par-buttons .btn.primary,
.rapa-participants-list .par-buttons a.btn.primary,
.ecas-study-participants-list .par-buttons .btn.primary,
.ecas-study-participants-list .par-buttons a.btn.primary,
.path-to-trials-participants-list .par-buttons .btn.primary,
.path-to-trials-participants-list .par-buttons a.btn.primary {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
  min-width: 0 !important;
  width: auto !important;
  white-space: nowrap !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ecas-study-participants-list .par-buttons {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 10px;
  top: 0 !important;
}

.rapa-participants-list .rapa-table-row {
  margin-left: 24px;
  margin-right: 16px;
}

.rapa-participants-list .rapa-table-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.rapa-participants-list .rapa-table-wrap .ant-table,
.rapa-participants-list .rapa-table-wrap .ant-table-container,
.rapa-participants-list .rapa-table-wrap .ant-table-content,
.rapa-participants-list .rapa-table-wrap .ant-table-header {
  border-radius: 0 !important;
}

.rapa-participants-list .rapa-table-wrap .ant-table-thead > tr > th:first-child,
.rapa-participants-list .rapa-table-wrap .ant-table-thead > tr > th:last-child {
  border-radius: 0 !important;
}

@media (max-width: 1400px) {
  .rapa-participants-list .rapa-heading-row,
  .rapa-participants-list .rapa-filters-box,
  .rapa-participants-list .rapa-actions-row,
  .rapa-participants-list .rapa-table-row {
    margin-left: 30px;
  }
}

/* LE Study (Spanish Speaking) participants — /participants/le-study */
.le-study-participants-page {
  min-width: 0;
  max-width: 100%;
}

/* Padding is provided by the shared .eals-list-card rule (22px 24px 26px). */

.le-study-participants-list .le-study-page-wrapper .ambassador-heading-section {
  justify-content: flex-start !important;
}

.le-study-participants-list .le-study-page-wrapper h3.le-study-page-title {
  text-align: left !important;
  width: auto;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  line-height: 1.3 !important;
}

.le-study-participants-list .par-buttons {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px;
  top: 0 !important;
}

.le-study-participants-list .par-buttons .btn.primary,
.le-study-participants-list .par-buttons a.btn.primary {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
  min-width: 0 !important;
  width: auto !important;
  white-space: nowrap !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.le-study-participants-list .le-filters-box {
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 0;
  padding: 14px 14px 12px 14px;
  margin-bottom: 14px;
}

.le-study-participants-list .le-filters-box .le-filters-actions-row {
  margin-left: -8px;
  margin-right: -8px;
}

/* Actions on top of filter box; space below before Search row */
.le-study-participants-list .le-filters-box .le-filters-actions-row-top {
  margin-bottom: 10px;
}

.le-study-participants-list .le-filters-box .le-filters-row-top {
  margin-top: 0;
}

.le-study-participants-list
  .le-filters-box
  .le-filters-actions-row
  > [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

.le-study-participants-list
  .le-filters-box
  .le-filters-actions-row
  .par-buttons {
  justify-content: flex-end !important;
}

.le-study-participants-list .le-filters-box .le-filters-row {
  margin-left: -8px;
  margin-right: -8px;
  align-items: flex-start !important;
  row-gap: 10px;
}

.le-study-participants-list .le-filters-box .le-filters-row > [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  flex-direction: column;
}

.le-study-participants-list .le-filters-box label {
  min-height: 48px !important;
  display: flex !important;
  align-items: flex-end !important;
  margin-bottom: 6px !important;
}

.list-of-participant-page.le-study-participants-list
  .le-filters-row
  .form-control.input-field,
.list-of-participant-page.le-study-participants-list
  .le-filters-row
  .ant-select {
  width: 100% !important;
  max-width: 100% !important;
}

.list-of-participant-page.le-study-participants-list
  .le-filters-row
  .form-control.input-field {
  height: 51px !important;
  min-height: 51px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}

.list-of-participant-page.le-study-participants-list
  .le-filters-row
  .ant-select {
  min-height: 51px !important;
  border-radius: 0 !important;
}

.list-of-participant-page.le-study-participants-list
  .le-filters-row
  .ant-select.ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  max-height: 51px !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.list-of-participant-page.le-study-participants-list
  .le-filters-row
  .ant-select.ant-select-single
  .ant-select-selector
  .ant-select-selection-item,
.list-of-participant-page.le-study-participants-list
  .le-filters-row
  .ant-select.ant-select-single
  .ant-select-selector
  .ant-select-selection-placeholder {
  line-height: 51px !important;
}

.le-study-participants-list .le-table-row {
  margin-left: 0;
  margin-right: 0;
}

.le-study-participants-list .le-table-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.le-study-participants-list .le-table-wrap .ant-table,
.le-study-participants-list .le-table-wrap .ant-table-container,
.le-study-participants-list .le-table-wrap .ant-table-content,
.le-study-participants-list .le-table-wrap .ant-table-header {
  border-radius: 0 !important;
}

.le-study-participants-list
  .le-table-wrap
  .ant-table-thead
  > tr
  > th:first-child,
.le-study-participants-list
  .le-table-wrap
  .ant-table-thead
  > tr
  > th:last-child {
  border-radius: 0 !important;
}

.le-study-participants-list .le-table-wrap .ant-table-tbody > tr:hover > td,
.le-study-participants-list
  .le-table-wrap
  .ant-table-tbody
  > tr.ant-table-row:hover
  > td {
  background: #ffffff !important;
}

/* View ROADS modal — date column must not clip MM/DD/YYYY */
.view-roads-modal-table .view-roads-date-cell {
  display: inline-block;
  white-space: nowrap;
  line-height: 1.25;
  font-size: 13px;
}

.view-roads-modal-table .ant-table-thead > tr > th:first-child,
.view-roads-modal-table .ant-table-tbody > tr > td:first-child,
.view-roads-modal-table .ant-table-cell-fix-left {
  min-width: 120px !important;
  width: 120px !important;
}

@media (max-width: 1400px) {
  .le-study-page-wrapper {
    padding-left: 30px !important;
  }
}

.list-of-participant-page .asymptomatic-filters-row .form-control.input-field {
  height: 51px !important;
  min-height: 51px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-radius: 0 !important;
}

.list-of-participant-page .asymptomatic-filters-row .ant-select {
  min-height: 51px !important;
  border-radius: 0 !important;
}

/* Asymptomatic list: tighter grid alignment per row */
.list-of-participant-page .asymptomatic-filters-row {
  row-gap: 10px;
}

.list-of-participant-page .asymptomatic-filters-row > [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

.list-of-participant-page .asymptomatic-filters-row-top,
.list-of-participant-page .asymptomatic-filters-row-middle,
.list-of-participant-page .asymptomatic-filters-row-bottom {
  margin-left: -8px;
  margin-right: -8px;
}

.list-of-participant-page .asymptomatic-filters-row .radcliff-filter-field,
.list-of-participant-page
  .asymptomatic-filters-row
  .filter-by-onboarding-status-input-wrapper,
.list-of-participant-page
  .asymptomatic-filters-row
  .filter-by-activity-input-wrapper {
  display: flex;
  flex-direction: column;
}

.list-of-participant-page .asymptomatic-filters-row label {
  display: flex;
  align-items: flex-end;
  margin-bottom: 6px !important;
}

.list-of-participant-page .asymptomatic-filters-row-top label,
.list-of-participant-page .asymptomatic-filters-row-bottom label {
  min-height: 48px !important;
}

.list-of-participant-page .asymptomatic-filters-row-middle label {
  min-height: 34px !important;
}

.asymptomatic-participants-list .asymptomatic-filters-row {
  margin-left: 24px;
  margin-right: 16px;
}

/* legacy */
.asymptomatic-participants-list .asymptomatic-filters-box {
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 0;
  padding: 14px 14px 8px 14px;
  margin-bottom: 14px;
  margin-left: 24px;
  margin-right: 16px;
}

/* Remove extra per-row outer margins once wrapped in the box */
.asymptomatic-participants-list
  .asymptomatic-filters-box
  .asymptomatic-filters-row {
  margin-left: -8px;
  margin-right: -8px;
}

.asymptomatic-participants-list
  .asymptomatic-filters-box
  .asymptomatic-filters-row-top
  > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

.asymptomatic-participants-list
  .asymptomatic-filters-box
  .asymptomatic-filters-row-top
  label {
  min-height: 48px !important;
  display: flex !important;
  align-items: flex-end !important;
  margin-bottom: 6px !important;
}

/* Keep top-row "Filter By Column" from growing taller than other controls */
.asymptomatic-participants-list
  .asymptomatic-filters-box
  .asymptomatic-filters-row-top
  .participant-ac-column-filter-input.ant-select.ant-select-multiple
  .ant-select-selector {
  min-height: 51px !important;
  max-height: 51px !important;
  height: 51px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

.asymptomatic-participants-list
  .asymptomatic-filters-box
  .asymptomatic-filters-row-top
  .participant-ac-column-filter-input.ant-select.ant-select-multiple
  .ant-select-selection-overflow {
  flex-wrap: nowrap !important;
}

/* Asymptomatic first filter row: no vertical centering drift, equal columns */
.asymptomatic-participants-list
  .asymptomatic-filters-box
  .asymptomatic-filters-row-top {
  align-items: flex-start !important;
  row-gap: 10px;
}

.asymptomatic-participants-list
  .asymptomatic-filters-box
  .asymptomatic-filters-row-top
  .filter-element,
.asymptomatic-participants-list
  .asymptomatic-filters-box
  .asymptomatic-filters-row-top
  .select-status,
.asymptomatic-participants-list
  .asymptomatic-filters-box
  .asymptomatic-filters-row-top
  .participant-ac-column-filter-input {
  margin-bottom: 0 !important;
}

/* Asymptomatic list actions: keep View/Export side-by-side */
.asymptomatic-participants-list .par-buttons {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 10px;
  top: 0 !important;
}

.asymptomatic-participants-list .par-buttons .btn.primary,
.asymptomatic-participants-list .par-buttons a.btn.primary {
  margin-bottom: 0 !important;
  min-width: 0 !important;
  width: auto !important;
  white-space: nowrap !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.asymptomatic-participants-list .asymptomatic-actions-row {
  margin-left: 24px;
  margin-right: 16px;
}

.asymptomatic-participants-list .asymptomatic-heading-row {
  margin-left: 24px;
  margin-right: 16px;
}

.asymptomatic-participants-list .asymptomatic-actions-row > [class*="col-"] {
  padding-right: 0 !important;
}

.asymptomatic-participants-list .asymptomatic-table-row {
  margin-left: 24px;
  margin-right: 16px;
}

.asymptomatic-participants-list .asymptomatic-table-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.asymptomatic-participants-list .asymptomatic-table-wrap .ant-table,
.asymptomatic-participants-list .asymptomatic-table-wrap .ant-table-container,
.asymptomatic-participants-list .asymptomatic-table-wrap .ant-table-content,
.asymptomatic-participants-list .asymptomatic-table-wrap .ant-table-header {
  border-radius: 0 !important;
}

.asymptomatic-participants-list
  .asymptomatic-table-wrap
  .ant-table-thead
  > tr
  > th:first-child,
.asymptomatic-participants-list
  .asymptomatic-table-wrap
  .ant-table-thead
  > tr
  > th:last-child {
  border-radius: 0 !important;
}

@media (max-width: 1400px) {
  .asymptomatic-participants-list .asymptomatic-heading-row,
  .asymptomatic-participants-list .asymptomatic-filters-row,
  .asymptomatic-participants-list .asymptomatic-filters-box,
  .asymptomatic-participants-list .asymptomatic-actions-row,
  .asymptomatic-participants-list .asymptomatic-table-row {
    margin-left: 30px;
  }
}

.list-of-participant-page
  .asymptomatic-filters-row
  .ant-select.ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  max-height: 51px !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.list-of-participant-page
  .asymptomatic-filters-row
  .ant-select.ant-select-single
  .ant-select-selector
  .ant-select-selection-item,
.list-of-participant-page
  .asymptomatic-filters-row
  .ant-select.ant-select-single
  .ant-select-selector
  .ant-select-selection-placeholder {
  line-height: 51px !important;
}

.list-of-participant-page
  .asymptomatic-filters-row
  .ant-select.ant-select-multiple
  .ant-select-selector {
  min-height: 51px !important;
  max-height: 51px !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

.list-of-participant-page
  .asymptomatic-filters-row
  .ant-select.ant-select-multiple
  .ant-select-selection-item {
  border-radius: 0 !important;
}

/* Speech participants: enforce 51px filter control height */
.speech-participants-list .filter-element.form-control.input-field {
  height: 51px !important;
  min-height: 51px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-radius: 0 !important;
}

/* Speech Participants list: grouped filter box + row/column alignment (legacy) */
.speech-participants-list .speech-filters-box {
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 0;
  padding: 14px 14px 8px 14px;
  margin-bottom: 14px;
  margin-left: 24px;
  margin-right: 16px;
}

.speech-participants-list .speech-heading-row {
  margin-left: 24px;
  margin-right: 16px;
}

.speech-participants-list .speech-filters-row {
  row-gap: 10px;
}

.speech-participants-list .speech-filters-row > [class*="col-"] {
  display: flex;
  flex-direction: column;
  padding-left: 8px;
  padding-right: 8px;
}

.speech-participants-list .speech-filters-row-top,
.speech-participants-list .speech-filters-row-middle,
.speech-participants-list .speech-filters-row-bottom {
  margin-left: -8px;
  margin-right: -8px;
}

.speech-participants-list .speech-filters-row label {
  min-height: 34px !important;
  margin-bottom: 6px !important;
  display: flex;
  align-items: flex-end;
}

.speech-participants-list .speech-filters-row-top label {
  min-height: 48px !important;
}

.speech-participants-list .speech-filters-row-bottom label {
  min-height: 48px !important;
}

.speech-participants-list .speech-filters-row .form-control.input-field,
.speech-participants-list .speech-filters-row .ant-select,
.speech-participants-list .speech-filters-row .filter-element {
  width: 100% !important;
  max-width: 100% !important;
}

.speech-participants-list .speech-filters-actions-row > [class*="col-"] {
  display: block !important;
}

.speech-participants-list .speech-filters-actions-row {
  margin-left: 24px;
  margin-right: 16px;
}

.speech-participants-list .speech-filters-actions-row > .col-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.speech-participants-list .speech-filters-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  gap: 10px;
}

.speech-participants-list .speech-filters-actions .speech-export-btn {
  margin-left: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.speech-participants-list .speech-filters-actions .speech-actions-break {
  flex-basis: 100%;
  height: 0;
}

.speech-participants-list .speech-table-row {
  margin-left: 24px;
  margin-right: 16px;
}

.speech-participants-list .speech-table-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.speech-participants-list .speech-table-wrap .ant-table,
.speech-participants-list .speech-table-wrap .ant-table-container,
.speech-participants-list .speech-table-wrap .ant-table-content,
.speech-participants-list .speech-table-wrap .ant-table-header {
  border-radius: 0 !important;
}

.speech-participants-list
  .speech-table-wrap
  .ant-table-thead
  > tr
  > th:first-child,
.speech-participants-list
  .speech-table-wrap
  .ant-table-thead
  > tr
  > th:last-child {
  border-radius: 0 !important;
}

@media (max-width: 1400px) {
  .speech-participants-list .speech-heading-row,
  .speech-participants-list .speech-filters-actions-row,
  .speech-participants-list .speech-filters-box,
  .speech-participants-list .speech-table-row {
    margin-left: 30px;
  }
}

.speech-participants-list .filter-element.ant-select {
  min-height: 51px !important;
  border-radius: 0 !important;
}

.speech-participants-list
  .filter-element.ant-select.ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  max-height: 51px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 0 !important;
}

.speech-participants-list
  .filter-element.ant-select.ant-select-single
  .ant-select-selector
  .ant-select-selection-item,
.speech-participants-list
  .filter-element.ant-select.ant-select-single
  .ant-select-selector
  .ant-select-selection-placeholder {
  line-height: 51px !important;
}

.speech-participants-list
  .filter-element.ant-select.ant-select-multiple
  .ant-select-selector {
  min-height: 51px !important;
  max-height: 51px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  border-radius: 0 !important;
}

.speech-participants-list
  .filter-element.ant-select.ant-select-multiple
  .ant-select-selection-item {
  border-radius: 0 !important;
}

.speech-participants-list
  .participant-ac-column-filter-input.ant-select.ant-select-multiple
  .ant-select-selector {
  min-height: 51px !important;
  max-height: 51px !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

.speech-participants-list
  .participant-ac-column-filter-input.ant-select.ant-select-multiple
  .ant-select-selection-item {
  border-radius: 0 !important;
}

/* Admin report filters */
.admin-report-wrapper {
  margin: 0;
  box-shadow: none;
}

.admin-report-title {
  padding: 20px 0;
  color: #000;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 20px;
}

.admin-report-dropdown {
  min-width: 260px;
}

.admin-report-wrapper .filter-element label {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 500;
  color: #3f3f3f;
}

.admin-report-wrapper .admin-report-filters-row {
  align-items: flex-start;
}

.admin-report-wrapper .admin-report-filters-row .filter-element {
  margin-bottom: 15px;
}

/* EALS Registry filters: 51px controls with square corners */
.eals-registry-section-wrapper .filter-element.ant-select {
  min-height: 51px !important;
  border-radius: 0 !important;
}

.eals-registry-section-wrapper
  .filter-element.ant-select.ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  max-height: 51px !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.eals-registry-section-wrapper
  .filter-element.ant-select.ant-select-single
  .ant-select-selector
  .ant-select-selection-item,
.eals-registry-section-wrapper
  .filter-element.ant-select.ant-select-single
  .ant-select-selector
  .ant-select-selection-placeholder {
  line-height: 51px !important;
}

.eals-registry-section-wrapper
  .filter-element.ant-select.ant-select-multiple
  .ant-select-selector {
  min-height: 51px !important;
  max-height: 51px !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

.eals-registry-section-wrapper
  .filter-element.ant-select.ant-select-multiple
  .ant-select-selection-item {
  border-radius: 0 !important;
}

/* EALS Registry: keep all filters inside one filter box */
.eals-registry-section-wrapper .eals-registry-filters-box {
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 0;
  padding: 14px 14px 8px 14px;
  margin-bottom: 14px;
}

/* Registry filter box uses a fixed grid (instead of the default flex-wrap) so
   conditionally shown fields — e.g. the State input that appears only when
   Location = USA — drop into a clean cell without reflowing/stretching the
   surrounding fields and distorting the layout. */
.eals-registry-filters-box.eals-list-filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
}
.eals-registry-filters-box .eals-list-filter-item {
  min-width: 0;
  max-width: none;
}
@media (max-width: 1200px) {
  .eals-registry-filters-box.eals-list-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .eals-registry-filters-box.eals-list-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .eals-registry-filters-box.eals-list-filters {
    grid-template-columns: 1fr;
  }
}

.eals-registry-section-wrapper
  .eals-registry-filters-box
  .eals-registry-filters-row {
  margin-left: -8px;
  margin-right: -8px;
}

.eals-registry-section-wrapper
  .eals-registry-filters-box
  .eals-registry-filters-row
  > [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

/* Session report filters: match select height to input and square corners */
.participant-session-report .filter-element.form-control.input-field {
  height: 51px !important;
  min-height: 51px !important;
  border-radius: 0 !important;
}

.participant-session-report .filter-element.ant-select {
  min-height: 51px !important;
  border-radius: 0 !important;
}

.participant-session-report
  .filter-element.ant-select.ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  max-height: 51px !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.participant-session-report
  .filter-element.ant-select.ant-select-single
  .ant-select-selector
  .ant-select-selection-item,
.participant-session-report
  .filter-element.ant-select.ant-select-single
  .ant-select-selector
  .ant-select-selection-placeholder {
  line-height: 51px !important;
}

.participant-session-report
  .filter-element.ant-select.ant-select-multiple
  .ant-select-selector {
  min-height: 51px !important;
  max-height: 51px !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

.participant-session-report
  .filter-element.ant-select.ant-select-multiple
  .ant-select-selection-item {
  border-radius: 0 !important;
}

.admin-report-wrapper .admin-report-search-col {
  margin-top: 4px;
}

.admin-report-wrapper .participant-ac-column-filter-input {
  width: 100%;
}

.admin-report-wrapper
  .participant-ac-column-filter-input.ant-select-single:not(
    .ant-select-customize-input
  )
  .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  border-radius: 2px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 10px !important;
}

.admin-report-wrapper
  .participant-ac-column-filter-input
  .ant-select-selection-item,
.admin-report-wrapper
  .participant-ac-column-filter-input
  .ant-select-selection-placeholder {
  line-height: 49px !important;
  font-size: 14px !important;
}

.admin-report-date-input {
  width: 100%;
  height: 51px !important;
  min-height: 51px !important;
  border-radius: 2px !important;
}

.admin-report-wrapper .admin-report-date-input .ant-picker-input > input {
  height: 49px !important;
  font-size: 14px !important;
}

.admin-report-search-btn {
  margin-top: 8px;
  height: 51px !important;
  min-height: 51px !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Shared ALSFRS modal styles */
.alsfrs-cell-pointer {
  cursor: pointer;
}

.alsfrs-trigger-icon {
  color: #000;
  font-size: 18px;
  position: relative;
  top: 2px;
}

.alsfrs-trigger-label {
  font-size: 14px;
  margin-left: 10px;
}

.alsfrs-view-file-button {
  background: #b66c4b;
  font-weight: 400;
  padding: 4px 8px;
  border-radius: 6px;
  color: #fff;
}

.alsfrs-view-file-badge {
  background: #b66c4b;
  font-weight: 300;
  padding: 4px 8px;
  border-radius: 6px;
  color: #fff;
}

/* Password Policy Logs: table header should be black only on this page */
.password-policy-logs-page .records-wrapper .ant-table-thead > tr > th,
.password-policy-logs-page
  .records-wrapper
  .ant-table-thead
  > tr
  > th.ant-table-cell,
.password-policy-logs-page
  .records-wrapper
  thead.ant-table-thead
  th.ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
}

.password-policy-logs-page .records-wrapper .ant-table-thead th * {
  color: inherit !important;
}

.password-policy-logs-page .ant-input-affix-wrapper,
.password-policy-logs-page .ant-input {
  height: 51px !important;
  min-height: 51px !important;
  border-radius: 0 !important;
}

.password-policy-logs-page .ant-input-affix-wrapper .ant-input {
  height: 100% !important;
  min-height: 100% !important;
  border-radius: 0 !important;
}

/* Drop Out report: align filters row-wise, 51px controls, square corners */
.dropout-report-main-page .dropout-filter-row {
  align-items: flex-end;
}

.dropout-report-main-page .dropout-filter-row .filter-element {
  display: flex;
  flex-direction: column;
}

.dropout-report-main-page .dropout-filter-row .filter-element > label {
  min-height: 24px;
  margin-bottom: 8px;
}

.dropout-report-main-page .dropout-filter-row .dropout-search-col::before {
  content: none;
}

.dropout-report-main-page .dropout-filter-row .dropout-search-col {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.dropout-report-main-page
  .dropout-filter-row
  .dropout-search-col
  .dropout-search-btn {
  width: 100%;
}

.dropout-report-main-page .dropout-filter-row .dropout-search-label-spacer {
  min-height: 24px;
  margin-bottom: 8px;
}

.dropout-report-main-page .dropout-days-select.ant-select {
  min-height: 51px !important;
}

.dropout-report-main-page
  .dropout-days-select.ant-select.ant-select-single:not(
    .ant-select-customize-input
  )
  .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  max-height: 51px !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.dropout-report-main-page
  .dropout-days-select.ant-select.ant-select-single
  .ant-select-selector
  .ant-select-selection-item,
.dropout-report-main-page
  .dropout-days-select.ant-select.ant-select-single
  .ant-select-selector
  .ant-select-selection-placeholder {
  line-height: 51px !important;
}

.dropout-report-main-page .dropout-search-btn.btn.primary,
.dropout-report-main-page a.dropout-search-btn.btn.primary {
  height: 51px !important;
  min-height: 51px !important;
  border-radius: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 0 !important;
}

/* Password notes tooltip (Change Password / Reset Password) */
.password-notes-tooltip {
  padding: 2px 0;
  width: 320px;
  max-width: 320px;
  font-size: 13px;
}

.password-notes-tooltip__heading {
  font-weight: 600;
  margin-bottom: 6px;
}

.password-notes-tooltip__list {
  margin: 0;
  padding-left: 16px;
  line-height: 1.35;
  word-break: break-word;
}

.password-notes-tooltip-icon {
  margin-left: 8px;
  cursor: pointer;
  color: #b66b4b;
}

.password-notes-tooltip-overlay.ant-tooltip .ant-tooltip-inner {
  width: 320px;
  min-width: 320px;
  max-width: 320px;
  white-space: normal;
  word-break: break-word;
  padding: 8px 10px !important;
  background: #1f1f1f !important;
  color: #fff !important;
  opacity: 1 !important;
}

.password-notes-tooltip-overlay.ant-tooltip .ant-tooltip-arrow::before {
  background: #1f1f1f !important;
}

.password-notes-tooltip-overlay.ant-tooltip {
  max-width: none !important;
  z-index: 9999 !important;
}

/* ECAS section score columns: allow full width so timer can sit at far right */
@media (min-width: 992px) {
  .ecas-section-score-col {
    max-width: none;
  }
}

/* ECAS section timers - make completed (disabled) buttons look clearly disabled */
.ecas-timer-btn-disabled.ant-btn[disabled] {
  background-color: #f5f5f5 !important;
  border-color: #d9d9d9 !important;
  color: #bfbfbf !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

/* External admin — ECAS dashboard tiles (ExternalEcasDashboardSection) */
.external-ecas-dashboard-heading {
  position: relative;
  top: 119px;
  left: 45px;
  font-size: 19px;
  font-weight: 400;
}

.external-ecas-dashboard-section.main-section.dashboard {
  margin-top: 145px;
  padding-left: 32px;
  padding-right: 30px;
}

/* ---------------------------------------------------------------------------
   Ant Design Table — app-wide (every `<Table />` under `#body`)
   Card on `.ant-spin-container > .ant-table` (match /admin_users): #e0e0e0
   border, 8px radius, light shadow; pagination stays below the card. Rules
   below also force 8px radii on `.ant-table-container` + corner th/td so list
   pages stay aligned with legacy `.records-wrapper` tables (~5471–5514).
   --------------------------------------------------------------------------- */
body#body .ant-table-wrapper {
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

body#body .ant-table-wrapper .ant-spin-container > .ant-table {
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
}

body#body .ant-table-wrapper .ant-table-tbody > tr:last-child > .ant-table-cell,
body#body .ant-table-wrapper .ant-table-tbody > tr:last-child > td {
  border-bottom: 1px solid #d9d9d9 !important;
}

body#body
  .records-wrapper
  .ant-table-wrapper
  .ant-table-tbody
  > tr:last-child
  > .ant-table-cell,
body#body
  .records-wrapper
  .ant-table-wrapper
  .ant-table-tbody
  > tr:last-child
  > td {
  border-bottom: 0.5px solid #000 !important;
}

body#body .ant-table-wrapper .ant-spin-container > .ant-pagination {
  margin-top: 16px !important;
}

/* App-wide: same rounded corners as legacy lists — overrides page rules that set
   `.ant-table-container` / corner cells to `border-radius: 0` (Consortia Alerts,
   Search ECAS, reports, etc.) so the bottom corners are not “cut” vs the card. */
body#body .ant-table-wrapper .ant-table-container {
  border-radius: 8px !important;
  overflow: hidden !important;
}

body#body .ant-table-wrapper .ant-table-thead > tr > th:first-child,
body#body
  .ant-table-wrapper
  .ant-table-thead
  > tr
  > th:first-child.ant-table-cell {
  border-top-left-radius: 8px !important;
}

body#body .ant-table-wrapper .ant-table-thead > tr > th:last-child,
body#body
  .ant-table-wrapper
  .ant-table-thead
  > tr
  > th:last-child.ant-table-cell {
  border-top-right-radius: 8px !important;
}

body#body .ant-table-wrapper .ant-table-tbody > tr:last-child > td:first-child,
body#body
  .ant-table-wrapper
  .ant-table-tbody
  > tr:last-child
  > td:first-child.ant-table-cell {
  border-bottom-left-radius: 8px !important;
}

body#body .ant-table-wrapper .ant-table-tbody > tr:last-child > td:last-child,
body#body
  .ant-table-wrapper
  .ant-table-tbody
  > tr:last-child
  > td:last-child.ant-table-cell {
  border-bottom-right-radius: 8px !important;
}

.wrapped_column {
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}

/* View Aural Data page */
.eals-m-0-shadow-none {
  margin: 0 !important;
  box-shadow: none !important;
  padding-left: 56px !important;
}

/* Radcliff Form Details page */
.radcliff-form-details-wrapper {
  margin: 0 !important;
  box-shadow: none !important;
  padding-left: 56px !important;
  top: 0 !important;
}

.radcliff-form-details-wrapper .row > a.btn {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  display: inline-block !important;
}

.radcliff-form-details-heading {
  margin-top: 20px;
  font-style: inherit;
  margin-bottom: 22px;
  text-transform: capitalize;
}

/* ProfileDetails page */
.profile-details-heading {
  margin-top: 50px;
  font-style: inherit;
  margin-bottom: 22px;
  text-transform: capitalize;
}

.profile-details-wrapper-default {
  box-shadow: none !important;
}

.mgh-details-tab-section {
  margin: 15px 4px;
}

.mgh-details-tab-section-top {
  margin-top: 30px;
}

.profile-tab-not-available {
  padding: 25px 0;
  font-size: 19px;
}

.profile-tab-not-available-centered {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.alsfrs-table-row th,
.alsfrs-table-row .ant-table-thead > tr > th,
.alsfrs-table-row .ant-table-thead th.ant-table-cell,
.view-coordinator-page th,
.view-coordinator-page .ant-table-thead > tr > th,
.view-coordinator-page .ant-table-thead th.ant-table-cell,
.cpib-form-table-row th,
.cpib-form-table-row .ant-table-thead > tr > th,
.cpib-form-table-row .ant-table-thead th.ant-table-cell,
.ares-score-table-row th,
.ares-score-table-row .ant-table-thead > tr > th,
.ares-score-table-row .ant-table-thead th.ant-table-cell,
.session-list-table-wrapper th,
.session-list-table-wrapper .ant-table-thead > tr > th,
.session-list-table-wrapper .ant-table-thead th.ant-table-cell {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
}

.alsfrs-section-heading {
  font-size: 23px;
  padding-bottom: 21px;
  margin-left: 0;
  position: relative;
  left: -12px;
}

.profile-overflow-x {
  overflow-x: scroll;
}

/* View Session List page */
.view-session-list-main {
  padding-left: 56px !important;
}

/* View MGH Details page */
.view-mgh-details-main {
  padding-left: 56px !important;
}

.view-mgh-details-wrapper {
  margin: 0 !important;
  box-shadow: none !important;
  padding-top: 0 !important;
}

.view-mgh-details-heading {
  margin-top: 20px;
  font-style: inherit;
  margin-bottom: 22px;
  text-transform: capitalize;
}

.view-mgh-details-form-field {
  position: relative;
  left: -11px;
}

/* ==================
   Asymptomatic Form Details
   ================== */
.asym-form-details-main {
  padding-left: 56px !important;
}

.asym-form-details-heading {
  margin-top: 20px;
  font-style: inherit;
  margin-bottom: 22px;
  text-transform: capitalize;
}

.asym-form-details-form-field {
  margin: 0 !important;
  max-width: 100% !important;
  border: 1px solid #ddd !important;
  padding: 17px !important;
}

.asym-form-copy-icon {
  font-size: 15px;
  left: 0;
}

.asym-shoe-size-for-wrap {
  margin-top: 4px;
}

.asym-shoe-size-for-label {
  font-size: 18px;
}

.asym-shoe-size-for-li {
  list-style-type: disc;
  display: flex;
}

.asym-shoe-size-checkbox-li {
  overflow: hidden;
}

.asym-shoe-size-checkbox-li-men {
  margin-bottom: 12px;
}

.asym-shoe-size-checkbox {
  width: 27px;
  position: relative;
  top: 5px;
}

.asym-shoe-size-option-label {
  font-size: 18px;
  margin-left: 15px;
  width: 200px;
}

.asym-form-textarea {
  padding: 10px !important;
  background: #ddeef9 !important;
}

.asym-form-note-textarea {
  padding: 10px !important;
  background: #ddeef9 !important;
  border: 1px solid #ddeef9 !important;
}

.asym-form-save-btn {
  margin-top: 20px !important;
  margin-left: 13px !important;
  width: fit-content !important;
  display: inline-block !important;
}

.generate-session-datepicker {
  width: 100% !important;
  height: 50px !important;
}

/* View Log Details */
.view-log-details-table .ant-table-thead > tr > th {
  color: #000 !important;
}

/* ECAS Demographics */
.ecas-demographics-main {
  padding-left: 56px !important;
}

.ecas-demographics-main .form-group.d-flex {
  align-items: start;
}

.ecas-demographics-main input[type="text"],
.ecas-demographics-main input[type="date"],
.ecas-demographics-main input[type="number"] {
  height: 48px !important;
  min-height: 48px !important;
  box-sizing: border-box;
}

.ecas-demographics-main .ant-input-outlined,
.ecas-demographics-main .ant-input-affix-wrapper-outlined {
  height: 48px !important;
  min-height: 48px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.ecas-demographics-main .ant-select .ant-select-selector {
  height: 48px !important;
  min-height: 48px !important;
}

.ecas-demographics-main .ant-select-selection-item,
.ecas-demographics-main .ant-select-selection-placeholder {
  line-height: 46px !important;
}

.ecas-demographics-main .ant-picker {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
}

/* Demographics block: 48px to match ecas-form.styles (DOB picker, text inputs, etc.) */
.addecasform .ecas-demographics-main .ecas-input-field,
.addecasform .ecas-demographics-main .ecas-input-field.ant-input,
.addecasform .ecas-demographics-main .ant-input.ecas-input-field,
.addecasform .ecas-demographics-main .ant-picker.ecas-input-field,
.addecasform .ecas-demographics-main .ant-picker.ecas-dob-picker {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  box-sizing: border-box;
}

/* Ant Design 6: Select / AutoComplete use .ant-select root (not .ant-select-selector) */
.addecasform .ecas-demographics-main .search-email-input-box.ant-select,
.addecasform .ecas-demographics-main .ant-select.ecas-input-field {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  box-sizing: border-box !important;
  align-items: center !important;
}

.addecasform:not(.new-ecas-form) .ecas-form .search-email-input-box.ant-select,
.addecasform:not(.new-ecas-form) .ecas-form .ant-select.ecas-input-field {
  height: 51px !important;
  min-height: 51px !important;
  max-height: 51px !important;
  box-sizing: border-box !important;
  align-items: center !important;
}

.addecasform
  .ecas-demographics-main
  .search-email-input-box
  .ant-select-selector,
.addecasform
  .ecas-demographics-main
  .ant-select.ecas-input-field
  .ant-select-selector {
  height: 48px !important;
  min-height: 48px !important;
}

.addecasform:not(.new-ecas-form) .ecas-form .search-email-input-box .ant-select-selector,
.addecasform:not(.new-ecas-form) .ecas-form .ant-select.ecas-input-field .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
}

.addecasform .ecas-demographics-main .search-email-input-box .ant-select-input,
.addecasform:not(.new-ecas-form) .ecas-form .search-email-input-box .ant-select-input,
.addecasform
  .ecas-demographics-main
  .ant-select.ecas-input-field
  .ant-select-input,
.addecasform:not(.new-ecas-form) .ecas-form .ant-select.ecas-input-field .ant-select-input {
  height: 100% !important;
  min-height: 0 !important;
  margin-bottom: 0 !important;
  line-height: normal !important;
}

.addecasform
  .ecas-demographics-main
  .ant-select.ecas-input-field:not(.search-email-input-box),
.addecasform:not(.new-ecas-form)
  .ecas-form
  .ant-select.ecas-input-field:not(.search-email-input-box) {
  border: 1px solid #ddd !important;
  border-radius: 6px !important;
  padding: 0 11px !important;
  background-color: #fff !important;
}

/* Add ECAS form sections: uniform 51px input height (wizard body; not demographics) */
.addecasform:not(.new-ecas-form) .ecas-form .ecas-input-field,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-input-field.ant-input {
  height: 51px !important;
  min-height: 51px !important;
  box-sizing: border-box;
}

/* Demographics row lives inside .ecas-form — restore 48px after the 51px rule above */
.addecasform:not(.new-ecas-form) .ecas-demographics-main .ecas-input-field,
.addecasform:not(.new-ecas-form) .ecas-demographics-main .ecas-input-field.ant-input,
.addecasform:not(.new-ecas-form) .ecas-demographics-main .ant-input.ecas-input-field,
.addecasform:not(.new-ecas-form) .ecas-demographics-main .ant-picker.ecas-input-field,
.addecasform:not(.new-ecas-form) .ecas-demographics-main .ant-picker.ecas-dob-picker {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  box-sizing: border-box !important;
}

/* Add/Edit ECAS form sections: white input and textarea backgrounds */
.addecasform:not(.new-ecas-form) .ecas-form input.ecas-input-field,
.addecasform:not(.new-ecas-form) .ecas-form input.ecas-input-field:disabled,
.addecasform:not(.new-ecas-form) .ecas-form input.ecas-input-field[readonly],
.addecasform:not(.new-ecas-form) .ecas-form input[type="text"],
.addecasform:not(.new-ecas-form) .ecas-form input[type="number"],
.addecasform:not(.new-ecas-form) .ecas-form textarea,
.addecasform:not(.new-ecas-form) .ecas-form textarea.ecas-textarea-field,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-input-field.ant-input,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-input-field.ant-input-outlined,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-input-field.ant-input-affix-wrapper,
.addecasform:not(.new-ecas-form)
  .ecas-form
  .ecas-input-field.ant-input-affix-wrapper
  > input.ant-input,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-textarea-field.ant-input,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-textarea-field textarea,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input.ecas-input-field[disabled],
.addecasform:not(.new-ecas-form) .ecas-form .ant-input.ecas-input-field[readonly],
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-disabled.ecas-input-field,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-input-field,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-input-field[disabled],
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-textarea-field,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-textarea-field[disabled],
.addecasform:not(.new-ecas-form) .ecas-form .ant-picker {
  background-color: #fff !important;
  background: #fff !important;
}

.addecasform:not(.new-ecas-form) .ecas-form .ecas-input-field.ant-input:hover,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-input-field.ant-input:focus,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-input-field.ant-input:focus-within,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-textarea-field.ant-input:hover,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-textarea-field.ant-input:focus,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-textarea-field.ant-input:focus-within,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-input-field:hover,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-input-field:focus,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-input-field:focus-within,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-textarea-field:hover,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-textarea-field:focus,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-textarea-field:focus-within {
  background-color: #fff !important;
  background: #fff !important;
}

/* Add/Edit ECAS form sections (ecasFormAddComponents): uniform field border */
.addecasform:not(.new-ecas-form) .ecas-form input.ecas-input-field,
.addecasform:not(.new-ecas-form) .ecas-form input.ecas-input-field:disabled,
.addecasform:not(.new-ecas-form) .ecas-form input.ecas-input-field[readonly],
.addecasform:not(.new-ecas-form) .ecas-form input[type="text"],
.addecasform:not(.new-ecas-form) .ecas-form input[type="number"],
.addecasform:not(.new-ecas-form) .ecas-form textarea,
.addecasform:not(.new-ecas-form) .ecas-form textarea.ecas-textarea-field,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-input-field.ant-input,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-input-field.ant-input-outlined,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-input-field.ant-input-affix-wrapper,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-textarea-field.ant-input,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-textarea-field.ant-input-outlined,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input.ecas-input-field[disabled],
.addecasform:not(.new-ecas-form) .ecas-form .ant-input.ecas-input-field[readonly],
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-disabled.ecas-input-field,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-input-field,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-input-field[disabled],
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-textarea-field,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-textarea-field[disabled],
.addecasform:not(.new-ecas-form) .ecas-form .ant-picker,
.addecasform:not(.new-ecas-form) .ecas-form .ant-picker.ant-picker-outlined,
.addecasform:not(.new-ecas-form)
  .ecas-form
  .ant-select:not(.search-email-input-box)
  .ant-select-selector,
.addecasform:not(.new-ecas-form)
  .ecas-form
  .ant-select-single:not(.search-email-input-box)
  .ant-select-selector {
  border: 1px solid #ddd !important;
}

.addecasform:not(.new-ecas-form) .ecas-form .ecas-input-field.ant-input:hover,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-input-field.ant-input:focus,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-input-field.ant-input:focus-within,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-textarea-field.ant-input:hover,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-textarea-field.ant-input:focus,
.addecasform:not(.new-ecas-form) .ecas-form .ecas-textarea-field.ant-input:focus-within,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-input-field:hover,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-input-field:focus,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-input-field:focus-within,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-textarea-field:hover,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-textarea-field:focus,
.addecasform:not(.new-ecas-form) .ecas-form .ant-input-outlined.ecas-textarea-field:focus-within,
.addecasform:not(.new-ecas-form)
  .ecas-form
  .ant-select:not(.search-email-input-box):not(.ant-select-disabled):hover
  .ant-select-selector,
.addecasform:not(.new-ecas-form)
  .ecas-form
  .ant-select:not(.search-email-input-box).ant-select-focused
  .ant-select-selector,
.addecasform:not(.new-ecas-form) .ecas-form .ant-picker:hover,
.addecasform:not(.new-ecas-form) .ecas-form .ant-picker-focused {
  border-color: #ddd !important;
}

/* Participant email AutoComplete: single control surface (no double border) */
.addecasform .ecas-demographics-main .search-email-input-box.ant-select,
.addecasform:not(.new-ecas-form) .ecas-form .search-email-input-box.ant-select {
  width: 100% !important;
  margin-top: 10px !important;
  height: 51px !important;
  min-height: 51px !important;
  max-height: 51px !important;
  border: 1px solid #ddd !important;
  border-radius: 6px !important;
  background-color: #fff !important;
  box-shadow: none !important;
  padding: 0 11px !important;
  box-sizing: border-box !important;
  align-items: center !important;
}

.addecasform
  .ecas-demographics-main
  .search-email-input-box
  .ant-select-selector,
.addecasform:not(.new-ecas-form) .ecas-form .search-email-input-box .ant-select-selector {
  height: 51px !important;
  min-height: 51px !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
}

.addecasform
  .ecas-demographics-main
  .search-email-input-box
  .ant-select-selection-search-input,
.addecasform:not(.new-ecas-form)
  .ecas-form
  .search-email-input-box
  .ant-select-selection-search-input {
  height: 100% !important;
  margin-top: 0 !important;
}

/* Traditional ECAS only — legacy .wizard-form-field input/select in demographics */
.addecasform:not(.new-ecas-form) .wizard-form-field .ecas-demographics-main input.ecas-input-field,
.addecasform:not(.new-ecas-form) .wizard-form-field .ecas-demographics-main input[type="text"],
.addecasform:not(.new-ecas-form) .wizard-form-field .ecas-demographics-main input[type="date"],
.addecasform:not(.new-ecas-form) .wizard-form-field .ecas-demographics-main .ant-input.ecas-input-field {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin-bottom: 0 !important;
  padding-left: 14px !important;
  background-color: #fff !important;
  border: 1px solid #e2d5cf !important;
  border-radius: 12px !important;
}

.addecasform:not(.new-ecas-form) .wizard-form-field .ecas-demographics-main select,
.addecasform:not(.new-ecas-form) .ecas-demographics-main select.ecas-research-type-select {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin-bottom: 0 !important;
  padding: 0 16px !important;
  padding-left: 16px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #e2d5cf !important;
  border-radius: 12px !important;
  color: #1f2937 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 48px !important;
  box-sizing: border-box !important;
}

.addecasform:not(.new-ecas-form) .wizard-form-field .ecas-demographics-main .ant-picker.ecas-dob-picker {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin-bottom: 0 !important;
  padding: 0 14px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #e2d5cf !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
}

.addecasform:not(.new-ecas-form) .wizard-form-field .ecas-demographics-main input.ecas-input-field:focus,
.addecasform:not(.new-ecas-form) .wizard-form-field .ecas-demographics-main input[type="text"]:focus,
.addecasform:not(.new-ecas-form) .wizard-form-field .ecas-demographics-main input[type="date"]:focus {
  background-color: #fff !important;
  border: 1px solid #ddd !important;
}

.addecasform:not(.new-ecas-form)
  .wizard-form-field
  .ecas-demographics-main
  .search-email-input-box
  input,
.addecasform:not(.new-ecas-form)
  .wizard-form-field
  .ecas-demographics-main
  .search-email-input-box
  .ant-select-input,
.addecasform:not(.new-ecas-form)
  .wizard-form-field
  .ecas-demographics-main
  .search-email-input-box
  .ant-select-selection-search-input {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-bottom: 0 !important;
  padding: 0 11px !important;
  border: none !important;
  background-color: transparent !important;
}

.addecasform
  .ecas-demographics-main
  .search-email-input-box.ant-select:not(.ant-select-disabled):hover
  .ant-select-selector,
.addecasform
  .ecas-demographics-main
  .search-email-input-box.ant-select-focused
  .ant-select-selector,
.addecasform:not(.new-ecas-form)
  .ecas-form
  .search-email-input-box.ant-select:not(.ant-select-disabled):hover
  .ant-select-selector,
.addecasform:not(.new-ecas-form)
  .ecas-form
  .search-email-input-box.ant-select-focused
  .ant-select-selector {
  border-color: #ddd !important;
  box-shadow: none !important;
}

/* Ant Design 6 input background override (was white in Ant Design 4) */
.ant-input-outlined,
.ant-input-affix-wrapper.ant-input-outlined,
.ant-input-affix-wrapper-outlined {
  background: #fff !important;
}

.ant-input-outlined:hover,
.ant-input-outlined:focus,
.ant-input-outlined:focus-within,
.ant-input-affix-wrapper-outlined:hover,
.ant-input-affix-wrapper-outlined:focus,
.ant-input-affix-wrapper-outlined:focus-within {
  background: #fff !important;
}

.ant-select:not(.ant-select-disabled) .ant-select-selector {
  background: #fff !important;
}

.ant-picker.ant-picker-outlined {
  background: #fff !important;
}

/* View Session List */
.eals-wrapper-pt-0 {
  padding-top: 0 !important;
}

.eals-text-18 {
  font-size: 18px;
}

.view-session-list-inner {
  margin: 17px 0 14px 14px;
}

.view-session-list-add-btn {
  font-size: 14px !important;
  margin-bottom: 15px !important;
}

/* ===== Edit In-Clinic Form ===== */
.edit-in-clinic-content {
  padding-top: 110px;
}

.edit-in-clinic-card {
  margin: 0 !important;
  box-shadow: none !important;
}

.edit-in-clinic-heading {
  margin-top: 20px;
  font-style: inherit;
  margin-bottom: 22px;
  text-transform: capitalize;
}

.edit-in-clinic-inner {
  margin: 0;
  border: 1px solid #ddd;
  padding: 17px;
}

.edit-in-clinic-status-item {
  display: flex;
  align-items: center;
}

.edit-in-clinic-status-check {
  color: green;
  font-weight: bold;
}

.edit-in-clinic-status-cross {
  color: red;
  font-weight: bold;
}

.edit-in-clinic-status-label {
  margin-left: 8px;
}

.edit-in-clinic-view-link {
  margin-left: 8px;
  cursor: pointer;
}

.edit-in-clinic-section {
  border-bottom: 1px solid #ccc;
}

.edit-in-clinic-section-light {
  border-bottom: 1px solid #eee;
}

.edit-in-clinic-section-label {
  font-weight: 600;
}

.edit-in-clinic-alsfrs-select {
  max-width: 150px;
  display: flex;
  height: 50px;
}

.edit-in-clinic-checkbox-row {
  gap: 10px;
}

.edit-in-clinic-notes-label {
  padding-top: 10px;
}

/* Input height - targets <input> only, not <textarea> */
.edit-in-clinic input.ant-input {
  height: 50px;
}

/* Select height */
.edit-in-clinic .ant-select-selector {
  height: 50px !important;
  align-items: center !important;
}

.edit-in-clinic .ant-select-selection-item,
.edit-in-clinic .ant-select-selection-placeholder {
  line-height: 50px !important;
}

/* Label spacing */
.edit-in-clinic label {
  display: flex;
  margin-bottom: 6px;
}

/* ===== Add In-Clinic Form ===== */
.add-in-clinic-content {
  padding-top: 110px;
}

.add-in-clinic-card {
  margin: 0 !important;
  box-shadow: none !important;
}

.add-in-clinic-heading {
  margin-top: 20px;
  font-style: inherit;
  margin-bottom: 22px;
  text-transform: capitalize;
}

.add-in-clinic-inner {
  margin: 0;
  border: 1px solid #ddd;
  padding: 17px;
}

.add-in-clinic-meta-col {
  margin-bottom: 15px;
}

.add-in-clinic-status-item {
  display: flex;
  align-items: center;
}

.add-in-clinic-status-check {
  color: green;
  font-weight: bold;
}

.add-in-clinic-status-cross {
  color: red;
  font-weight: bold;
}

.add-in-clinic-status-label {
  margin-left: 8px;
}

.add-in-clinic-view-link {
  margin-left: 8px;
  cursor: pointer;
}

.add-in-clinic-section {
  border-bottom: 1px solid #ccc;
}

.add-in-clinic-section-light {
  border-bottom: 1px solid #eee;
}

.add-in-clinic-section-label {
  font-weight: 600;
}

.add-in-clinic-alsfrs-select {
  max-width: 150px;
  display: flex;
  height: 50px;
}

.add-in-clinic-datepicker {
  width: 100%;
  max-width: 200px;
}

.add-in-clinic-checkbox-row {
  gap: 10px;
}

.add-in-clinic-notes-label {
  padding-top: 10px;
}

/* Input height */
.add-in-clinic input.ant-input {
  height: 50px;
}

/* Select height */
.add-in-clinic .ant-select-selector {
  height: 50px !important;
  align-items: center !important;
}

.add-in-clinic .ant-select-selection-item,
.add-in-clinic .ant-select-selection-placeholder {
  line-height: 50px !important;
}

/* Label spacing */
.add-in-clinic label {
  display: flex;
  margin-bottom: 6px;
}

.view-session-entry-list {
  padding-left: 50px;
  padding-right: 50px;
}

/* ===== View Session List ===== */
.vsl-wizard-form-field {
  margin: 17px 0 14px 14px;
  max-width: 100%;
}

.vsl-participant-name {
  margin-left: 10px;
  font-size: 0.9em;
  color: #000;
}

.vsl-summary {
  margin-bottom: 20px;
  padding: 12px;
  background-color: #f9f9f9;
  border-radius: 4px;
}

.vsl-summary-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  align-items: center;
}

.vsl-summary-label {
  font-weight: bold;
}

.vsl-summary-value {
  margin-left: 8px;
  color: #b66c4b;
  font-weight: bold;
}

.vsl-tag {
  margin-left: 8px;
}

/* ── Stat cards grid ─────────────────────────────────── */
.vsl-stats-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 20px;
}

.vsl-stat-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 110px;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid transparent;
  flex: 1 1 110px;
}

.vsl-stat-value {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
}

.vsl-stat-label {
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-top: 4px;
  text-align: center;
}

.vsl-stat-total {
  background: #eff6ff;
  border-color: #bfdbfe;
}

.vsl-stat-total .vsl-stat-value {
  color: #1d4ed8;
}

.vsl-stat-total .vsl-stat-label {
  color: #3b82f6;
}

.vsl-stat-new {
  background: #e0f2fe;
  border-color: #bae6fd;
}

.vsl-stat-new .vsl-stat-value {
  color: #0369a1;
}

.vsl-stat-new .vsl-stat-label {
  color: #0284c7;
}

.vsl-stat-ended {
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.vsl-stat-ended .vsl-stat-value {
  color: #15803d;
}

.vsl-stat-ended .vsl-stat-label {
  color: #16a34a;
}

.vsl-stat-abandoned {
  background: #fff7ed;
  border-color: #fed7aa;
}

.vsl-stat-abandoned .vsl-stat-value {
  color: #c2410c;
}

.vsl-stat-abandoned .vsl-stat-label {
  color: #ea580c;
}

.vsl-stat-ongoing {
  background: #faf5ff;
  border-color: #e9d5ff;
}

.vsl-stat-ongoing .vsl-stat-value {
  color: #7e22ce;
}

.vsl-stat-ongoing .vsl-stat-label {
  color: #9333ea;
}

.vsl-stat-timeout {
  background: #fef2f2;
  border-color: #fecaca;
}

.vsl-stat-timeout .vsl-stat-value {
  color: #b91c1c;
}

.vsl-stat-timeout .vsl-stat-label {
  color: #dc2626;
}

.vsl-stat-calibration-failed {
  background: #fff1f2;
  border-color: #fecdd3;
}

.vsl-stat-calibration-failed .vsl-stat-value {
  color: #be123c;
}

.vsl-stat-calibration-failed .vsl-stat-label {
  color: #e11d48;
}

.vsl-stat-inclinic {
  background: #fdf4ff;
  border-color: #f0abfc;
}

.vsl-stat-inclinic .vsl-stat-value {
  color: #a21caf;
}

.vsl-stat-inclinic .vsl-stat-label {
  color: #c026d3;
}

.vsl-stat-grand-total {
  background: #fff7f3;
  border-color: #f5c6b0;
}

.vsl-stat-grand-total .vsl-stat-value {
  color: #b66c4b;
}

.vsl-stat-grand-total .vsl-stat-label {
  color: #b66c4b;
}

.vsl-filter-container {
  margin-bottom: 12px;
  max-width: 260px;
}

.vsl-filter-label {
  margin-bottom: 6px;
  display: block;
}

.vsl-add-btn {
  font-size: 14px;
  float: right;
  position: relative;
  top: 10px;
  right: 25px;
  z-index: 4;
}

/* Step number circle */
.vsl-step-circle {
  background: #f0f2f5;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #b66c4b;
}

/* Tag resets */
.vsl-tag-reset {
  margin: 0;
}

.vsl-tag-center {
  margin: 0 4px;
}

/* Content overflow */
.vsl-content-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Picture description cell */
.vsl-picture-cell {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}

.vsl-picture-img {
  width: 120px;
  height: 80px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  background: #f5f5f5;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

/* Session list picture cell */
.vsl-session-picture-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.vsl-session-picture-img {
  width: 90px;
  height: 60px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  background: #f5f5f5;
}

.vsl-session-picture-name {
  font-size: 12px;
  color: #595959;
  max-width: 150px;
  word-break: break-word;
  text-align: center;
}

/* Duration cell */
.vsl-duration-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.vsl-clock-icon {
  margin-right: 4px;
  color: #52c41a;
}

.vsl-duration-text {
  font-weight: bold;
}

/* Recording time cell */
.vsl-recording-time {
  font-size: 12px;
  line-height: 1.4;
}

.vsl-recording-start {
  color: #b66c4b;
  font-weight: bold;
}

.vsl-recording-end {
  color: #8c8c8c;
}

/* Audio controls */
.vsl-audio-controls {
  display: flex;
  gap: 8px;
  justify-content: center;
}

.vsl-audio-btn-playing {
  background: #ff4d4f !important;
  border-color: #ff4d4f !important;
}

.vsl-audio-btn-stopped {
  background: #b66c4b !important;
  border-color: #b66c4b !important;
}

/* LE Score */
.vsl-le-score {
  background: #f6ffed;
  border: 1px solid #b7eb8f;
  border-radius: 6px;
  padding: 4px 8px;
  font-weight: bold;
  color: #52c41a;
}

.vsl-le-score-empty {
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  padding: 4px 8px;
  font-weight: bold;
  color: #8c8c8c;
}

/* WER tag */
.vsl-wer-tag {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}

/* Action menu */
.vsl-menu-item-text {
  font-size: 14px;
  margin-left: 10px;
}

.vsl-action-dropdown {
  width: 100%;
  margin: 6px 0;
}

.vsl-action-link {
  padding: 5px 10px;
}

/* Modal */
.vsl-modal-title {
  display: flex;
  align-items: center;
  gap: 12px;
}

.vsl-modal-icon {
  color: #b66c4b;
}

.vsl-audio-title {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

/* Table container */
.vsl-table-container {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Audio player modal body */
.vsl-audio-loading {
  padding: 24px 0;
  text-align: center;
}

.vsl-audio-player {
  padding: 12px 0;
}

.vsl-audio-player audio {
  width: 100%;
}

.vsl-filter-container .ant-select-selector {
  height: 51px !important;
  align-items: center !important;
}

.vsl-filter-container .ant-select-selection-item,
.vsl-filter-container .ant-select-selection-placeholder {
  line-height: 51px !important;
}

.dob-datepicker {
  width: 100%;
  height: 51px;
  padding: 0 16px !important;
  display: flex;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
}

.dob-datepicker .ant-picker-input {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0;
  min-width: 0;
}

.dob-datepicker .ant-picker-input input {
  margin-bottom: 0;
  padding: 0 4px;
  line-height: normal;
}

.dob-datepicker .ant-picker-suffix {
  margin-inline-end: 0;
  flex-shrink: 0;
}

.dob-datepicker.dob-error {
  border: 1px solid red;
}

.dob-datepicker:not(.dob-error) {
  border: 1px solid #ddd;
}

.ecas-demographics-main .ant-input,
.ecas-demographics-main input[type="text"],
.ecas-demographics-main input[type="date"] {
  padding: 0 16px;
}

/* Change Status Modal */

.cs-modal-body {
  display: flex;
  flex-direction: column;
  gap: 0;
  font-family: "Jost", sans-serif;
}

.cs-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 24px;
}

.cs-conditional-section .cs-field:last-child {
  margin-bottom: 8px;
}

.cs-label {
  font-family: "Jost", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #5a4035;
  letter-spacing: 0;
  text-transform: capitalize;
  margin-bottom: 6px;
}

.cs-select {
  width: 100% !important;
}

.cs-select .ant-select-selector {
  height: 50px !important;
  align-items: center !important;
  border-color: #d9ccc8 !important;
  border-radius: 8px !important;
  font-family: "Jost", sans-serif !important;
  font-size: 14px !important;
}

.cs-select .ant-select-selector:hover,
.cs-select.ant-select-focused .ant-select-selector {
  border-color: #b66c4b !important;
  box-shadow: 0 0 0 2px rgba(182, 108, 75, 0.12) !important;
}

.cs-select .ant-select-selection-item,
.cs-select .ant-select-selection-placeholder {
  line-height: 50px !important;
  font-family: "Jost", sans-serif !important;
}

/* antd 6: the bordered box is .ant-select itself (there is no
   .ant-select-selector), so mirror the rules above on it. */
.ant-modal-body .cs-select.ant-select {
  border-color: #d9ccc8 !important;
  border-radius: 8px !important;
  font-family: "Jost", sans-serif !important;
  font-size: 14px !important;
}

.ant-modal-body .cs-select.ant-select:hover,
.ant-modal-body .cs-select.ant-select-focused {
  border-color: #b66c4b !important;
  box-shadow: 0 0 0 2px rgba(182, 108, 75, 0.12) !important;
}

.cs-datepicker {
  width: 100% !important;
  height: 42px !important;
  border-color: #d9ccc8 !important;
  border-radius: 8px !important;
  font-family: "Jost", sans-serif !important;
}

.cs-datepicker:hover,
.cs-datepicker.ant-picker-focused {
  border-color: #b66c4b !important;
  box-shadow: 0 0 0 2px rgba(182, 108, 75, 0.12) !important;
}

.cs-datepicker .ant-picker-input > input {
  font-family: "Jost", sans-serif !important;
  font-size: 14px !important;
}

.cs-input {
  width: 100%;
  height: 42px;
  padding: 0 12px;
  border: 1px solid #d9ccc8;
  border-radius: 8px;
  font-family: "Jost", sans-serif;
  font-size: 14px;
  color: #2c2420;
  box-sizing: border-box;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease;
  outline: none;
}

.cs-input:hover {
  border-color: #b66c4b;
}

.cs-input:focus {
  border-color: #b66c4b;
  box-shadow: 0 0 0 2px rgba(182, 108, 75, 0.12);
}

.cs-textarea {
  width: 100%;
  min-height: 120px;
  padding: 12px;
  border: 1px solid #d9ccc8;
  border-radius: 8px;
  font-family: "Jost", sans-serif;
  font-size: 14px;
  color: #2c2420;
  box-sizing: border-box;
  resize: vertical;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease;
  outline: none;
}

.cs-textarea:hover {
  border-color: #b66c4b;
}

.cs-textarea:focus {
  border-color: #b66c4b;
  box-shadow: 0 0 0 2px rgba(182, 108, 75, 0.12);
}

.cs-conditional-section {
  background: #fdf8f6;
  border: 1px solid #ecddd8;
  border-radius: 10px;
  padding: 20px 20px 12px;
  margin-bottom: 24px;
}

/* ==================
   Modal Form Fields — 50px height, consistent spacing
   Applies to all .ant-modal-body form inputs, selects, and date/time pickers.
   ================== */

/* --- Text / Number / Password / Email inputs --- */
.ant-modal-body input[type="text"],
.ant-modal-body input[type="number"],
.ant-modal-body input[type="password"],
.ant-modal-body input[type="email"],
.ant-modal-body .form-control,
.ant-modal-body .cs-input {
  height: 50px !important;
  padding: 0 14px !important;
  font-size: 14px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  width: 100%;
  box-sizing: border-box;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease;
  outline: none;
}

.ant-modal-body input[type="text"]:focus,
.ant-modal-body input[type="number"]:focus,
.ant-modal-body input[type="password"]:focus,
.ant-modal-body input[type="email"]:focus,
.ant-modal-body .form-control:focus,
.ant-modal-body .cs-input:focus {
  border-color: #b66c4b;
  box-shadow: 0 0 0 2px rgba(182, 108, 75, 0.12);
}

/* --- Ant DatePicker & TimePicker --- */
.ant-modal-body .ant-picker {
  height: 50px !important;
  width: 100% !important;
  padding: 0 14px !important;
  border-radius: 6px !important;
  display: flex;
  align-items: center;
}

.ant-modal-body .ant-picker .ant-picker-input {
  height: 100%;
}

.ant-modal-body .ant-picker .ant-picker-input > input {
  height: 100% !important;
  line-height: 50px !important;
}

/* --- Ant Select (single only — leaves multi-select auto-height) --- */
.ant-modal-body .ant-select:not(.ant-select-multiple) {
  height: 50px !important;
  width: 100%;
  /* antd 6: .ant-select is the bordered box and the selected value is a text
     node inside .ant-select-content. Center that box here instead of relying
     on the padding antd derives from its default 32px control height. */
  align-items: center !important;
}

.ant-modal-body .ant-select:not(.ant-select-multiple) .ant-select-content {
  align-self: center;
  height: auto !important;
}

/* The generic 50px input rule above also matches antd's internal search input
   (input.ant-select-input). Inside the 22px-tall content box that made the
   input taller than its container and clipped whatever it displayed. */
.ant-modal-body .ant-select:not(.ant-select-multiple) input.ant-select-input,
.ant-modal-body .ant-select:not(.ant-select-multiple) input.ant-select-selection-search-input {
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  line-height: inherit !important;
}

/* Some antd 6 releases wrap the single selected value (or placeholder) in an
   element inside that 22px content box. The 50px line-height written for the
   antd 5 selector would make its line box taller than the box and clip the
   text, so keep those elements on the normal line height here. */
.ant-modal-body .ant-select:not(.ant-select-multiple) .ant-select-content .ant-select-selection-item,
.ant-modal-body .ant-select:not(.ant-select-multiple) .ant-select-content .ant-select-selection-placeholder,
.ant-modal-body .ant-select:not(.ant-select-multiple) .ant-select-content .ant-select-content-value {
  line-height: inherit !important;
  height: auto !important;
}

.ant-modal-body .ant-select:not(.ant-select-multiple) .ant-select-selector {
  height: 50px !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
}

.ant-modal-body
  .ant-select:not(.ant-select-multiple)
  .ant-select-selection-item,
.ant-modal-body
  .ant-select:not(.ant-select-multiple)
  .ant-select-selection-placeholder {
  line-height: 50px !important;
}

/* --- Label spacing inside modals --- */
.ant-modal-body label {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 6px;
  display: inline-block;
  color: #333;
}

/* --- Form-group / field spacing --- */
.ant-modal-body .form-group,
.ant-modal-body .eals-mb-15,
.ant-modal-body .cs-field,
.ant-modal-body .mb-4 {
  margin-bottom: 18px !important;
}

/* --- Ensure generate-session & dropout datepickers are full-width 50px --- */
.ant-modal-body .generate-session-datepicker,
.ant-modal-body .dropout-date,
.ant-modal-body .cs-datepicker {
  width: 100% !important;
  height: 50px !important;
}

/* --- Multi-select minimum height so it doesn't shrink below 50px when empty --- */
.ant-modal-body .ant-select-multiple .ant-select-selector {
  min-height: 50px !important;
  border-radius: 6px !important;
  align-items: center !important;
}

/* --- Native <select> inside modals --- */
.ant-modal-body select,
.ant-modal-body select.form-control {
  height: 50px !important;
  padding: 0 14px !important;
  font-size: 14px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  width: 100%;
  box-sizing: border-box;
  appearance: auto;
  background: #fff;
  cursor: pointer;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.ant-modal-body select:focus,
.ant-modal-body select.form-control:focus {
  border-color: #b66c4b;
  box-shadow: 0 0 0 2px rgba(182, 108, 75, 0.12);
  outline: none;
}

.ant-modal-body select:disabled,
.ant-modal-body select.form-control:disabled {
  background: #f9fafb;
  cursor: not-allowed;
  color: #9ca3af;
}

/* --- Add New / action buttons inside modals use theme color --- */
.ant-modal-body .add-new-button,
.ant-modal-body button.add-new-button {
  background: #b66c4b;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background 200ms ease;
}

.ant-modal-body .add-new-button:hover,
.ant-modal-body button.add-new-button:hover {
  background: #9a5a3c;
}

/* --- Modal OK/Submit button — theme color via Ant Design --- */
.ant-modal-footer .ant-btn-primary {
  background: #b66c4b !important;
  border-color: #b66c4b !important;
}

.ant-modal-footer .ant-btn-primary:hover {
  background: #9a5a3c !important;
  border-color: #9a5a3c !important;
}

/* --- input[type=date] in modals --- */
.ant-modal-body input[type="date"] {
  height: 50px !important;
  padding: 0 14px !important;
  font-size: 14px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  width: 100%;
  box-sizing: border-box;
}

/* ── Modal header title bottom spacing ─────────────── */
.ant-modal-header {
  margin-bottom: 20px;
}

/* ── ECAS filter elements ─────────────────────────── */
.ecas-search-input {
  width: 100% !important;
  height: 50px !important;
  padding: 10px 12px !important;
  border-radius: 6px !important;
  border: 1px solid #d9d9d9 !important;
}

.ecas-filter-select-full {
  width: 100% !important;
}

.ecas-filter-select-full.ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector,
.ecas-filter-select-full.ant-select-multiple .ant-select-selector,
.ecas-filter-select-full .ant-select-selector {
  height: 50px !important;
  min-height: 50px !important;
  display: flex !important;
  align-items: center !important;
}

.ecas-filters-grid .ant-select .ant-select-selector,
.ecas-filters-grid .ant-select-single .ant-select-selector,
.ecas-filters-grid .ant-select-multiple .ant-select-selector {
  height: 50px !important;
  min-height: 50px !important;
  display: flex !important;
  align-items: center !important;
}

/* ── ECAS Add Participant Form ─────────────────────── */
.ecas-add-form-card {
  background: #fff;
  border: 1px solid #e8ecf0;
  border-radius: 10px;
  padding: 36px 40px 40px 48px;
  margin-top: 45px !important;
  margin-left: 45px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.ecas-add-form-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 28px;
  padding-bottom: 16px;
  border-bottom: 2px solid #f0f2f5;
}

.ecas-add-form-body {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.ecas-add-field-group {
  margin-bottom: 20px;
}

.ecas-add-field-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 6px;
}

.ecas-add-input {
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
  border: 1px solid #d1d5db !important;
  padding: 0 12px !important;
  width: 100% !important;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.ecas-add-input:focus {
  border-color: var(--theme-color) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
  outline: none !important;
}

.ecas-add-select {
  width: 100% !important;
}

.ecas-add-select.ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector,
.ecas-add-select.ant-select .ant-select-selector {
  height: 50px !important;
  min-height: 50px !important;
  border-radius: 6px !important;
  border: 1px solid #d1d5db !important;
  display: flex !important;
  align-items: center !important;
  font-size: 14px !important;
}

/* Ensure multi-select matches single select height */
.ecas-add-select.ant-select-multiple .ant-select-selector {
  min-height: 50px !important;
  height: 50px !important; /* keeps empty state same height as Site */
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
}

.ecas-add-select.ant-select-multiple .ant-select-selection-overflow {
  align-items: center !important;
}

.ecas-add-select.ant-select-multiple .ant-select-selection-placeholder {
  line-height: 48px !important;
}

.ecas-add-select.ant-select-single .ant-select-selection-item,
.ecas-add-select.ant-select-single .ant-select-selection-placeholder,
.ecas-add-select.ant-select .ant-select-selection-item,
.ecas-add-select.ant-select .ant-select-selection-placeholder {
  line-height: 48px !important;
  font-size: 14px !important;
}

.ecas-add-select.ant-select:not(.ant-select-disabled):hover
  .ant-select-selector {
  border-color: var(--theme-color) !important;
}

.ecas-add-select.ant-select-focused .ant-select-selector {
  border-color: var(--theme-color) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

.ecas-add-radio-group {
  display: flex;
  gap: 24px;
  padding-top: 4px;
}

.ecas-add-radio-group .ant-radio-wrapper {
  font-size: 14px;
}

.ecas-add-name-row {
  margin-left: -8px;
  margin-right: -8px;
}

.ecas-add-name-row .col-lg-6 {
  padding-left: 8px;
  padding-right: 8px;
}

.ecas-add-sub-section {
  background: #f8f9fb;
  border-radius: 0 6px 6px 0;
  padding: 16px 20px;
  margin-bottom: 20px;
}

.ecas-add-sub-section .ecas-add-field-group:last-child {
  margin-bottom: 0;
}

.ecas-add-submit-row {
  margin-top: 12px;
  padding-top: 20px;
  border-top: 1px solid #f0f2f5;
}

.ecas-add-submit-btn {
  background: var(--theme-color);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 32px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition:
    background 0.2s ease,
    box-shadow 0.2s ease;
}

.ecas-add-submit-btn:hover {
  opacity: 0.9;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* ── ECAS Add Page: back button left spacing ───────── */
.add-participant-page .go-back {
  margin-left: 45px !important;
}

/* ── ECAS List: inline style replacements ───────── */
.ecas-icon-media-approved {
  color: #30a135;
  font-size: 15px;
}

.ecas-icon-super-user {
  font-size: 15px;
}

.ecas-name-cell {
  flex-wrap: nowrap;
  gap: 4px;
}

.ecas-name-text {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ecas-name-icons {
  flex-shrink: 0;
  gap: 4px;
}

.ecas-icon-left-zero {
  left: 0;
}

.ecas-col-full-width {
  width: 100%;
}

.ecas-survey-btn-col {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* ── Contact Details: ECAS contact preference select + option height ───────── */
.ecas-contact-rank-select.ant-select-multiple .ant-select-selector {
  min-height: 50px !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  align-items: center !important;
}

.ecas-contact-rank-select.ant-select-multiple .ant-select-selection-overflow {
  min-height: 32px;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
}

.ecas-contact-rank-select.ant-select-multiple
  .ant-select-selection-overflow-item {
  margin-top: 2px;
  margin-bottom: 2px;
}

.ecas-contact-rank-select.ant-select-multiple .ant-select-content {
  padding-top: 8px;
}

.ecas-contact-rank-select .ant-select-selection-item-content {
  font-size: 16px;
}

.ecas-contact-rank-dropdown .ant-select-item {
  min-height: 50px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  display: flex;
  align-items: center;
}

.ecas-survey-tag {
  font-size: 13px;
  padding: 2px 8px;
  cursor: pointer;
}

.ecas-col-center {
  display: flex;
  justify-content: center;
}

.ecas-icon-left-top {
  left: 0;
  top: 3px;
}

.ecas-email-link {
  color: #2879f4;
  max-width: 120px;
}

.ecas-icon-copy {
  left: 0;
  cursor: pointer;
}

.ecas-address-copy-icon {
  right: 7px;
  position: absolute;
  left: auto;
  top: 7px;
}

.ecas-site-cell {
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  overflow-wrap: break-word;
}

.ecas-action-icon {
  color: #000;
  font-size: 18px;
}

.ecas-action-icon-lg {
  color: #000;
  font-size: 20px;
}

.ecas-main-content-spacing {
  margin-right: 25px;
  margin-top: 20px;
}

.ecas-page-wrapper-reset {
  margin: 0;
  box-shadow: none;
}

.ecas-add-btn {
  font-size: 14px;
  margin-right: 10px;
  margin-bottom: 15px;
}

.ecas-export-btn {
  font-size: 14px;
  margin-bottom: 15px;
}

.ecas-export-btn-disabled {
  font-size: 14px;
  cursor: not-allowed;
  pointer-events: unset;
  background: #999;
  margin-bottom: 15px;
}

.ecas-status-select {
  width: 350px;
}

.ecas-dropout-select {
  width: 350px;
  margin-top: 20px;
}

.modal-radio-option input[type="radio"] {
  margin-right: 12px;
}

/* ── LE Study Demographics: ALS Drug History select & medical history table ── */
.als-drug-select.ant-select-multiple .ant-select-selector {
  height: 50px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.als-drug-select.ant-select-multiple .ant-select-selection-placeholder {
  line-height: normal !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  position: absolute !important;
  left: 11px !important;
  right: 11px !important;
  margin: 0 !important;
}

.als-drug-select.ant-select-multiple .ant-select-selection-overflow {
  min-height: 50px;
  display: flex;
  align-items: center;
  padding: 0 11px;
}

.als-drug-select.ant-select-multiple .ant-select-selection-search {
  line-height: normal !important;
}

.als-drug-select.ant-select-multiple .ant-select-multiple .ant-select-content {
  height: 50px !important;
}

.medical-history-table input[type="text"]:not(.le-study-demographics-input),
.medical-history-table input[type="number"]:not(.le-study-demographics-input) {
  background-color: #ffffff !important;
  border: 1px solid #b3d9ff !important;
}

.medical-history-table
  input[type="text"]:not(.le-study-demographics-input):focus,
.medical-history-table
  input[type="number"]:not(.le-study-demographics-input):focus {
  background-color: #ffffff !important;
  outline: none;
  border: 1px solid #80ccff !important;
}

.medical-history-table .ant-picker:not(.le-study-demographics-input) {
  background-color: #ffffff !important;
  border: 1px solid #b3d9ff !important;
}

.medical-history-table .ant-picker:not(.le-study-demographics-input):hover,
.medical-history-table .ant-picker-focused:not(.le-study-demographics-input) {
  background-color: #ffffff !important;
  border-color: #80ccff !important;
}

.medical-history-table td select {
  background-color: #ffffff !important;
}

/* ==================
  View Email Body / Logs page
 ================== */
.email-log-shell {
  padding: 110px 40px 60px 64px;
  max-width: 1080px;
}

.email-log-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 18px 9px 14px;
  margin-bottom: 22px;
  background-color: #fff;
  color: var(--theme-color) !important;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.3px;
  border: 1px solid #ecd9cf;
  border-radius: 8px;
  box-shadow: 0 4px 14px rgba(182, 108, 75, 0.12);
  cursor: pointer;
  transition: all 250ms ease;
}

.email-log-back:hover {
  background-color: var(--theme-color);
  color: #fff !important;
  border-color: var(--theme-color);
  box-shadow: 0 6px 18px rgba(182, 108, 75, 0.28);
  transform: translateY(-1px);
}

.email-log-back i {
  font-size: 12px;
}

.email-log-card {
  background: #fff;
  border-radius: 16px;
  border: 1px solid #eee2db;
  box-shadow: 0 10px 40px rgba(60, 40, 30, 0.08);
  overflow: hidden;
  animation: emailLogFadeIn 420ms ease both;
}

@keyframes emailLogFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.email-log-card__head {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 28px;
  background: linear-gradient(135deg, #fbf2ec 0%, #fff 70%);
  border-bottom: 1px solid #f0e4dc;
}

.email-log-card__icon {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  background: linear-gradient(135deg, var(--theme-color), #d08c6c);
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(182, 108, 75, 0.32);
}

.email-log-card__title {
  margin: 0;
  font-family: "Jost", sans-serif !important;
  font-size: 22px;
  font-weight: 600;
  color: #3a2a22;
  line-height: 1.2;
}

.email-log-card__subtitle {
  margin: 3px 0 0;
  font-size: 13px;
  color: #9b8377;
}

.email-log-card__body {
  padding: 24px 28px 28px;
}

.email-log-frame {
  border: 1px solid #ece1da;
  border-radius: 12px;
  overflow: hidden;
  background: #faf7f5;
}

.email-log-frame iframe {
  display: block;
  border: 0;
}

@media (max-width: 768px) {
  .email-log-shell {
    padding: 100px 16px 40px 16px;
  }

  .email-log-card__head {
    padding: 18px;
  }

  .email-log-card__body {
    padding: 16px;
  }
}

.assign-coordinator-select.ant-select {
  --select-height: 51px;
}

/* ── Asymptomatic Form Details ──────────────────────────── */
.asym-form-details-wrap {
  padding: 0 40px 0 0;
}

.asym-form-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #6b5e55;
  margin-bottom: 18px;
}

.asym-form-back:hover {
  color: #b66c4b;
}

.asym-form-shell {
  background: #fdf8f6;
  border: 1px solid #ede5e1;
  border-radius: 16px;
  padding: 26px;
}

.asym-form-header {
  margin-bottom: 22px;
}

.asym-form-eyebrow {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #b66c4b;
  margin-bottom: 6px;
}

.asym-form-title {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 24px;
  font-weight: 600;
  color: #2c2420;
  margin: 0;
}

.asym-form-title-id {
  font-size: 14px;
  font-weight: 600;
  color: #8a4f35;
  background: #f4e6df;
  border-radius: 999px;
  padding: 3px 12px;
}

.asym-form-card {
  background: #fff;
  border: 1px solid #ede5e1;
  border-radius: 12px;
  padding: 22px 24px 6px;
  margin-bottom: 18px;
}

.asym-form-card-title {
  font-size: 15px;
  font-weight: 600;
  color: #2c2420;
  margin: 0 0 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0e8e4;
}

.asym-field {
  margin-bottom: 18px;
}

.asym-field-label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #6b5e55;
  margin-bottom: 6px;
}

.asym-field .req {
  color: #e5484d;
}

/* Uniform 51px control height for inputs and selects */
.asym-field input.ant-input,
.asym-field .ant-input-affix-wrapper {
  height: 51px;
}

/* Center text in copy-icon (affix) fields */
.asym-field .ant-input-affix-wrapper {
  display: flex;
  align-items: center;
}

.asym-field .ant-input-affix-wrapper > input.ant-input {
  height: auto;
}

.asym-field .ant-select {
  --select-height: 51px;
}

.asym-copy-suffix {
  color: #b66c4b;
  cursor: pointer;
  transition: color 120ms ease;
}

.asym-copy-suffix:hover {
  color: #8a4f35;
}

.asym-shoe-checks {
  display: flex;
  align-items: center;
  gap: 28px;
  height: 40px;
}

.asym-form-footer {
  display: flex;
  justify-content: flex-start;
  padding: 8px 2px 16px;
}

/* ── Asymptomatic Session Details Modal ─────────────────── */
.asym-session-modal {
  font-family: "Jost", sans-serif;
  color: #2c2420;
}

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

.asym-session-stat {
  background: #fdf8f6;
  border: 1px solid #ede5e1;
  border-radius: 9px;
  padding: 10px 12px;
}

.asym-session-stat-label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #b66c4b;
  margin-bottom: 3px;
}

.asym-session-stat-value {
  font-size: 14px;
  font-weight: 500;
  color: #2c2420;
}

.asym-session-section {
  margin-top: 20px;
}

.asym-session-section-title {
  font-size: 15px;
  font-weight: 700;
  color: #2c2420;
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid #f0e8e4;
}

.asym-session-row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  font-size: 14px;
  padding: 8px 0;
  border-bottom: 1px dashed #f0e8e4;
}

.asym-session-row:last-child {
  border-bottom: 0;
}

.asym-session-row-label {
  font-weight: 600;
  color: #6b5e55;
}

.asym-session-row-value {
  color: #2c2420;
}

.asym-session-callout {
  background: #fdf8f6;
  border: 1px solid #ede5e1;
  border-left: 3px solid #b66c4b;
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.55;
}

.asym-session-callout-label {
  font-weight: 600;
  color: #6b5e55;
}

.asym-session-callout-divider {
  border: 0;
  border-top: 1px dashed #e3d8d1;
  margin: 9px 0;
}

/* Edit modal fields */
.asym-session-field {
  margin-bottom: 16px;
}

.asym-session-field-label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #6b5e55;
  margin-bottom: 6px;
}

.asym-session-input {
  width: 100%;
  height: 51px;
  border: 1px solid #e3d8d1;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 14px;
  color: #2c2420;
  background: #fff;
  transition: border-color 120ms ease;
}

.asym-session-input:focus {
  outline: none;
  border-color: #b66c4b;
}

/* antd Select & DatePicker — 51px control height */
.asym-session-modal .ant-select {
  --select-height: 51px;
}

.asym-session-modal .ant-picker {
  height: 51px;
}

/* Radio options in one horizontal line */
.asym-session-radio-vertical {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px 24px;
}

/* ── View Session List header ───────────────────────────── */
.vsl-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #fdf8f6;
  border: 1px solid #ede5e1;
  border-radius: 12px;
  padding: 18px 22px;
  margin-bottom: 6px;
}

.vsl-header-eyebrow {
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #b66c4b;
  margin-bottom: 4px;
}

.vsl-header-title {
  font-size: 20px;
  font-weight: 600;
  color: #2c2420;
  margin: 0;
}

.vsl-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.vsl-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 112px;
  background: #fff;
  border: 1px solid #ede5e1;
  border-radius: 10px;
  padding: 10px 16px;
}

.vsl-stat-value {
  font-size: 22px;
  font-weight: 700;
  color: #b66c4b;
  line-height: 1.1;
}

.vsl-stat-label {
  font-size: 12px;
  font-weight: 500;
  color: #6b5e55;
  margin-top: 2px;
}

/* Actigraph times table */
.asym-actigraph-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #ede5e1;
  border-radius: 8px;
  overflow: hidden;
  font-size: 14px;
}

.asym-actigraph-table th {
  background: #fdf8f6;
  color: #b66c4b;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
  padding: 9px 12px;
  border-bottom: 1px solid #ede5e1;
}

.asym-actigraph-table td {
  text-align: center;
  padding: 11px 12px;
  color: #2c2420;
}

.asym-actigraph-table th:not(:last-child),
.asym-actigraph-table td:not(:last-child) {
  border-right: 1px solid #f0e8e4;
}

/* Uniform 51px height for text inputs and single selects on the
   asymptomatic Demographics form */
.asymptomatic-demographics-form input.ant-input {
  height: 51px;
  padding: 0 16px;
}

.asymptomatic-demographics-form .ant-select-single .ant-select-selector {
  height: 51px !important;
}

.asymptomatic-demographics-form
  .ant-select-single
  .ant-select-selector
  .ant-select-selection-item,
.asymptomatic-demographics-form
  .ant-select-single
  .ant-select-selector
  .ant-select-selection-placeholder {
  line-height: 49px !important;
}

.asymptomatic-demographics-form
  .ant-select-single
  .ant-select-selector
  .ant-select-selection-search {
  height: 49px;
}

.demographics-date-of-birth-field.ant-picker {
  height: 51px;
  display: flex;
  align-items: center;
  padding: 0 16px !important;
  gap: 8px;
  box-sizing: border-box;
}

.demographics-date-of-birth-field .ant-picker-input {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0;
  min-width: 0;
}

.demographics-date-of-birth-field .ant-picker-input input {
  margin-bottom: 0;
  padding: 0 4px;
  line-height: normal;
}

.demographics-date-of-birth-field .ant-picker-suffix {
  margin-inline-end: 0;
  flex-shrink: 0;
}

/* ---- Update Submission Details modal (New Submissions) ---- */
.eals-update-submission-modal .ant-modal-body {
  padding: 20px 24px 8px !important;
}

.eals-update-submission-modal .eals-modal-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
}

.eals-update-submission-modal .eals-modal-form-group {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.eals-update-submission-modal .eals-modal-form-group--full {
  grid-column: 1 / -1;
}

.eals-update-submission-modal .eals-modal-form-group > label {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
}

.eals-update-submission-modal .eals-modal-form-group .eals-form-input,
.eals-update-submission-modal .eals-modal-form-group .eals-form-textarea {
  width: 100% !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 6px !important;
  padding: 0 12px !important;
  font-size: 15px !important;
  background: #fff !important;
  box-shadow: none !important;
  transition:
    border-color 150ms ease,
    box-shadow 150ms ease;
}

.eals-update-submission-modal .eals-modal-form-group .eals-form-input {
  height: 44px !important;
  line-height: normal !important;
}

.eals-update-submission-modal .eals-modal-form-group .eals-form-textarea {
  padding: 10px 12px !important;
  resize: vertical;
  min-height: 80px;
}

.eals-update-submission-modal .eals-modal-form-group .eals-form-input:focus,
.eals-update-submission-modal .eals-modal-form-group .eals-form-textarea:focus {
  border-color: var(--theme-color, #b66c4b) !important;
  box-shadow: 0 0 0 3px rgba(182, 108, 75, 0.12) !important;
  outline: 0 !important;
}

.eals-update-submission-modal .eals-modal-form-group .ant-select {
  width: 100% !important;
}

.eals-update-submission-modal .eals-modal-form-group .ant-select-single,
.eals-update-submission-modal
  .eals-modal-form-group
  .ant-select-single
  .ant-select-selector {
  height: 44px !important;
  min-height: 44px !important;
}

.eals-update-submission-modal
  .eals-modal-form-group
  .ant-select-single
  .ant-select-selector {
  display: flex !important;
  align-items: center !important;
  border-radius: 6px !important;
  padding: 0 12px !important;
}

.eals-update-submission-modal
  .eals-modal-form-group
  .ant-select-single
  .ant-select-selector
  .ant-select-selection-item,
.eals-update-submission-modal
  .eals-modal-form-group
  .ant-select-single
  .ant-select-selector
  .ant-select-selection-placeholder {
  line-height: 42px !important;
}

.eals-update-submission-modal .eals-modal-radio-group {
  display: flex;
  gap: 28px;
  align-items: center;
  padding-top: 4px;
}

.eals-update-submission-modal .eals-modal-radio-group .ant-radio-wrapper {
  font-size: 15px;
  margin-right: 0;
}

@media (max-width: 640px) {
  .eals-update-submission-modal .eals-modal-form-grid {
    grid-template-columns: 1fr;
  }
}

/* ===== Asymptomatic Demographics – extracted from inline styles ===== */

/* Rules extracted from the previously-embedded \3c style> block in
   asymptomatic/components/Demographics.js */
.asymptomatic-demographics-form-card .asymptomatic-demographics-form {
  padding-left: 30px;
}

.asymptomatic-demographics-form-card .asymptomatic-demographics-form label,
.asymptomatic-demographics-form-card
  .asymptomatic-demographics-form
  .ant-checkbox-wrapper,
.asymptomatic-demographics-form-card
  .asymptomatic-demographics-form
  .ant-radio-wrapper {
  font-size: 15px;
}

/* The 11 prescription / surgery table inputs previously carried
   `style={{ height: SURGERY_FIELD_HEIGHT }}` (= 51px). Scope the height
   bump to the card so other consumers of these classes keep the 35px
   default. */
.asymptomatic-demographics-form-card .table-input-h35,
.asymptomatic-demographics-form-card .rx-input-sm,
.asymptomatic-demographics-form-card .rx-freq-input {
  height: 51px;
}

.asym-go-back {
  margin-left: 30px;
}

.save-demographics-btn {
  font-size: 16px;
  padding: 8px 20px;
}

.asymptomatic-demographics-form {
  margin: 8px 0 14px 0%;
  padding-left: 30px;
}

.asym-wizard-form-no-margin {
  margin: 0;
}

.asym-section-divider {
  margin-bottom: 35px;
}

.dob-datepicker {
  width: 100%;
  border: 1px solid #ddd;
}

.dob-datepicker.dob-datepicker-error {
  border: 1px solid red;
}

.dob-error-text {
  position: relative;
  top: -18px;
}

.select-h51 {
  height: 51px;
}

.min-h-51 {
  min-height: 51px;
}

.spec-textarea {
  padding: 16px;
  font-size: 18px;
}

.race-sub-options {
  padding-left: 45px;
}

.table-input-h35 {
  height: 35px;
}

.table-input-full {
  height: 35px;
  width: 100%;
}

.trash-icon-red {
  font-size: 20px;
  color: red;
}

/* prescription table */
.rx-th-med {
  width: 115px;
}

.rx-th-md {
  width: 120px;
}

.rx-th-sm {
  width: 100px;
}

.rx-td-padded {
  padding: 0 10px;
}

.rx-input-sm {
  width: 67px;
  height: 35px;
  margin-right: 6px;
}

.rx-select-sm {
  width: 67px;
  font-size: 14px;
  height: 35px;
  max-height: 35px;
  margin-top: 5px;
}

.rx-route-select {
  width: 67px;
  font-size: 14px;
  max-height: 35px;
  margin-top: 5px;
}

.rx-freq-input {
  height: 35px;
  width: 67px;
  margin-right: 6px;
  margin-bottom: 4px;
}

.rx-date-picker {
  width: 100%;
  max-width: 500px;
}

.rx-reason-input {
  width: 80px;
  height: 35px;
}

/* surgery table */
.surgery-table {
  table-layout: fixed;
  width: 100%;
}

.surgery-th-30 {
  width: 30%;
}

.surgery-th-28 {
  width: 28%;
}

.surgery-th-12 {
  width: 12%;
}

.surgery-td-padded {
  padding: 0 6px;
}

.surgery-date-picker {
  width: 100%;
  height: 35px;
}

/* full-width input */
.input-w-full {
  width: 100%;
}

/* form actions row */
.asym-actions-row {
  position: relative;
  left: -10px;
  top: 0;
  right: auto;
  bottom: auto;
  width: fit-content;
}

/* family history */
.family-select-sm {
  width: 67px;
  font-size: 14px;
  max-height: 35px;
  padding: 0 7px;
  margin-bottom: 0;
}

/* App Alerts – receiver list popup width cap */
.app-alerts-receiver-popup .ant-modal {
  max-width: 550px;
}

/* App Feedback – action cell + file link badge */
.app-feedback-action-cell {
  width: 100%;
  padding: 5px;
}

.app-feedback-file-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--theme-color, #b66c4b);
  color: #fff !important;
  font-weight: 300;
  white-space: nowrap;
  margin-bottom: 5px;
  padding: 4px 10px;
  border-radius: 12px;
  text-decoration: none;
}

.app-feedback-file-badge:hover {
  color: #fff !important;
  opacity: 0.92;
}

.app-feedback-file-badge-label {
  font-size: 14px;
}

/* Motor Exam Summary – wrapper + response label */
.motor-exam-summary-wrapper-shell {
  margin: 0;
  box-shadow: none;
  padding-left: 57px;
  transform: scale(1);
}

.motor-exam-summary-response-label {
  font-weight: 500;
}

.search-ecas-email-cell {
  display: flex;
}

.search-ecas-divider {
  margin-top: 50px;
  border: 1px solid #ddd;
}

.search-ecas-field-height {
  height: 51px;
}

.search-ecas-status-select {
  min-width: 160px;
  margin-left: 10px;
  height: 51px;
}

/* ECAS Participant Form (FormA / FormB / FormC view) */
.ecas-participant-form {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.09);
}

.ecas-participant-form .border-dark {
  border-color: #d3a292 !important;
}

.ecas-participant-form .grey {
  background: #f5ede8 !important;
}

.ecas-pf-title {
  font-weight: 700;
}

.ecas-pf-title-main {
  font-size: 17px;
  font-weight: 700;
  color: #1a2e4a;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  line-height: 1.5;
}

.ecas-pf-title-sub {
  font-size: 16px;
  font-weight: 600;
  color: #1a2e4a;
  margin-top: 6px;
}

.ecas-pf-description {
  font-size: 15px;
  color: #2c3e50;
  text-align: justify;
  line-height: 1.75;
  /* max-width: 900px; */
  margin: 0 auto;
  padding: 16px 0;
}

.ecas-participant-form .font-weight-bold.fs-19 {
  color: #1a2e4a;
  font-weight: 700 !important;
}

.ecas-participant-form table[border="1"] td,
.ecas-participant-form table[border="1"] th {
  border-color: #d3a292 !important;
}

.ecas-pf-container {
  margin-left: 0 !important;
  padding: 14px 24px;
}
.ecas-pf-section-title {
  text-align: left;
  padding: 16px 0;
  font-size: 19px;
  font-weight: 700;
  color: #1a2e4a;
}

.ecas-pf-comprehension-table,
.ecas-pf-comprehension-table td,
.ecas-pf-comprehension-table th {
  border: 1px solid #000 !important;
}

/* Wix Subscribers – syncing modal body + occurrence cell */
.wix-syncing-modal-body {
  text-align: center;
  padding: 20px 0;
}

.wix-syncing-modal-title {
  margin-top: 20px;
  font-size: 16px;
}

.wix-syncing-modal-subtitle {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}

.wix-subscribers-occurrence-cell {
  text-align: center;
  margin: 0;
}

/* Phase 0 Registry – page-specific helpers */
.eals-registry-panel-header {
  display: flex;
  align-items: center;
}

.eals-registry-note-title {
  margin-bottom: 12px;
  margin-top: 16px;
  font-size: 18px;
}

.eals-registry-bottom-instructions {
  margin-left: -7px;
}

.eals-registry-duplicate-icon,
.eals-registry-duplicate-icon-cell {
  font-size: 15px;
}

/* Phase 0 Registry – status cell color variants */
.eals-registry-status--signed {
  background-color: #b6d7a8;
}
.eals-registry-status--e-consent {
  background: #ffe599;
}
.eals-registry-status--dropped {
  background: #ff0000;
}
.eals-registry-status--study-completed {
  background: rgb(194 166 247);
}
.eals-registry-status--new {
  background: #8863dd;
}
.eals-registry-status--account-created {
  background: #01a3b7;
}
.eals-registry-status--empty {
  background: #fff;
}

/* LE Study participants list – cell helpers (replaces inline styles) */
.le-abandoned-warning-icon {
  background: #f7b011;
}

.le-abandoned-warning-glyph {
  color: #fff;
  font-size: 12px;
}

.le-email-cell {
  flex-wrap: nowrap;
  gap: 6px;
}

.le-email-cell-text {
  word-break: break-all;
}

.le-email-cell-copy {
  flex-shrink: 0;
}

.le-alsfrs-summary-cell {
  line-height: 1.5;
}

.le-last-session-wrap {
  width: 100%;
}

.le-last-session-cell--empty {
  background: #fff;
}
.le-last-session-cell--recent {
  background-color: #b6d7a8;
}
.le-last-session-cell--mid {
  background: #ffe599;
}
.le-last-session-cell--old {
  background: #ffcc99;
}

/* Speech participants list – action button helpers */
.speech-action-btn {
  font-size: 14px;
}

.speech-action-btn.speech-action-btn--disabled,
.speech-action-btn--disabled {
  background: #999 !important;
  cursor: not-allowed !important;
  pointer-events: unset !important;
}

/* Radcliff participants list – heading meta + action helpers */
.radcliff-participant-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  flex: 1 1 auto;
  min-width: 0;
}

.radcliff-participant-heading > h3.eals-list-title {
  flex: 0 1 auto;
  min-width: 0;
}

.radcliff-participant-heading > .info-icon {
  flex: 0 0 auto;
  align-self: center;
}

.radcliff-participant-heading-meta {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #4b5563;
  padding-top: 4px;
}

.radcliff-save-filter-checkbox {
  margin-right: 6px;
}

.radcliff-action-btn {
  font-size: 14px;
}

.radcliff-action-btn.radcliff-action-btn--disabled,
.radcliff-action-btn--disabled {
  background: #999 !important;
  cursor: not-allowed !important;
  pointer-events: unset !important;
}

.radcliff-participants-list .eals-list-header {
  margin-bottom: 24px;
  padding-bottom: 6px;
  /* Keep the title and the action buttons (View Report / Export) on the same
     row. The title can shrink/wrap (it has min-width: 0) so a long status
     summary like "| Account Created: N | Study Completed: N" no longer pushes
     the buttons onto the next line. */
  flex-wrap: nowrap;
}

/* Align the action row's right edge exactly with the filter box's right
   border on the Radcliff Participants page. .eals-list-card has 24px
   horizontal padding; .eals-list-filters has its own 18px padding, so the
   filter box's BORDER ends 24px inside the card. The action row is also a
   direct child of the card so its right edge already sits there — make sure
   no trailing margin/gap pushes it past that line. */
.radcliff-participants-list .eals-list-actions.radcliff-actions {
  margin-right: 0;
  padding-right: 0;
  justify-content: flex-end;
  align-items: center;
  /* Don't let the action row shrink or wrap below the heading. */
  flex: 0 0 auto;
  flex-wrap: nowrap;
}

.radcliff-participants-list .eals-list-actions.radcliff-actions > *:last-child {
  margin-right: 0 !important;
}

/* On narrow screens, allow the header to stack and the actions to wrap so the
   buttons remain reachable. */
@media (max-width: 991px) {
  .radcliff-participants-list .eals-list-header {
    flex-wrap: wrap;
  }
  .radcliff-participants-list .eals-list-actions.radcliff-actions {
    flex-wrap: wrap;
  }
}

/* Asymptomatic participants list – action button helpers */
.asymptomatic-action-btn {
  font-size: 14px;
}

.asymptomatic-action-btn.asymptomatic-action-btn--disabled,
.asymptomatic-action-btn--disabled {
  background: #999 !important;
  cursor: not-allowed !important;
  pointer-events: unset !important;
}

/* RAPA participants list – action button helpers */
.rapa-action-btn {
  font-size: 14px;
}

.rapa-action-btn.rapa-action-btn--disabled,
.rapa-action-btn--disabled {
  background: #999 !important;
  cursor: not-allowed !important;
  pointer-events: unset !important;
}

.rapa-participants-list .eals-list-header {
  margin-bottom: 24px;
  padding-bottom: 6px;
}

/* ECAS Study participants list – action button helpers */
.ecas-action-btn {
  font-size: 14px;
}

.ecas-action-btn.ecas-action-btn--disabled,
.ecas-action-btn--disabled {
  background: #999 !important;
  cursor: not-allowed !important;
  pointer-events: unset !important;
}

.ecas-study-participants-list .eals-list-header {
  margin-bottom: 24px;
  padding-bottom: 6px;
}

/* SLP Sub-Study list – cell helpers (replaces inline styles) */
.slp-substudy-action-cell {
  width: 100px;
}

.slp-substudy-eye-icon {
  color: #000;
  font-size: 18px;
}

.slp-substudy-search.ant-input,
.slp-substudy-search.ant-input-affix-wrapper {
  width: 100% !important;
  height: 51px !important;
  font-size: 19px;
}

.slp-rating-list-page .eals-list-header {
  margin-bottom: 18px;
}

.asymptomatic-participants-list .eals-list-header {
  margin-bottom: 24px;
  padding-bottom: 6px;
}

/* Asymptomatic participants list – Address cell: address text and copy
   icon sit on the same row (icon hugs the right). The text wraps inside
   its own flex item so it doesn't push the icon below or into the next
   column. */
.asym-address-cell {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 8px;
  max-width: 100%;
}

.asym-address-cell-text {
  flex: 1 1 auto;
  min-width: 0;
  word-break: break-word;
  white-space: normal;
}

.asym-address-cell-copy {
  flex: 0 0 auto;
  left: 0 !important;
  align-self: flex-start;
}

/* Asymptomatic participants list – First Name cell: keep the name on one
   line and let any extra relation/media/super-user/consent badges wrap to
   the next row below if there are more than will fit beside the name. */
.asymptomatic-participants-list .ant-table .table-data.d-flex.flex-wrap {
  align-items: center !important;
  gap: 6px;
}

.asymptomatic-participants-list
  .ant-table
  .table-data.d-flex.flex-wrap
  > :first-child {
  white-space: nowrap;
  flex: 0 0 auto;
}

/* Ensure a clear gap between header action buttons and the filter box on the
   Speech Participants page (and any list page using .speech-filters-actions). */
.eals-list-header .speech-filters-actions {
  margin-bottom: 8px;
}

/* Search ECAS page – tabbed layout (Search by Email / All Forms) */
.search-ecas-page .search-ecas-tabs .ant-tabs-nav {
  margin-bottom: 22px;
}

.search-ecas-page .search-ecas-tabs .ant-tabs-tab {
  font-size: 15px;
  font-weight: 600;
  padding: 12px 18px;
}

.search-ecas-page .search-ecas-tabs .ant-tabs-tab .ant-tabs-tab-btn {
  color: #1f2937 !important;
}

.search-ecas-page
  .search-ecas-tabs
  .ant-tabs-tab.ant-tabs-tab-active
  .ant-tabs-tab-btn {
  color: #ffffff !important;
}

.search-ecas-page .search-ecas-tabs .ant-tabs-ink-bar {
  background: transparent !important;
  height: 0 !important;
}

.search-ecas-tab-panel {
  padding-top: 4px;
}

.search-ecas-tab-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  flex-wrap: wrap;
  margin: 4px 0 20px;
}

/* Equal-width filter fields on ECAS list (all rows / all fields) */
.search-ecas-tab-panel .eals-list-filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
}

.search-ecas-tab-panel .eals-list-filters .eals-list-filter-item,
.search-ecas-tab-panel .eals-list-filters .search-ecas-filter-item--email,
.search-ecas-tab-panel .eals-list-filters .search-ecas-filter-item--site {
  flex: none;
  min-width: 0;
  max-width: none;
  width: 100%;
}

.search-ecas-tab-panel .eals-list-filters .ant-select .ant-select-selection-item,
.search-ecas-tab-panel .eals-list-filters .ant-input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1200px) {
  .search-ecas-tab-panel .eals-list-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .search-ecas-tab-panel .eals-list-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .search-ecas-tab-panel .eals-list-filters {
    grid-template-columns: 1fr;
  }
}

.search-ecas-action-btn {
  font-size: 14px;
}

.search-ecas-als-checkbox {
  font-size: 15px;
  margin-right: 4px;
}

.speech-participants-list .eals-list-header {
  margin-bottom: 24px;
  padding-bottom: 6px;
}

/* ===== Reusable: small rounded back button used on detail pages ===== */
.view-mgh-details-back-btn,
.view-breathing-data-back-btn,
.view-session-list-back-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #e2d5cf;
  color: var(--theme-color);
  font-size: 16px;
  font-family: inherit;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(31, 41, 55, 0.06);
  transition:
    background-color 0.15s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease,
    color 0.15s ease;
}

.view-mgh-details-back-btn:hover,
.view-breathing-data-back-btn:hover,
.view-session-list-back-btn:hover {
  background: var(--theme-color);
  color: #ffffff;
  transform: translateX(-2px);
  box-shadow: 0 4px 12px rgba(182, 108, 75, 0.18);
}

.view-mgh-details-back-btn:focus,
.view-breathing-data-back-btn:focus,
.view-session-list-back-btn:focus {
  outline: none;
  box-shadow:
    0 2px 8px rgba(31, 41, 55, 0.06),
    0 0 0 3px rgba(182, 108, 75, 0.18);
}

/* ===== View Breathing Data page – list-card shell ===== */
.view-breathing-data-page .view-breathing-data-card {
  overflow: visible;
}

.view-breathing-data-page .view-breathing-data-header {
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f1ece9;
}

.view-breathing-data-page .view-breathing-data-heading-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: nowrap;
  min-width: 0;
  flex: 1 1 auto;
}

.view-breathing-data-page h3.eals-list-title.view-breathing-data-heading {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.3 !important;
  text-transform: capitalize;
}

.view-breathing-data-page .view-breathing-data-body {
  margin-top: 4px;
}

.view-breathing-data-page .view-breathing-data-empty {
  text-align: center;
  color: #6b7280;
  font-size: 15px;
  margin: 40px 0;
}

/* ===== View Session List page – list-card shell ===== */
.view-session-list-page .view-session-list-card {
  overflow: visible;
}

.view-session-list-page .view-session-list-header {
  align-items: center;
  gap: 18px;
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f1ece9;
}

.view-session-list-page .view-session-list-heading-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: nowrap;
  min-width: 0;
  flex: 1 1 auto;
}

.view-session-list-page .view-session-list-heading-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.view-session-list-page .view-session-list-eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--theme-color);
}

.view-session-list-page h3.eals-list-title.view-session-list-title {
  margin: 0;
  line-height: 1.3 !important;
}

.view-session-list-page .view-session-list-stats {
  display: flex;
  align-items: stretch;
  gap: 10px;
  flex: 0 0 auto;
  flex-wrap: wrap;
}

.view-session-list-page .view-session-list-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 110px;
  padding: 10px 18px;
  border-radius: 12px;
  background: #fdf7f4;
  border: 1px solid #f0e3dc;
}

.view-session-list-page .view-session-list-stat-value {
  font-size: 22px;
  font-weight: 700;
  color: var(--theme-color);
  line-height: 1.1;
}

.view-session-list-page .view-session-list-stat-label {
  margin-top: 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #6b5147;
}

.view-session-list-page .view-session-list-actions {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 14px;
}

.view-session-list-page .view-session-list-tabs {
  margin-top: 0;
}

/* ===== LE Study View Session List page – list-card shell ===== */
.le-view-session-list-page .le-view-session-list-card {
  overflow: visible;
}

.le-view-session-list-page .le-view-session-list-header {
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f1ece9;
}

.le-view-session-list-page .le-view-session-list-heading-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: nowrap;
  min-width: 0;
  flex: 1 1 auto;
}

.le-view-session-list-page .le-view-session-list-back-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #e2d5cf;
  color: var(--theme-color);
  font-size: 16px;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(31, 41, 55, 0.06);
  transition:
    background-color 0.15s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease,
    color 0.15s ease;
}

.le-view-session-list-page .le-view-session-list-back-btn:hover,
.le-view-session-list-page .le-view-session-list-back-btn:focus {
  background: var(--theme-color);
  color: #ffffff;
  transform: translateX(-2px);
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(182, 108, 75, 0.18);
}

.le-view-session-list-page h3.eals-list-title.le-view-session-list-title {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.3 !important;
}

.le-view-session-list-page .le-view-session-list-actions {
  display: flex;
  justify-content: flex-end;
  margin: 8px 0 14px;
}

/* Replaces the inline `<div className="p-4 border">` wrapper inside each
   tab panel – soft warm-tone card that nests inside the parent list-card. */
.le-view-session-list-page .le-view-session-list-tab-panel {
  background: #ffffff;
  border: 1px solid #f1ece9;
  border-radius: 10px;
  padding: 18px 18px 8px;
}

/* Let long column headers (e.g. "Picture Description Image",
   "English/Spanish Speaking Rate (WPM)") wrap to the next line instead of
   being clipped at the column edge. This table is not under
   .participant-activity-table, so it doesn't inherit that header-wrap rule. */
.le-view-session-list-tab-panel .ant-table-thead > tr > th {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
  line-height: 1.3;
  vertical-align: middle;
}

.le-view-session-list-page .le-view-session-list-filter-select,
.le-view-session-list-page
  .le-view-session-list-filter-select
  .ant-select-selector {
  height: 51px !important;
}

/* Session-list tab content (AddedByAdmin / SelfReport / ActiGraphLog).
   Replaces the old inline `border: 1px solid #b3b1b1; padding: 15px 18px`
   wrapper with a softer warm-tone panel that nests cleanly inside the
   parent eals-list-card. */
.session-list-tab-table-wrapper {
  background: #ffffff;
  border: 1px solid #f1ece9;
  border-radius: 10px;
  padding: 14px 16px 6px;
}

.session-list-tab-table-wrapper tr.ant-table-measure-row {
  height: 0 !important;
}

.session-list-tab-table-wrapper tr.ant-table-measure-row td {
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  line-height: 0 !important;
}

.session-list-action-wrap {
  width: 100%;
  margin: 6px 0;
}

.session-list-action-icon {
  padding: 5px 10px;
  cursor: pointer;
}

.session-list-modal-emphasis {
  font-weight: 600;
}

/* ===== View MGH Details page – list-card shell ===== */
.view-mgh-details-page .view-mgh-details-card {
  overflow: visible;
}

.view-mgh-details-page .view-mgh-details-header {
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f1ece9;
}

.view-mgh-details-page .view-mgh-details-heading-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: nowrap;
  min-width: 0;
  flex: 1 1 auto;
}

.view-mgh-details-page .view-mgh-details-back-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #e2d5cf;
  color: var(--theme-color);
  font-size: 16px;
  font-family: inherit;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(31, 41, 55, 0.06);
  transition:
    background-color 0.15s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease,
    color 0.15s ease;
}

.view-mgh-details-page .view-mgh-details-back-btn:focus {
  outline: none;
  box-shadow:
    0 2px 8px rgba(31, 41, 55, 0.06),
    0 0 0 3px rgba(182, 108, 75, 0.18);
}

.view-mgh-details-page .view-mgh-details-back-btn:hover {
  background: var(--theme-color);
  color: #ffffff;
  transform: translateX(-2px);
  box-shadow: 0 4px 12px rgba(182, 108, 75, 0.18);
}

.view-mgh-details-page h3.eals-list-title.view-mgh-details-heading {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.3 !important;
}

.view-mgh-details-page .view-mgh-details-body {
  margin-top: 4px;
}

/* ===== View Coordinator Logs page – list-card shell ===== */
.coordinator-logs-page .coordinator-logs-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--theme-color);
  margin: 6px 4px 12px;
  text-decoration: none;
  transition: transform 0.15s ease;
}

.coordinator-logs-page .coordinator-logs-back:hover {
  transform: translateX(-2px);
  color: var(--theme-color);
  text-decoration: none;
}

.coordinator-logs-page .coordinator-logs-back i {
  font-size: 13px;
}

.coordinator-logs-page .coordinator-logs-card {
  overflow: visible;
}

.coordinator-logs-page .coordinator-logs-header {
  align-items: flex-start;
  margin-bottom: 18px;
}

.coordinator-logs-page .coordinator-logs-heading-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 1 auto;
  min-width: 0;
}

.coordinator-logs-page .coordinator-logs-eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--theme-color);
}

.coordinator-logs-page h3.eals-list-title.coordinator-logs-title {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  line-height: 1.3 !important;
}

.coordinator-logs-page .coordinator-logs-title-id {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 999px;
  background: #fdf1ea;
  color: #4a2918 !important;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.coordinator-logs-page .coordinator-logs-actions {
  flex: 0 0 auto;
}

.coordinator-logs-added-by {
  margin: 0;
  text-transform: capitalize;
}

/* Profile Details page – wrap title row, back button, and tab strip inside
   the shared `.eals-list-card` shell so the page matches every other list
   screen. */
.profile-details-page .profile-details-card {
  overflow: visible;
}

.profile-details-page .profile-details-header {
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f1ece9;
}

.profile-details-page .profile-details-heading-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: nowrap;
  min-width: 0;
  flex: 1 1 auto;
}

.profile-details-page .profile-details-back-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #e2d5cf;
  color: var(--theme-color);
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(31, 41, 55, 0.06);
  transition:
    background-color 0.15s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease;
}

.profile-details-page .profile-details-back-btn:hover {
  background: var(--theme-color);
  color: #ffffff;
  transform: translateX(-2px);
  box-shadow: 0 4px 12px rgba(182, 108, 75, 0.18);
}

.profile-details-page h3.eals-list-title.profile-details-heading {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.3 !important;
}

/* ==========================================================================
   SAVA AI Dashboard
   Ported from the connect-sava-stats module. Self-contained + scoped to
   .sava-dashboard so it does not collide with the rest of the admin styles.
   ========================================================================== */
/* The dashboard now lives inside the standard .eals-list-card container,
   so it stays transparent and lets the card provide the white surface,
   border, radius, shadow and padding (like every other list screen). */
.sava-dashboard {
  --sava-coral: #df5464;
  --sava-coral-2: #e6526b;
  --sava-sunrise: #f5a04a;
  --sava-ink: #2f3146;
  --sava-card: #ffffff;
  --sava-border: #ececec;
  --sava-muted: #f4f3f2;
  --sava-muted-fg: #6b7280;
  --sava-accent: #fdecef;
  --sava-success: #2e9e6b;
  --sava-success-bg: #eaf5ef;

  background: transparent;
  color: var(--sava-ink);
  /* Inherit the admin's global font ("Jost") so the dashboard matches the
     rest of the app instead of forcing its own typeface. */
}

.sava-dashboard * {
  box-sizing: border-box;
}

/* ---- "Updated …" badge, shown in the standard header's actions slot ---- */
.sava-updated {
  border-radius: 9999px;
  background: var(--sava-muted);
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  color: var(--sava-muted-fg);
}

.sava-filter-bar {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  align-items: end;
  gap: 16px 20px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 24px;
  padding: 16px 20px;
  border-radius: 12px;
  background: var(--sava-muted);
  border: 1px solid var(--sava-border);
}

.sava-filter-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  width: 100%;
}

.sava-filter-label {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--sava-muted-fg);
}

.sava-filter-bar .ant-select {
  width: 100%;
  min-width: 0;
}

.sava-filtered-badge {
  border-radius: 9999px;
  background: var(--sava-accent);
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  color: var(--sava-coral);
}

.sava-dashboard-body {
  position: relative;
  min-height: 420px;
}

.sava-empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 280px;
  color: var(--sava-muted-fg);
  font-size: 14px;
  font-weight: 500;
}

.sava-empty-state--stats {
  min-height: 120px;
  grid-column: 1 / -1;
  border-radius: 12px;
  border: 1px dashed var(--sava-border);
  background: var(--sava-muted);
}

.sava-dashboard-loader {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 420px;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(1px);
}

.sava-dashboard-loader .ant-spin-text {
  margin-top: 12px;
  color: var(--sava-muted-fg);
  font-size: 13px;
}

/* ---- Main + sections ---- */
.sava-main {
  padding: 0;
}

.sava-section {
  margin-bottom: 48px;
}

.sava-section-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.sava-section-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--sava-accent);
  color: var(--sava-coral);
  font-size: 18px;
}

.sava-section-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--sava-ink);
}

.sava-eyebrow {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--sava-muted-fg);
}

.sava-eyebrow--coral {
  color: var(--sava-coral);
}

/* ---- Grids ---- */
.sava-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.sava-grid-2 {
  gap: 24px;
}

.sava-mt {
  margin-top: 24px;
}

@media (min-width: 640px) {
  .sava-grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .sava-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .sava-grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .sava-grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* ---- Stat card ---- */
.sava-stat-card {
  border: 1px solid var(--sava-border);
  background: var(--sava-card);
  border-radius: 12px;
  padding: 20px;
  transition: box-shadow 0.15s ease;
}

.sava-stat-card:hover {
  box-shadow: 0 4px 16px rgba(31, 31, 31, 0.06);
}

.sava-stat-card-top {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sava-stat-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 15px;
  background: var(--sava-muted);
  color: var(--sava-muted-fg);
}

.sava-stat-card--up {
  border-color: #cfe8d8;
  background: #f7fbf8;
}

.sava-stat-card--up .sava-stat-icon {
  background: #e8f5ee;
  color: #4c9f70;
}

.sava-stat-card--up .sava-stat-value {
  color: #4c9f70;
}

.sava-stat-card--down {
  border-color: #f3d0cd;
  background: #fdf8f7;
}

.sava-stat-card--down .sava-stat-icon {
  background: #fdeceb;
  color: #d95f59;
}

.sava-stat-card--down .sava-stat-value {
  color: #d95f59;
}

.sava-stat-label {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--sava-muted-fg);
  height: 30px;
}

.sava-stat-row {
  margin-top: 12px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
}

.sava-stat-value {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--sava-ink);
}

.sava-stat-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: 9999px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.sava-stat-badge i {
  font-size: 10px;
}

.sava-stat-badge--up {
  background: var(--sava-success-bg);
  color: var(--sava-success);
}

.sava-stat-badge--down {
  background: var(--sava-accent);
  color: var(--sava-coral);
}

.sava-stat-badge--neutral {
  background: var(--sava-muted);
  color: var(--sava-muted-fg);
}

.sava-stat-hint {
  margin: 12px 0 0;
  font-size: 13px;
  line-height: 1.4;
  color: var(--sava-muted-fg);
}

/* ---- Chart card ---- */
.sava-chart-card {
  border: 1px solid var(--sava-border);
  background: var(--sava-card);
  border-radius: 12px;
  padding: 24px;
}

.sava-chart-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}

.sava-chart-card-title {
  margin: 4px 0 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--sava-ink);
}

/* ---- Legend ---- */
.sava-legend {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 12px;
  color: var(--sava-muted-fg);
}

.sava-legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.sava-dot {
  width: 10px;
  height: 10px;
  border-radius: 9999px;
}

.sava-dot--coral {
  background: var(--sava-coral);
}

.sava-dot--sunrise {
  background: var(--sava-sunrise);
}

/* ---- Flow funnel ---- */
.sava-funnel {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sava-funnel-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
  font-size: 14px;
}

.sava-funnel-stage {
  font-weight: 500;
  color: var(--sava-ink);
}

.sava-funnel-meta {
  color: var(--sava-muted-fg);
}

.sava-funnel-track {
  height: 12px;
  width: 100%;
  border-radius: 9999px;
  background: var(--sava-muted);
  overflow: hidden;
}

.sava-funnel-fill {
  height: 100%;
  border-radius: 9999px;
}

/* ---- Locations ---- */
.sava-locations {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sava-locations-scroll {
  max-height: 360px;
  overflow-y: auto;
  padding-right: 4px;
}

.sava-geography-chart-scroll {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  -webkit-overflow-scrolling: touch;
}

/* ---- PDF export capture styles ---- */
.sava-dashboard-export {
  background: #ffffff;
}

.sava-dashboard-export-header {
  display: none;
  margin-bottom: 24px;
  padding: 16px 18px;
  border: 1px solid var(--sava-border);
  border-radius: 12px;
  background: var(--sava-muted);
}

.sava-dashboard-export--capturing .sava-dashboard-export-header {
  display: block;
}

.sava-dashboard-export--capturing .sava-geography-chart-scroll {
  max-height: none !important;
  overflow: visible !important;
  height: auto !important;
}

.sava-dashboard-export-eyebrow {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--sava-coral);
}

.sava-dashboard-export-title {
  margin: 0 0 8px;
  font-size: 24px;
  font-weight: 700;
  color: var(--sava-ink);
}

.sava-dashboard-export-subtitle {
  margin: 0 0 12px;
  max-width: 720px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  color: var(--sava-muted-fg);
}

.sava-dashboard-export-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin-bottom: 12px;
}

.sava-dashboard-export-updated {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--sava-muted-fg);
}

.sava-dashboard-export-badge {
  display: inline-block;
  margin: 0 0 14px;
  border-radius: 9999px;
  background: var(--sava-accent);
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  color: var(--sava-coral);
}

.sava-dashboard-export-badge--full {
  background: var(--sava-success-bg);
  color: var(--sava-success);
}

.sava-dashboard-export-filters-block {
  margin-top: 4px;
}

.sava-dashboard-export-filters-title {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 700;
  color: var(--sava-ink);
}

.sava-dashboard-export-filters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px 16px;
  margin: 0;
}

.sava-dashboard-export-filter-item {
  min-width: 0;
}

.sava-dashboard-export-filter-item dt {
  margin: 0 0 2px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--sava-muted-fg);
}

.sava-dashboard-export-filter-item dd {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--sava-ink);
  word-break: break-word;
}

@media print {
  .sava-dashboard-export-ignore {
    display: none !important;
  }

  .sava-dashboard-export-header {
    display: block;
  }

  .sava-section,
  .sava-chart-card {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}

.sava-chart-h-scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.sava-location-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}

.sava-location-name {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  color: var(--sava-ink);
}

.sava-location-pin {
  color: var(--sava-coral);
  font-size: 14px;
}

.sava-location-meta {
  color: var(--sava-muted-fg);
}

.sava-bar-track {
  margin-top: 8px;
  height: 8px;
  width: 100%;
  border-radius: 9999px;
  background: var(--sava-muted);
  overflow: hidden;
}

.sava-bar-fill {
  height: 100%;
  border-radius: 9999px;
}

.sava-bar-fill--coral {
  background: var(--sava-coral);
}

/* ---- Footer ---- */
.sava-footer {
  border-top: 1px solid var(--sava-border);
  padding-top: 24px;
  text-align: center;
  font-size: 12px;
  color: var(--sava-muted-fg);
}

/* ECAS Study ALSFRS-R list modal */
.ecas-alsfrs-list-modal .ant-modal-body {
  padding-top: 20px;
}

.ecas-alsfrs-list-modal__header {
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e7eb;
}

.ecas-alsfrs-list-modal__header .ecas-alsfrs-view-title {
  margin: 0 0 4px;
  font-size: 22px;
  font-weight: 700;
  color: #1f2937;
}

.ecas-alsfrs-list-modal__participant {
  margin: 0;
  font-size: 14px;
  color: #6b7280;
}

.ecas-alsfrs-list-tabs {
  margin-top: 4px;
}

/* Match ECAS Study participant list table typography (.eals-list-table) */
.ecas-alsfrs-list-modal .ant-table-thead > tr > th {
  font-size: 13px !important;
  font-weight: 600 !important;
  white-space: normal;
  word-break: break-word;
  line-height: 1.3;
}

.ecas-alsfrs-list-modal .ant-table-tbody > tr > td {
  font-size: 13px;
  color: #2c2c2c;
}

.ecas-alsfrs-list-modal .ant-table-tbody > tr > td .column-div {
  font-size: 13px;
}

.ecas-alsfrs-view-type-subtitle {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}

.ecas-alsfrs-view-type-subtitle i {
  color: var(--theme-color, #b66c4b);
  font-size: 14px;
}

/* ECAS Study ALSFRS-R view detail modal */
.ecas-alsfrs-view-modal .ant-modal-content {
  padding: 0;
  overflow: hidden;
  border-radius: 12px;
}

.ecas-alsfrs-view-modal .ant-modal-close {
  top: 14px;
  right: 14px;
  color: #fff;
  z-index: 2;
}

.ecas-alsfrs-view-modal .ant-modal-close:hover {
  color: #f3f4f6;
}

.ecas-alsfrs-view-modal .ant-modal-body {
  padding: 0;
}

.ecas-alsfrs-view-detail {
  background: #f8f9fb;
}

.ecas-alsfrs-view-hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding: 24px 28px;
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 55%, #3d2a22 100%);
  color: #fff;
}

.ecas-alsfrs-view-hero__left {
  flex: 1;
  min-width: 0;
}

.ecas-alsfrs-type-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.ecas-alsfrs-type-pill--digital {
  background: rgba(182, 108, 75, 0.25);
  border: 1px solid rgba(182, 108, 75, 0.6);
  color: #f5d5c8;
}

.ecas-alsfrs-type-pill--inclinic {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #e5e7eb;
}

.ecas-alsfrs-view-title {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}

.ecas-alsfrs-view-date {
  margin: 0;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.75);
  display: flex;
  align-items: center;
  gap: 8px;
}

.ecas-alsfrs-total-card {
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 12px;
  padding: 14px 22px;
  min-width: 110px;
  backdrop-filter: blur(4px);
}

.ecas-alsfrs-total-label {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 4px;
}

.ecas-alsfrs-total-value {
  display: block;
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
  color: #fff;
}

.ecas-alsfrs-total-max {
  display: block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
  margin-top: 4px;
}

.ecas-alsfrs-meta-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 14px 28px;
  background: #fff;
  border-bottom: 1px solid #e8eaed;
}

.ecas-alsfrs-meta-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ecas-alsfrs-meta-label {
  font-size: 13px;
  color: #6b7280;
  font-weight: 500;
}

.ecas-alsfrs-meta-value {
  font-size: 13px;
  font-weight: 700;
  color: #1f2937;
  background: #f3f4f6;
  padding: 3px 10px;
  border-radius: 6px;
}

.ecas-alsfrs-meta-value--yes {
  background: #fef3c7;
  color: #92400e;
}

.ecas-alsfrs-sections {
  padding: 20px 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ecas-alsfrs-section {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.ecas-alsfrs-section__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #fafafa;
  border-bottom: 1px solid #e5e7eb;
  font-size: 13px;
  font-weight: 700;
  color: #1f2937;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ecas-alsfrs-section__header i {
  color: var(--theme-color, #b66c4b);
  font-size: 14px;
}

.ecas-alsfrs-section__body {
  padding: 4px 0;
}

.ecas-alsfrs-field-row {
  padding: 12px 16px;
  border-bottom: 1px solid #f3f4f6;
}

.ecas-alsfrs-field-row:last-child {
  border-bottom: none;
}

.ecas-alsfrs-field-row__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.ecas-alsfrs-field-label {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  flex: 1;
}

.ecas-alsfrs-score-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 800;
  color: #111;
  border: 1px solid rgba(0, 0, 0, 0.08);
  flex-shrink: 0;
}

.ecas-alsfrs-score-badge--empty {
  background: #f3f4f6;
  color: #9ca3af;
  font-weight: 500;
}

.ecas-alsfrs-field-description {
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.5;
  color: #6b7280;
  padding-right: 48px;
}

.ecas-alsfrs-field-description--muted {
  font-style: italic;
  color: #9ca3af;
}

.ecas-alsfrs-files-panel {
  margin: 0 28px 24px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
}

.ecas-alsfrs-files-panel__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #fafafa;
  border-bottom: 1px solid #e5e7eb;
  font-size: 13px;
  font-weight: 700;
  color: #1f2937;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ecas-alsfrs-files-panel__header i {
  color: var(--theme-color, #b66c4b);
}

.ecas-alsfrs-files-panel__body {
  padding: 14px 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ecas-alsfrs-files-empty {
  font-size: 13px;
  color: #9ca3af;
  font-style: italic;
}

.ecas-alsfrs-file-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: none;
  border-radius: 8px;
  background: var(--theme-color, #b66c4b);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, transform 0.1s ease;
}

.ecas-alsfrs-file-btn:hover {
  background: #9d5a3d;
  color: #fff;
}

.ecas-alsfrs-file-btn:active {
  transform: scale(0.98);
}

@media (max-width: 600px) {
  .ecas-alsfrs-view-hero {
    flex-direction: column;
    padding: 20px;
  }

  .ecas-alsfrs-view-hero__right {
    width: 100%;
  }

  .ecas-alsfrs-total-card {
    width: 100%;
  }

  .ecas-alsfrs-sections,
  .ecas-alsfrs-meta-strip,
  .ecas-alsfrs-files-panel {
    padding-left: 16px;
    padding-right: 16px;
  }

  .ecas-alsfrs-files-panel {
    margin-left: 16px;
    margin-right: 16px;
  }
}

/* ECAS Study ALSFRS-R edit modal */
.ecas-alsfrs-edit-modal .ant-modal-content {
  padding: 0;
  overflow: hidden;
  border-radius: 12px;
}

.ecas-alsfrs-edit-modal .ant-modal-close {
  top: 14px;
  right: 14px;
  color: #fff;
  z-index: 2;
}

.ecas-alsfrs-edit-modal .ant-modal-close:hover {
  color: #f3f4f6;
}

.ecas-alsfrs-edit-modal .ant-modal-body {
  padding: 0;
}

.ecas-alsfrs-edit {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  background: #f8f9fb;
}

.ecas-alsfrs-edit-hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding: 24px 28px;
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 55%, #3d2a22 100%);
  color: #fff;
  flex-shrink: 0;
}

.ecas-alsfrs-edit-hero__left {
  flex: 1;
  min-width: 0;
}

.ecas-alsfrs-edit-hero__hint {
  margin: 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
  max-width: 420px;
}

.ecas-alsfrs-total-card--live {
  border-color: rgba(182, 108, 75, 0.5);
  background: rgba(182, 108, 75, 0.15);
}

.ecas-alsfrs-edit-scroll {
  flex: 1;
  overflow-y: auto;
  padding: 20px 28px;
  min-height: 0;
}

.ecas-alsfrs-edit-section {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.ecas-alsfrs-edit-section__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #fafafa;
  border-bottom: 1px solid #e5e7eb;
  font-size: 13px;
  font-weight: 700;
  color: #1f2937;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ecas-alsfrs-edit-section__header i {
  color: var(--theme-color, #b66c4b);
  font-size: 14px;
}

.ecas-alsfrs-edit-section__body {
  padding: 16px;
}

.ecas-alsfrs-edit-question {
  margin-bottom: 20px;
}

.ecas-alsfrs-edit-question:last-child {
  margin-bottom: 0;
}

.ecas-alsfrs-edit-question__title {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 700;
  color: #1f2937;
  line-height: 1.4;
}

.ecas-alsfrs-required {
  color: #dc2626;
  margin-left: 4px;
}

.ecas-alsfrs-edit-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ecas-alsfrs-edit-option {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  padding: 10px 14px;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
  position: relative;
}

.ecas-alsfrs-edit-option:hover {
  border-color: #d1d5db;
  background: #fafafa;
}

.ecas-alsfrs-edit-option.is-selected {
  border-color: var(--theme-color, #b66c4b);
  background: #fdf6f3;
  box-shadow: 0 0 0 1px rgba(182, 108, 75, 0.2);
}

.ecas-alsfrs-edit-option__score {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 800;
  color: #111;
  border: 1px solid rgba(0, 0, 0, 0.08);
  flex-shrink: 0;
}

.ecas-alsfrs-edit-option__text {
  flex: 1;
  font-size: 13px;
  line-height: 1.45;
  color: #374151;
  padding-top: 6px;
  padding-right: 24px;
}

.ecas-alsfrs-edit-option__check {
  position: absolute;
  top: 12px;
  right: 14px;
  color: var(--theme-color, #b66c4b);
  font-size: 14px;
}

.ecas-alsfrs-gastro-toggle {
  display: flex;
  gap: 10px;
}

.ecas-alsfrs-gastro-btn {
  flex: 1;
  padding: 12px 20px;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  font-size: 14px;
  font-weight: 700;
  color: #374151;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.ecas-alsfrs-gastro-btn:hover {
  border-color: #d1d5db;
  background: #fafafa;
}

.ecas-alsfrs-gastro-btn.is-selected {
  border-color: var(--theme-color, #b66c4b);
  background: var(--theme-color, #b66c4b);
  color: #fff;
}

.ecas-alsfrs-edit-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 28px;
  background: #fff;
  border-top: 1px solid #e5e7eb;
  flex-shrink: 0;
}

.ecas-alsfrs-save-btn {
  background: var(--theme-color, #b66c4b) !important;
  border-color: var(--theme-color, #b66c4b) !important;
  font-weight: 600;
  min-width: 140px;
}

.ecas-alsfrs-save-btn:hover {
  background: #9d5a3d !important;
  border-color: #9d5a3d !important;
}

@media (max-width: 600px) {
  .ecas-alsfrs-edit-hero {
    flex-direction: column;
    padding: 20px;
  }

  .ecas-alsfrs-edit-scroll,
  .ecas-alsfrs-edit-footer {
    padding-left: 16px;
    padding-right: 16px;
  }

  .ecas-alsfrs-edit-section__body {
    padding: 12px;
  }

  .ecas-alsfrs-gastro-toggle {
    flex-direction: column;
  }
}

/*
  shadcn Sidebar — theme tokens + component styles
  Brand color: #b66c4b  (matches --theme-color in custom.css)
*/

/* ── CSS variables scoped to the whole app ─────────────────────────── */
:root {
  --sidebar-background:         #ffffff;
  --sidebar-foreground:         #2d2d2d;
  --sidebar-border:             #dedede;
  --sidebar-primary:            #b66c4b;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent:             #f8f0ec;
  --sidebar-accent-foreground:  #5c2e18;
  --sidebar-ring:               #b66c4b;
}

/* ── Sidebar shell ──────────────────────────────────────────────────── */
.eals-shadcn-sidebar {
  position: fixed;
  left: 0;
  top: 87px;
  z-index: 400;
  width: 240px;
  height: calc(100dvh - 87px);
  background: var(--sidebar-background);
  border-right: 1px solid var(--sidebar-border);
  color: var(--sidebar-foreground);
  display: flex;
  flex-direction: column;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0 !important;
}
#sidebar.eals-shadcn-sidebar::-webkit-scrollbar { display: block !important; width: 10px !important; }
#sidebar.eals-shadcn-sidebar::-webkit-scrollbar-track { background: #f1f1f1 !important; }
#sidebar.eals-shadcn-sidebar::-webkit-scrollbar-thumb { background: #d7d2d2 !important; border-radius: 4px !important; }
#sidebar.eals-shadcn-sidebar::-webkit-scrollbar-thumb:hover { background: #bbb !important; }

/* ── Scrollable content area ────────────────────────────────────────── */
.eals-shadcn-sidebar-content {
  flex: 1;
  padding: 0 !important;
  margin: 0 !important;
}

/* ── Menu items — inherit legacy .sidebar-section li styles ─────────── */
.eals-shadcn-sidebar ul,
.eals-shadcn-sidebar .sidebar-dropdown ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.eals-shadcn-sidebar ul li {
  padding: 16px 13px 16px 21px;
  cursor: pointer;
  transition: background 200ms, color 200ms;
}
.eals-shadcn-sidebar ul li:hover {
  background: var(--sidebar-accent);
  color: var(--sidebar-accent-foreground);
}
.eals-shadcn-sidebar ul li.active {
  background: var(--sidebar-primary) !important;
  color: var(--sidebar-primary-foreground) !important;
  border-bottom: 1px solid rgba(255,255,255,.15);
}
.eals-shadcn-sidebar ul li.active:hover {
  background: var(--sidebar-primary) !important;
  color: var(--sidebar-primary-foreground) !important;
}
.eals-shadcn-sidebar ul li.active a,
.eals-shadcn-sidebar ul li.active a i,
.eals-shadcn-sidebar ul li.active span {
  color: var(--sidebar-primary-foreground) !important;
}
.eals-shadcn-sidebar ul li a {
  font-size: 17px;
  text-decoration: none;
  color: inherit;
  display: flex;
  align-items: flex-start;
  gap: 4px;
}
.eals-shadcn-sidebar ul li a i {
  margin-right: 5px;
}

/* ── Dropdown sub-menus (keep existing class names) ─────────────────── */
.eals-shadcn-sidebar .sidebar-dropdown {
  display: none;
  padding: 0 !important;
  margin: 0 !important;
}
.eals-shadcn-sidebar .sidebar-dropdown.active-dropdown {
  display: block;
}

/* ── Mobile: Header jQuery toggles show/hide on #sidebar ────────────── */
#sidebar.hide-sidebar {
  left: -400px;
  transition: left 400ms ease;
}
#sidebar.show-sidebar {
  left: 0;
  top: 87px;
  transition: left 400ms ease;
}


@media only screen and (max-width: 600px) {
  .admin-user-options input {
    width: 100% !important;
  }
  .admin-user-options .d-flex {
    width: 100% !important;
    flex-direction: column;
  }
  .admin-user-options .d-flex a {
    width: 100%;
  }
  .content-library-page .ambassador-heading-section {
    padding: 0 !important;
  }
  .consortia-request-page .filter-by-type-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .consortia-request-page input {
    width: 100% !important;
  }
  .ambassador-heading-section {
    padding: 0 !important;
  }
  .motor-exam-summary-page .ambassador-heading-section {
    margin-top: 40px;
  }
  .exercise-form .remove-option {
    top: -14px !important;
  }
  .document-master-form-page .wizard-form-field {
    margin: 0 !important;
  }
  .submissions-page .filter-by-study-type-wrapper label {
    left: 0px !important;
  }
  .submissions-page .filter-by-study-type-wrapper .ant-select {
    margin-left: 0 !important;
    width: 100% !important;
  }
  .list-of-participant-page .ambassador-heading-section h3 {
    padding: 0 10px;
  }
  .list-of-participant-page .filter-by-activity-input-wrapper .ant-select {
    padding-right: 20px;
    width: 100%;
    margin-left: 0;
  }
  .list-of-participant-page
    .filter-by-activity-input-wrapper
    .ant-select
    .ant-select-arrow {
    right: 46px;
  }
  .list-of-participant-page .filter-by-onboarding-status-input-wrapper {
    padding-right: 34px;
  }
  .radcliff-form-details-page .radcliff-form-details {
    top: -200px;
  }
  .zephyx-fvc-graph-scroll,
  .zephyx-svc-graph-scroll {
    overflow-x: auto;
  }
  .gender-report-page .filter-element input,
  .gender-report-page .gender-report-search-input,
  .dob-report-page .filter-element input,
  .dob-report-page .dob-report-search-input,
  .modality-id-report-page .filter-element input,
  .modality-id-report-page .modality-id-report-search-input {
    margin: 0 15px;
    max-width: 92%;
  }
  .ethinicity-report-page .main-download-button a {
    margin-right: 40px;
  }
  .ethinicity-report-page .export-button-3 {
    z-index: 99;
    top: 256px;
    right: -19px;
  }
  .ethinicity-report-page .export-button-1 {
    z-index: 99;
    top: 915px;
    right: -19px;
  }
  .ethinicity-report-page .export-button-2 {
    z-index: 99;
    top: 1610px;
  }
  .ethinicity-report-page .graph-heading-2 {
    padding-top: 85px;
  }
  .ethinicity-report-page .ethnicity-report-3 {
    page-break-inside: 100px;
  }
  .ethinicity-report-page .ethnicity-report-1 {
    height: 580px;
  }
  .ethinicity-report-page .ethnicity-report-1 .graph-outer,
  .ethinicity-report-page .ethnicity-report-2 .graph-outer,
  .ethinicity-report-page .ethnicity-report-3 .graph-outer {
    height: 50%;
  }
  .ethinicity-report-page .ethnicity-report-2 {
    height: 620px;
  }
  .ethinicity-report-page .ethnicity-report-3 {
    height: 620px;
  }
  .consistency-report-page .wrapper {
    padding: 0 20px !important;
  }
  .consistency-report-page h3 {
    padding-top: 110px !important;
  }
  .participant-session-report h3 {
    padding: 0 20px !important;
  }
  .participant-session-report .export-button-wrapper a {
    margin-right: 18px;
  }
  .participant-session-report .session-instruction {
    margin-left: 4% !important;
  }
  .dropout-report-main-page .wizard-content-form {
    overflow-x: scroll;
    overflow-y: visible;
  }
  .dropout-report-main-page .wizard-content-form h1 {
    margin-top: 0 !important;
  }
  .radcliff-session-report .ambassador-heading-section .d-flex {
    flex-direction: column;
  }
  .radcliff-session-report .ambassador-heading-section .d-flex h3 {
    padding-left: 20px !important;
  }
  .radcliff-session-report .ambassador-heading-section .d-flex a {
    position: relative;
    left: 93px;
    top: 20px;
  }
  .radcliff-session-report #radcliff_session_graph .inner {
    width: 617px;
  }
  .radcliff-session-report #radcliff_session_graph {
    overflow-x: scroll;
  }
  .radcliff-all-reports .ambassador-heading-section h3 {
    padding-left: 15px;
  }
  .radcliff-all-reports .d-flex.justify-content-between {
    flex-direction: column;
  }
  .radcliff-all-reports .d-flex.justify-content-between h2 {
    padding-bottom: 20px;
  }
  .radcliff-all-reports #radcliff_enrollment_graph .inner {
    width: 418px !important;
  }
  .radcliff-cumulative-graph-wrapper .inner-radlc {
    width: 500px;
    height: 400px;
  }
  .radcliff-cumulative-graph-wrapper #radcliff_cumulative_graph,
  .radcliff-compliance-graph-wrapper #radcliff_cumulative_graph {
    overflow-x: scroll;
    overflow-y: visible;
  }
  .radcliff-compliance-graph-wrapper .inner-rad-compl {
    width: 500px !important;
  }
  .radcliff-compliance-graph-wrapper #radcliff_compliance_graph {
    overflow-x: scroll;
  }
  .radcliif-sessions-graph-wrapper .inner-radd-sesion-report {
    width: 400px !important;
  }
  .radcliif-sessions-graph-wrapper #radcliff_session_graph {
    overflow-x: scroll;
  }
  .main-section.dashboard h1 {
    font-size: 37px !important;
  }
  .graph-wrapper {
    height: 336px;
  }
  #radcliff_cumulative_graph .overflow-mobile-scroll {
    overflow-x: scroll;
  }
  #radcliff_cumulative_graph .bar-graph-cover {
    width: 500px;
  }
  .radcliff-all-demog-graph-wrapper .graph-outer {
    height: 400px !important;
    padding-bottom: 0 !important;
  }
  .exercise-form .remove-option {
    top: -14px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .toggle-sidebar {
    display: block !important;
    margin-right: 17px;
    position: relative;
    top: 4px;
  }
  .main-section {
    margin-left: 25px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .add-session-entry-form-wrapper {
    position: relative;
    top: -100px;
  }
  .go-back-email-body {
    margin-left: 55px;
  }
  .view-email-body-page .wrapper {
    padding-top: 65px;
  }
  .add-slp-rating .wrapper {
    padding-top: 35px;
  }
  .add-slp-rating .wizard-content-form {
    padding-top: 33px !important;
  }
  .single_congnition_item {
    flex-direction: column;
  }
  .single_congnition_item .answer-box {
    margin-left: 7px;
  }
  .single_congnition_item .social-cognition-table {
    max-width: 185px !important;
    width: 175px;
  }
}
@media only screen and (min-width: 1400px) {
  .add-slp-rating .wizard-content-form {
    padding-top: 45px !important;
  }
}

@media only screen and (min-width: 1450px) {
  .go-back-email-body {
    margin-left: 0;
  }
  .view-email-body-page .wrapper {
    padding-top: 105px;
  }
}

body{margin:0;padding:0;overflow-x:hidden;font-size:15px;font-weight:400;line-height:1.5;color:#2f3146;font-family:"Jost",sans-serif;-moz-osx-font-smoothing:antialiased;-webkit-font-smoothing:antialiased}::-moz-selection{color:#fff;background-color:#b66c4b}::selection{color:#fff;background-color:#b66c4b}::-moz-selection{color:#fff;background-color:#b66c4b}ul{margin:0;padding:0}ul li{list-style:none}a{color:inherit;text-decoration:none;transition:.3s all ease-in-out}a:hover,a:focus{text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer}.form-control:focus,button:visited,button.active,button:hover,button:focus,input:visited,input.active,.wizard-form-field select.active,input:hover,input:focus,textarea:hover,textarea:focus,a:hover,a:focus,a:visited,a.active,select,select:hover,select:focus,select:visited{outline:none;box-shadow:none;text-decoration:none;color:inherit}.form-control{box-shadow:none}.relative-position{position:relative}p{margin:0}h1,h2,h3,h4,h5,h6{margin:0;font-family:"Jost",sans-serif}.pb-100{padding-bottom:100px}.pb-50{padding-bottom:50px}.boxed-version{max-width:1400px;margin:auto;position:relative}.boxed-version .wizard-forms{zoom:.8}.boxed-version .form-content{padding-right:2%;padding-left:60px}.boxed-version .actions{right:0}.dark-version.dark-version{background-color:#1a1a1a;color:#6c757d}.dark-version.dark-version .wrapper,.dark-version.dark-version .has-float-label label{background-color:#1a1a1a}.dark-version.dark-version label,.dark-version.dark-version p,.dark-version.dark-version span{color:#6c757d !important}.dark-version.dark-version button,.dark-version.dark-version input,.dark-version.dark-version optgroup,.dark-version.dark-version select,.dark-version.dark-version textarea{background-color:#1a1a1a !important}.wrapper{height:auto;margin:80px auto}.wizard{position:relative}.steps{top:110px;z-index:9;position:absolute}.steps li{display:inline-block;padding-right:270px}.steps li:last-child{padding-right:0}.steps li a{width:50px;color:#fff;height:50px;font-size:16px;font-weight:700;line-height:50px;border-radius:50%;position:relative;text-align:center;display:inline-block;border:2px solid #e3e3e3}.steps li.first a{border:2px solid #b66c4b}.steps li.checked a,.steps li.current a{border:2px solid #b66c4b}.steps li.checked a:after,.steps li.current a:after{top:0;left:13px;font-size:20px;color:#b66c4b;content:"";font-weight:900;position:absolute;font-family:"Font Awesome 5 Free"}.form-content{width:75%;padding-top:65px;padding-left:51px;padding-right:51px}.form-header{text-align:center}.form-row{display:flex;margin-bottom:18px}.form-row .form-holder{width:50%;margin-right:30px}.form-row .form-holder:last-child{margin-right:0}.form-row .form-holder.w-100{width:100%;margin-right:0}.form-row .select{width:50%;margin-right:30px}.form-row .select .form-holder{width:100%;margin-right:0}.form-holder{position:relative}.form-holder i{position:absolute;bottom:7px;right:0;font-size:17px}.form-control{height:37px;border:none;border-bottom:2px solid #e6e6e6;width:100%;color:#666}.form-control:focus{border-color:#e9e0cf}select.form-control{-moz-appearance:none;-webkit-appearance:none;cursor:pointer;color:#999}select.form-control option[value=""][disabled]{display:none}.actions{position:absolute;right:50px;bottom:50px;z-index:1}.actions ul{display:flex}.actions li{margin:0 10px}.actions li span,.actions li button{height:55px;width:200px;color:#fff;display:block;font-size:16px;font-weight:500;line-height:55px;text-align:center;background-color:#b66c4b;border:2px solid #b66c4b;cursor:pointer}.actions li span i,.actions li button i{position:relative}.actions li:first-child span,.actions li:first-child button{color:#8a8a8a;background-color:rgba(211,211,214,0);border-color:#c6e0fd;border-radius:3px}.actions li:first-child span i,.actions li:first-child button i{left:-45px}.actions li .js-btn-next i,.actions li button i{right:-45px !important;left:inherit !important}.actions li:last-child span{background-color:#b66c4b;color:#fff}.actions li:last-child span:hover{background-color:#b66c4b}.actions li[aria-disabled=true] a{opacity:0;transition:all 1s}.actions li[aria-disabled=false]~li a{background-color:#b66c4b;color:#fff}.actions li[aria-disabled=false]~li a:hover{background-color:#b66c4b}.checkbox-tick label{cursor:pointer;display:inline-block;padding-left:23px;position:relative}.checkbox-tick label.male{margin-right:26px}.checkbox-tick input,.checkbox-tick .wizard-form-field select,.wizard-form-field .checkbox-tick select{position:absolute;opacity:0;cursor:pointer}.checkbox-tick input:checked~.checkmark,.checkbox-tick .wizard-form-field select:checked~.checkmark,.wizard-form-field .checkbox-tick select:checked~.checkmark{background:#999}.checkbox-tick input:checked~.checkmark:after,.checkbox-tick .wizard-form-field select:checked~.checkmark:after,.wizard-form-field .checkbox-tick select:checked~.checkmark:after{display:block}.checkbox-tick .checkmark{position:absolute;top:3px;left:0;height:13px;width:13px;border:1px solid #999;border-radius:50%;font-family:Material-Design-Iconic-Font;color:#fff;font-size:11px}.checkbox-tick .checkmark:after{top:0;left:2px;position:absolute;display:none;content:""}.checkbox-circle{position:relative;padding-left:23px;margin-top:41px;width:63%}.checkbox-circle.mt-24{margin-top:24px}.checkbox-circle label{cursor:pointer;color:#999;font-size:13px;line-height:1.9;transform:translateY(-5px)}.checkbox-circle label a{color:#6d7f52}.checkbox-circle label a:hover{color:#89b843}.checkbox-circle input,.checkbox-circle .wizard-form-field select,.wizard-form-field .checkbox-circle select{position:absolute;opacity:0;cursor:pointer}.checkbox-circle input:checked~.checkmark:after,.checkbox-circle .wizard-form-field select:checked~.checkmark:after,.wizard-form-field .checkbox-circle select:checked~.checkmark:after{display:block}.checkbox-circle .checkmark{position:absolute;top:6px;left:0;height:13px;width:13px;border-radius:50%;border:1px solid #999}.checkbox-circle .checkmark:after{content:"";top:2px;left:2px;width:7px;height:7px;border-radius:50%;background:#999;position:absolute;display:none}.has-float-label{display:block}.has-float-label i{position:absolute;top:25px;left:35px;width:33px;height:33px;color:#8dcef9;border:1px solid #8dcef9;border-radius:100%;font-size:10px;align-items:center;display:flex;justify-content:center}.has-float-label i:hover{background:#b66c4b;border-color:#b66c4b;color:#fff}.has-float-label i+input,.has-float-label .wizard-form-field i+select,.wizard-form-field .has-float-label i+select{padding-left:75px}.has-float-label label{position:absolute;left:0;top:0;cursor:text;font-size:23px;opacity:1;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;top:-12px;left:36px;z-index:3;background:#f1f9fe;line-height:1;padding:0 5px}.has-float-label label::after{content:" ";display:block;position:absolute}.has-float-label>span{position:absolute;left:0;top:0;cursor:text;font-size:23px;opacity:1;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;top:-12px;left:36px;z-index:3;background:#f1f9fe;line-height:1;padding:0 5px}.has-float-label>span::after{content:" ";display:block;position:absolute}.has-float-label .form-control::-webkit-input-placeholder{opacity:1;-webkit-transition:all .2s;transition:all .2s}.has-float-label .form-control::-moz-placeholder{opacity:1;-moz-transition:all .2s;transition:all .2s}.has-float-label .form-control:-ms-input-placeholder{opacity:1;-ms-transition:all .2s;transition:all .2s}.has-float-label .form-control:-ms-input-placeholder:not(:focus)+*{font-size:150%;opacity:0;top:.3em;background:rgba(0,0,0,0)}.has-float-label .form-control::-ms-input-placeholder{opacity:1;-webkit-transition:all .2s;-ms-transition:all .2s;transition:all .2s}.has-float-label .form-control::placeholder{opacity:1;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;color:#b66c4b}.has-float-label .form-control:focus::-webkit-input-placeholder{color:rgba(0,0,0,0)}.has-float-label .form-control:focus:-moz-placeholder{color:rgba(0,0,0,0)}.has-float-label .form-control:focus::-moz-placeholder{color:rgba(0,0,0,0)}.has-float-label .form-control:focus:-ms-input-placeholder{color:rgba(0,0,0,0)}.has-float-label .form-control:-moz-placeholder-shown:not(:focus)+*{font-size:150%;opacity:0;top:.3em;background:rgba(0,0,0,0)}.has-float-label .form-control:placeholder-shown:not(:focus)+*{font-size:150%;opacity:0;top:30px;left:40px;visibility:hidden;background:rgba(0,0,0,0)}.tooltip-info i{position:absolute;top:25px;left:35px;width:33px;height:33px;color:#8dcef9;border:1px solid #8dcef9;border-radius:100%;font-size:10px;align-items:center;display:flex;justify-content:center}.tooltip-info i:hover{background:#b66c4b;border-color:#b66c4b;color:#fff}.tooltip-info span,.tooltip-info input[type=text],.tooltip-info .wizard-form-field select[type=text],.wizard-form-field .tooltip-info select[type=text]{padding-left:50px}.input-group .has-float-label{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.input-group .has-float-label .form-control{width:100%;border-radius:.25rem}.input-group .has-float-label:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0;border-right:0}.input-group .has-float-label:not(:last-child) .form-control{border-bottom-right-radius:0;border-top-right-radius:0;border-right:0}.input-group .has-float-label:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.input-group .has-float-label:not(:first-child) .form-control{border-bottom-left-radius:0;border-top-left-radius:0}.tooltip-inner{max-width:280px;background-color:#b66c4b;border-radius:0}.arrow{left:4px !important}.tooltip{left:6.9% !important}.tooltip .arrow:before{border-bottom-color:#b66c4b;border-top-color:#b66c4b}.multisteps-form__progress{background-repeat:repeat-x;padding:80px 110px;display:grid;grid-template-columns:repeat(auto-fit, minmax(0, 1fr))}.wizard-part-title{padding:140px;padding-bottom:0}.multisteps-form__progress-btn{position:relative;color:rgba(108,117,125,.7);border:none;background-color:rgba(0,0,0,0);outline:none !important;cursor:pointer;font-size:21px;font-weight:600;display:flex;align-items:center;min-width:max-content;justify-content:center;margin-left:32px}.multisteps-form__progress-btn:first-child{margin-left:0}.multisteps-form__progress-btn:before{content:"";width:50px;height:50px;font-weight:700;left:0px;top:0px;margin-right:15px;line-height:50px;position:relative;text-align:center;display:inline-block;border:2px solid #e3e3e3;border-radius:50%;box-sizing:border-box;z-index:3}.multisteps-form__progress-btn:after{content:"";position:absolute;top:26px;right:-40px;display:block;width:20px;height:4px;background-color:currentColor;z-index:1}.multisteps-form__progress-btn:last-child:after{display:none}.multisteps-form__progress-btn.js-active{color:#6b4cf9}.multisteps-form__progress-btn.js-active:before{border-color:#6b4cf9;font-size:20px;color:#6b4cf9;content:"";font-weight:900;font-family:"Font Awesome 5 Free"}.multisteps-form__form{height:auto}.multisteps-form__panel{width:100%;height:0 !important;overflow-y:hidden;opacity:0;visibility:hidden}.multisteps-form__panel.js-active{position:absolute;top:0;left:0;height:auto !important;overflow:visible;opacity:1;visibility:visible}.multisteps-form__panel[data-animation=scaleOut]{transform:scale(1.1)}.multisteps-form__panel[data-animation=scaleOut].js-active{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;transform:scale(1)}.multisteps-form__panel[data-animation=slideHorz]{left:-50px}.multisteps-form__panel[data-animation=slideHorz].js-active{transition-property:all;transition-duration:.25s;transition-timing-function:cubic-bezier(0.2, 1.13, 0.38, 1.43);transition-delay:0s;left:0}.multisteps-form__panel[data-animation=slideVert]{top:30px}.multisteps-form__panel[data-animation=slideVert].js-active{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;top:0}.multisteps-form__panel[data-animation=fadeIn].js-active{transition-property:all;transition-duration:.3s;transition-timing-function:linear;transition-delay:0s}.multisteps-form__panel[data-animation=scaleIn]{transform:scale(0.9)}.multisteps-form__panel[data-animation=scaleIn].js-active{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;transform:scale(1)}.wizard-part-title h3{color:#b66c4b;font-size:50px;font-weight:700;text-align:left}.badge-selection{margin:0 auto;max-width:1090px}.badge-selection label{margin-right:30px}.badge-selection input,.badge-selection .wizard-form-field select,.wizard-form-field .badge-selection select{height:25px;width:25px}.badge-selection h3{margin-bottom:20px}.badge-selection span,.badge-selection h3{font-size:20px;font-weight:500;color:#b66c4b}.badge-selection span{top:-5px;margin-left:5px;position:relative}.wizard-topper{position:absolute;top:-375px;right:5%}.wizard-topper .wizard-progress{width:550px;float:right}.wizard-topper .wizard-progress .progress{height:27px;padding:2px;position:relative;border-radius:80px;border:2px solid #e3e3e3;background-color:rgba(0,0,0,0)}.wizard-topper .wizard-progress .progress .progress-bar{top:2px;left:2px;width:30%;height:18px;position:absolute;border-radius:80px;background-color:#b66c4b}.logo-img{width:151px;margin-bottom:22px}.wizard-content-item{margin:0 auto;max-width:855px;padding-top:50px}.wizard-content-item h2{font-size:43px;color:#b66c4b;font-weight:700}.wizard-content-item p{color:#b66c4b;font-size:33px;font-weight:600;line-height:1.2;margin-top:20px}.wizard-form-field{margin:43px 0 14px 14px;max-width:100%}.wizard-form-field input,.wizard-form-field select{width:100%;height:80px;border:none;overflow:visible;padding-left:40px;border-radius:3px;margin-bottom:28px;transition:.3s all ease-out;background-color:#ddeef9;border:2px solid #ddeef9}.wizard-form-field input:focus,.wizard-form-field select:focus{border:2px solid #b66c4b;background-color:rgba(0,0,0,0)}.wizard-form-field select{height:80px !important}.wizard-form-field .wizard-form-input input::-webkit-input-placeholder,.wizard-form-field .wizard-form-input select::-webkit-input-placeholder{font-size:20px;font-weight:500;transition:.3s all ease-out}.wizard-footer{min-height:350px}.wizard-imgbg{left:-20px;bottom:30px;position:absolute}.wizard-option-list{margin:0 auto;max-width:920px}.wizard-option-list ul{margin:0px -15px}.wizard-option-list li{width:50%;float:left;padding:15px;position:relative}.wizard-option-list li:before{content:"";top:41px;left:35px;position:absolute;font-size:1.4em;font-weight:500;font-family:"Font Awesome 5 Free"}.wizard-option-list li:after{top:45px;right:35px;content:"";position:absolute;font-weight:900;font-family:"Font Awesome 5 Free"}.wizard-option-list li .option-item-list select{width:100%;height:83px;color:#b66c4b;font-size:20px;font-weight:500;padding-left:60px;border:2px solid #c3e8ff;background-color:#ddeef9;-webkit-appearance:none}.wizard-option-list li.active:before{color:#b66c4b}.wizard-option-list li.active .option-item-list select{border:2px solid #b66c4b}.wizard-option-list li.no-arrow:after{display:none}.wizard-option-list li.no-arrow:before{display:none}.wizard-option-list .nationality-list:before{top:42px;content:"";font-size:20px}.wizard-option-list .upload-araa{width:100%;height:80px;margin:20px 0px 35px;display:inline-block;border:2px solid #c3e8ff}.wizard-option-list .upload-araa .upload-text span{display:inline-block;padding:23px 30px;color:#b66c4b;font-size:20px;font-weight:500}.wizard-option-list .upload-araa .upload-option{border:2px solid #c3e8ff;padding:10px 20px;position:relative;top:12px;right:12px}.wizard-option-list .upload-araa .upload-option label{margin-bottom:0;color:#b66c4b;font-size:20px;font-weight:500}.wizard-option-list .taxable-area{padding-bottom:30px}.wizard-option-list .taxable-area label{margin-bottom:0}.wizard-option-list .taxable-area .tax-check{display:none}.wizard-option-list .taxable-area .checkbo-box-border{position:relative}.wizard-option-list .taxable-area .checkbo-box-border:before{top:6px;left:10px;color:#b66c4b;content:"";font-size:16px;font-weight:900;display:none;position:absolute;font-family:"Font Awesome 5 Free"}.wizard-option-list .taxable-area .checkbo-box-border:after{position:absolute;content:"";height:38px;width:38px;top:0px;left:0px;border:2px solid #c3e9ff}.wizard-option-list .taxable-area .tax-check:checked~.checkbo-box-border:before{display:block}.wizard-option-list .texable-option{top:10px;color:#b66c4b;font-size:20px;font-weight:500;padding-left:50px;position:relative}.wizard-identity-box{box-shadow:0px 5px 27px 0px rgba(0,0,0,.16)}.wizard-identity-box .wizard-identity-icon img{padding-top:50px}.wizard-identity{margin:0 auto;max-width:850px}.wizard-identity .wizard-identity-box{height:310px}.wizard-identity .identity-upload{padding-top:70px}.wizard-identity .identity-upload i{color:#7e7e8e;font-size:55px;margin-bottom:10px}.wizard-identity .upload-option label{font-size:25px;font-weight:600;color:#b66c4b;margin-bottom:0}.wizard-identity .upload-option span{display:block;color:#7e7e8e}.progress .progress-bar{width:90%}.identity-check{display:none}.identity-option{margin:0 auto;max-width:1025px}.identity-option ul{padding:0px -15px}.identity-option li{width:45%;height:80px;color:#b66c4b;margin:0 15px;font-size:20px;line-height:80px;font-weight:600;position:relative;padding-left:90px;margin-bottom:30px;display:inline-block;border:2px solid #c3e8ff}.identity-option li .identity-label{display:block}.identity-option li .checkmark-border{position:absolute;top:0;left:0}.identity-option li .checkmark-border:before{content:"";position:absolute;height:33px;width:33px;border-radius:100%;left:30px;top:25px;background-color:#fff;border:2px solid #c3e8ff}.identity-option li .checkmark-border:after{content:"";position:absolute;height:22px;width:22px;display:none;border-radius:100%;left:36px;top:31px;background-color:#624cf9}.identity-option li .identity-check:checked~.checkmark-border:after{display:block}.wizard-submit-file-content{margin:0 auto;max-width:1005px}.n-summary{height:80px;padding-left:30px;line-height:80px;background-color:#ddeef9}.n-summary span{color:#b66c4b;font-size:20px;font-weight:500}.n-summary label{float:right;padding-top:10px;margin-bottom:0;margin-right:20px}.n-summary label span{position:relative;font-weight:400;font-size:18px;top:-7px}.n-summary input,.n-summary .wizard-form-field select,.wizard-form-field .n-summary select{height:30px;width:30px;border:2px solid #c3e8ff}.n-activity{height:80px;padding-left:30px;line-height:80px;position:relative;background-color:#ddeef9;border:2px solid rgba(0,0,0,0)}.n-activity.checked{border:2px solid #5756a2;background:rgba(0,0,0,0)}.n-activity label{margin-bottom:0;width:100%}.n-activity label .net-check{display:none}.n-activity label .net-check-border{position:absolute;top:0;right:0}.n-activity label .net-check-border:before{content:"";top:0px;right:32px;font-family:"Font Awesome 5 Free";display:none;font-weight:600;position:absolute}.n-activity label .net-check-border:after{top:18px;right:20px;content:"";position:absolute;height:40px;width:40px;border:2px solid #b66c4b}.n-activity label .net-check:checked~.net-check-border:before{display:block}.n-activity .n-title{color:#b66c4b;font-size:20px;font-weight:500;text-align:left}.n-checked{height:130px;padding-left:30px;padding-top:30px;background-color:#ddeef9}.n-checked span{display:block;color:#b66c4b;font-size:20px;font-weight:500;margin-bottom:5px}.n-checked label span{display:inline-block;color:#6ea1c2;font-size:18px}.n-select-option{margin-top:20px;position:relative}.n-select-option select{width:100%;height:83px;color:#b66c4b;font-size:20px;font-weight:500;padding-left:30px;border:2px solid #c3e8ff;background-color:#ddeef9;-webkit-appearance:none}.n-select-option:after{top:25px;right:35px;font-size:20px;content:"";position:absolute;font-weight:900;font-family:"Font Awesome 5 Free"}@media screen and (max-width: 1440px){.wrapper{padding:0px 0px;margin:0;transform:scale(0.9)}.multisteps-form__progress{padding:80px 0px}.wizard-part-title{padding-top:60px}.multisteps-form__progress-btn{margin-left:18px}.wizard>.steps li{padding-right:260px}.tooltip{left:9.2% !important}}@media screen and (max-width: 1280px){.wrapper{padding:60px 0px;margin:0}.wizard>.steps li{margin-bottom:30px}.wizard-content-item p{font-size:24px}}@media screen and (max-width: 991px){.multisteps-form__progress{padding:0}.wizard-topper{position:absolute;top:-40px;right:auto;width:50%;left:50%;transform:translateX(-50%)}.wizard-topper .wizard-progress{width:100%;float:none}.multisteps-form__progress-btn:after{display:none}.multisteps-form__progress-btn{width:65px;margin-left:0}.multisteps-form__progress-btn{font-size:0}.wizard-part-title{float:none !important;padding:10px}.wizard-progress{float:none;margin-top:20px}.inner{padding:0 15px}.wizard-imgbg{display:none}.wizard-content-item{padding-top:60px}.actions{position:static;margin-top:50px}}@media screen and (max-width: 767px){.pb-100{padding-bottom:30px}.wrapper{padding:40px 0px;margin:0}.wizard-topper{width:70%}.actions li span,.actions li button{width:170px}.wizard-part-title{width:100%;margin-bottom:20px}.steps li.current:after,.steps li.checked:after,.steps li:after{display:none}.wizard-part-title h3{font-size:30px}.wizard-content-item p{font-size:26px}.wizard-content-item{padding-top:85px}.wizard-option-list li{width:100%}.wizard-option-list .taxable-area label{margin-bottom:30px}.wizard-content-item h2{font-size:36px}.wizard-content-item{padding-bottom:30px}.wizard-identity .wizard-identity-box{margin-bottom:30px}.wizard-identity{padding:0px 30px}.identity-option li{width:100%;margin:0 0px 20px 0}.n-activity{margin-bottom:20px}.n-checked{margin-bottom:20px}.wizard-footer{min-height:auto}.actions li:first-child span i,.actions li:first-child button i{left:-25px}.actions li .js-btn-next i,.actions li button i{right:-25px !important}}@media screen and (max-width: 460px){.wizard-progress{width:290px}.wizard-part-title h3{font-size:25px}.wizard-content-item p{font-size:18px}.actions li span,.actions li button{width:170px;min-width:100%}.wizard-option-list .upload-araa .upload-text span{display:none}.wizard>.content{margin-bottom:15px}.wizard-content-item{padding-top:65px}.identity-option li{height:inherit;line-height:inherit}.n-summary{height:inherit;line-height:inherit;display:inline-block;margin-bottom:10px}.n-summary label{float:none}.n-checked label span{font-size:15px}.actions{position:static;margin-top:70px}.multisteps-form__progress-btn:after{display:none}.multisteps-form__progress-btn{width:65px;margin-left:0}}.wrapper.records-wrapper{transform:none !important;max-width:none !important;width:100% !important}