@charset "UTF-8";
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/urbanist/urbanist-latin-100-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/urbanist/urbanist-latin-200-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/urbanist/urbanist-latin-300-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/urbanist/urbanist-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/urbanist/urbanist-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/urbanist/urbanist-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "SF Pro";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/sf-pro/sf-pro-text_light.woff") format("woff");
}
@font-face {
  font-family: "SF Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/sf-pro/sf-pro-text_regular.woff2") format("woff2");
}
@font-face {
  font-family: "SF Pro";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/sf-pro/sf-pro-display_medium.woff2") format("woff2");
}
@font-face {
  font-family: "SF Pro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/sf-pro/sf-pro-text_semibold.woff2") format("woff2");
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  margin: 0;
}

body {
  font-family: "Urbanist";
  line-height: 1.5;
  color: #0f172a;
  -webkit-font-smoothing: antialiased;
}

button,
input,
select,
textarea {
  font: inherit;
}

a {
  color: inherit;
}

.auth-register-page {
  display: block;
  font-family: "SF Pro", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  overflow-x: hidden;
}

.auth-register {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.25rem;
  background: #fff;
}

.auth-register__card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 62%;
  max-width: 100%;
  height: 700px;
  border-radius: 61px;
  overflow: hidden;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.auth-register__left,
.auth-register__right {
  position: relative;
  min-width: 0;
  height: 100%;
}

.auth-register__left-content {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  padding: 5.5rem 2.5rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.auth-register__logo {
  align-self: center;
  margin-right: 3rem;
}

.auth-register__promo {
  width: 100%;
  max-width: 300px;
  margin: 0 3rem;
  text-align: center;
}

.auth-register__promo-title {
  margin: 0 0 0.75rem;
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 400;
  font-size: 34.32px;
  line-height: 101.2%;
  text-align: center;
  color: #ffffff;
}

.auth-register__promo-text {
  margin: 0 auto;
  max-width: 230px;
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #ffffff;
  opacity: 0.7;
}

.auth-register__right {
  margin-left: -73px;
  padding-left: 52px;
  box-sizing: border-box;
  border-radius: 80px 48px 48px 80px;
  overflow: hidden;
  isolation: isolate;
  z-index: 2;
}

.auth-register__right-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.auth-register__right-glass {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.auth-register__form-panel {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  height: 100%;
  padding: 3rem 5% 2rem;
  box-sizing: border-box;
  margin-left: -3rem;
}

.auth-register__header {
  width: 100%;
  margin-bottom: 1.5rem;
  text-align: center;
}

.auth-register__title {
  margin: 0 0 0.375rem;
  font-family: "SF Pro", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 35.31px;
  line-height: 96.2%;
  text-align: center;
  color: #3a3a3a;
}

.auth-register__subtitle {
  margin: 0;
  font-family: "SF Pro", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 15.9384px;
  line-height: 96.2%;
  text-align: center;
  color: #3a3a3a;
  font-synthesis: none;
}

.auth-register__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.auth-register__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  width: 100%;
}

.auth-register__alert {
  margin: 0 0 0.25rem;
  padding: 0.75rem 1rem;
  border-radius: 12px;
  background: rgba(241, 91, 85, 0.12);
  border: 1px solid rgba(241, 91, 85, 0.35);
  color: #f15b55;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}

.auth-register__error {
  margin: 0;
  padding-left: 1.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3;
  color: #f15b55;
  text-align: left;
  font-family: "Urbanist";
}

.auth-register__field {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.5rem;
  min-width: 0;
}

.auth-register__label {
  padding-left: 1.75rem;
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #3a3a3a;
  text-align: left;
}

.auth-register__input-group {
  position: relative;
}

.auth-register__input {
  width: 100%;
  height: 65px;
  padding: 0 1.75rem;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  box-shadow: 0px 0px 6.8px rgba(0, 0, 0, 0.1);
  border-radius: 94px;
  color: #1e2a3b;
  font-size: 0.9375rem;
  font-weight: 400;
  outline: none;
}
.auth-register__input::placeholder {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 18px;
  color: #818181;
}
.auth-register__input:focus {
  box-shadow: 0 0 6.8px rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(31, 64, 104, 0.1);
}
.auth-register__input--error {
  box-shadow: 0 0 6.8px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(241, 91, 85, 0.35);
}
.auth-register__input--error:focus {
  box-shadow: 0 0 6.8px rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(241, 91, 85, 0.2);
}

.auth-register__input-group .auth-register__input {
  padding-right: 3.25rem;
}

.auth-register__eye-btn {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  border: none;
  background: transparent;
  color: #5b89c1;
  cursor: pointer;
  transition: color 0.2s ease;
}
.auth-register__eye-btn:hover {
  color: rgb(66.7185840708, 116.2194690265, 176.4814159292);
}
.auth-register__eye-btn:focus-visible {
  outline: 2px solid rgba(91, 137, 193, 0.45);
  outline-offset: 2px;
  border-radius: 4px;
}
.auth-register__eye-btn svg {
  width: 1.375rem;
  height: 1.375rem;
}
.auth-register__eye-btn svg path,
.auth-register__eye-btn svg circle {
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.auth-register__eye-icon {
  display: block;
  width: 1.375rem;
  height: 1.375rem;
  object-fit: contain;
}

.auth-register__eye-show {
  font-size: 1.375rem;
  line-height: 1;
  color: #5b89c1;
}

.auth-register__links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 0.25rem;
  padding: 0 1.75rem;
  box-sizing: border-box;
}

.auth-register__link {
  color: #1f4169;
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  text-decoration: none;
}
.auth-register__link:hover {
  text-decoration: underline;
}

.auth-register__link--help {
  color: #1f4169;
}

.auth-register__link--accent {
  color: #f15b55;
}

.auth-register__biometric {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.auth-register__lock-icon {
  display: block;
  object-fit: contain;
  flex-shrink: 0;
}

.auth-register__signin-prompt {
  margin: 1rem 0 0;
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #3a3a3a;
}

.auth-register__btn-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0.25rem;
}

.auth-register__btn {
  width: 100%;
  max-width: 70%;
  height: 65px;
  margin: 0;
  padding: 0 2rem;
  border: none;
  border-radius: 94px;
  background: #1f4068;
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #ffffff;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(26, 51, 90, 0.25);
  transition: background 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.auth-register__btn:hover {
  background: #152448;
}

@media (max-width: 1200px) {
  .auth-register__card {
    width: min(92vw, 960px);
  }
  .auth-register__right {
    margin-left: -48px;
    padding-left: 40px;
  }
  .auth-register__form-panel {
    margin-left: -1.5rem;
    padding-left: 7%;
    padding-right: 7%;
  }
}
@media (max-width: 960px) {
  .auth-register {
    padding: 1.25rem 1rem;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
  }
  .auth-register__card {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 520px;
    height: auto;
    min-height: 0;
    border-radius: 32px;
    overflow: hidden;
  }
  .auth-register__left {
    position: relative;
    min-height: 240px;
    height: auto;
  }
  .auth-register__left-content {
    position: relative;
    inset: auto;
    min-height: 240px;
    padding: 2.5rem 1.5rem 2rem;
    justify-content: center;
    gap: 1.5rem;
  }
  .auth-register__logo {
    align-self: center;
    margin-right: 0;
    max-width: 200px;
    width: auto;
    height: auto;
  }
  .auth-register__promo {
    display: none;
  }
  .auth-register__right {
    margin-left: 0;
    padding-left: 0;
    border-radius: 0 0 32px 32px;
    min-height: 0;
    height: auto;
  }
  .auth-register__form-panel {
    margin-left: 0;
    height: auto;
    min-height: 0;
    padding: 2.25rem 1.75rem 2.5rem;
  }
  .auth-register__header {
    margin-bottom: 1.5rem;
  }
  .auth-register__title {
    font-size: clamp(1.75rem, 6vw, 2.2rem);
  }
  .auth-register__subtitle {
    font-size: 0.9375rem;
    font-weight: 400;
  }
  .auth-register__row {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .auth-register__label {
    padding-left: 1.25rem;
  }
  .auth-register__error {
    padding-left: 1.25rem;
  }
  .auth-register__links {
    padding: 0 1.25rem;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
  }
  .auth-register__signin-prompt {
    margin-top: 1.5rem;
  }
}
@media (max-width: 576px) {
  .auth-register {
    padding: 0.75rem;
  }
  .auth-register__card {
    max-width: 100%;
    border-radius: 24px;
  }
  .auth-register__left {
    min-height: 200px;
  }
  .auth-register__left-content {
    min-height: 200px;
    padding: 2rem 1.25rem 1.5rem;
  }
  .auth-register__logo {
    max-width: 160px;
  }
  .auth-register__right {
    border-radius: 0 0 24px 24px;
  }
  .auth-register__form-panel {
    padding: 1.75rem 1.25rem 2rem;
  }
  .auth-register__form {
    gap: 1rem;
  }
  .auth-register__input {
    height: 56px;
    padding: 0 1.25rem;
    border-radius: 999px;
  }
  .auth-register__input-group .auth-register__input {
    padding-right: 2.75rem;
  }
  .auth-register__eye-btn {
    right: 1rem;
  }
  .auth-register__label {
    padding-left: 1rem;
    font-size: 0.75rem;
  }
  .auth-register__error {
    padding-left: 1rem;
  }
  .auth-register__links {
    padding: 0 1rem;
    font-size: 0.8125rem;
  }
  .auth-register__link {
    font-size: 0.8125rem;
  }
  .auth-register__signin-prompt {
    font-size: 0.8125rem;
    margin-top: 1.25rem;
  }
  .auth-register__btn-wrap {
    margin-top: 1rem;
  }
  .auth-register__btn {
    height: 56px;
    font-size: 1rem;
    border-radius: 999px;
  }
}
body.question-bank-page .tox-dialog-wrap__backdrop,
body.faqs-page .tox-dialog-wrap__backdrop,
body.dashboard-button-link-page .tox-dialog-wrap__backdrop,
body.terms-and-conditions-page .tox-dialog-wrap__backdrop {
  background-color: rgba(15, 23, 42, 0.45) !important;
}
body.question-bank-page .tox.tox-silver-sink.tox-tinymce-aux,
body.question-bank-page .tox .tox-dialog-wrap,
body.question-bank-page .tox .tox-dialog-wrap__backdrop,
body.faqs-page .tox.tox-silver-sink.tox-tinymce-aux,
body.faqs-page .tox .tox-dialog-wrap,
body.faqs-page .tox .tox-dialog-wrap__backdrop,
body.dashboard-button-link-page .tox.tox-silver-sink.tox-tinymce-aux,
body.dashboard-button-link-page .tox .tox-dialog-wrap,
body.dashboard-button-link-page .tox .tox-dialog-wrap__backdrop,
body.terms-and-conditions-page .tox.tox-silver-sink.tox-tinymce-aux,
body.terms-and-conditions-page .tox .tox-dialog-wrap,
body.terms-and-conditions-page .tox .tox-dialog-wrap__backdrop {
  overflow: visible !important;
}
body.question-bank-page .tox .tox-dialog,
body.faqs-page .tox .tox-dialog,
body.dashboard-button-link-page .tox .tox-dialog,
body.terms-and-conditions-page .tox .tox-dialog {
  border: none !important;
  border-radius: 32px !important;
  background: #fff !important;
  box-shadow: 0 4.3px 32.465px rgba(0, 0, 0, 0.25), 0 0 6.32217px rgba(0, 0, 0, 0.25) !important;
  font-family: "Urbanist", system-ui, sans-serif !important;
  overflow: visible !important;
  position: relative !important;
}
body.question-bank-page .tox .tox-dialog__header,
body.faqs-page .tox .tox-dialog__header,
body.dashboard-button-link-page .tox .tox-dialog__header,
body.terms-and-conditions-page .tox .tox-dialog__header {
  padding: 1.25rem 1.5rem 1rem !important;
  background: #fff !important;
  border-bottom: 1px solid #e4e9f0 !important;
  position: static !important;
  overflow: visible !important;
  border-radius: 32px 32px 0 0 !important;
}
body.question-bank-page .tox .tox-dialog__header-end,
body.faqs-page .tox .tox-dialog__header-end,
body.dashboard-button-link-page .tox .tox-dialog__header-end,
body.terms-and-conditions-page .tox .tox-dialog__header-end {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 30 !important;
  transform: translate(50%, -50%) !important;
  pointer-events: none !important;
}
body.question-bank-page .tox .tox-dialog__header-end .tox-button,
body.faqs-page .tox .tox-dialog__header-end .tox-button,
body.dashboard-button-link-page .tox .tox-dialog__header-end .tox-button,
body.terms-and-conditions-page .tox .tox-dialog__header-end .tox-button {
  pointer-events: auto !important;
}
body.question-bank-page .tox .tox-dialog__header > .tox-button[aria-label=Close],
body.question-bank-page .tox .tox-dialog__header > .tox-button[title=Close],
body.faqs-page .tox .tox-dialog__header > .tox-button[aria-label=Close],
body.faqs-page .tox .tox-dialog__header > .tox-button[title=Close],
body.dashboard-button-link-page .tox .tox-dialog__header > .tox-button[aria-label=Close],
body.dashboard-button-link-page .tox .tox-dialog__header > .tox-button[title=Close],
body.terms-and-conditions-page .tox .tox-dialog__header > .tox-button[aria-label=Close],
body.terms-and-conditions-page .tox .tox-dialog__header > .tox-button[title=Close] {
  position: absolute !important;
  top: -0.3rem !important;
  right: -0.5rem !important;
  z-index: 30 !important;
  transform: translate(50%, -50%) !important;
}
body.question-bank-page .tox .tox-dialog__title,
body.faqs-page .tox .tox-dialog__title,
body.dashboard-button-link-page .tox .tox-dialog__title,
body.terms-and-conditions-page .tox .tox-dialog__title {
  font-family: "Urbanist", system-ui, sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: #1f4169 !important;
  line-height: 1.3 !important;
  width: 100% !important;
  text-align: center !important;
}
body.question-bank-page .tox .tox-dialog__body,
body.faqs-page .tox .tox-dialog__body,
body.dashboard-button-link-page .tox .tox-dialog__body,
body.terms-and-conditions-page .tox .tox-dialog__body {
  color: #0b1f3f !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
body.question-bank-page .tox .tox-dialog__body-content,
body.faqs-page .tox .tox-dialog__body-content,
body.dashboard-button-link-page .tox .tox-dialog__body-content,
body.terms-and-conditions-page .tox .tox-dialog__body-content {
  padding: 1.25rem 1.5rem !important;
}
body.question-bank-page .tox .tox-dialog__footer,
body.faqs-page .tox .tox-dialog__footer,
body.dashboard-button-link-page .tox .tox-dialog__footer,
body.terms-and-conditions-page .tox .tox-dialog__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  padding: 1rem 1.5rem 1.35rem !important;
  background: #fff !important;
  border-top: 1px solid rgba(228, 233, 240, 0.65) !important;
  border-radius: 0 0 32px 32px !important;
  gap: 0.85rem !important;
}
body.question-bank-page .tox .tox-dialog__footer-start,
body.faqs-page .tox .tox-dialog__footer-start,
body.dashboard-button-link-page .tox .tox-dialog__footer-start,
body.terms-and-conditions-page .tox .tox-dialog__footer-start {
  display: none !important;
}
body.question-bank-page .tox .tox-dialog__footer-end,
body.faqs-page .tox .tox-dialog__footer-end,
body.dashboard-button-link-page .tox .tox-dialog__footer-end,
body.terms-and-conditions-page .tox .tox-dialog__footer-end {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  gap: 0.85rem !important;
}
body.question-bank-page .tox .tox-dialog__footer .tox-button,
body.faqs-page .tox .tox-dialog__footer .tox-button,
body.dashboard-button-link-page .tox .tox-dialog__footer .tox-button,
body.terms-and-conditions-page .tox .tox-dialog__footer .tox-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 0 !important;
  max-width: 200px !important;
  min-width: 0 !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 0 1.5rem !important;
  border: none !important;
  border-radius: 999px !important;
  font-family: "Urbanist", system-ui, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
body.question-bank-page .tox .tox-dialog__header .tox-button--naked,
body.question-bank-page .tox .tox-dialog__header .tox-button--icon,
body.question-bank-page .tox .tox-dialog__header-end .tox-button,
body.question-bank-page .tox .tox-dialog__header .tox-button[aria-label=Close],
body.question-bank-page .tox .tox-dialog__header .tox-button[title=Close],
body.faqs-page .tox .tox-dialog__header .tox-button--naked,
body.faqs-page .tox .tox-dialog__header .tox-button--icon,
body.faqs-page .tox .tox-dialog__header-end .tox-button,
body.faqs-page .tox .tox-dialog__header .tox-button[aria-label=Close],
body.faqs-page .tox .tox-dialog__header .tox-button[title=Close],
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--naked,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--icon,
body.dashboard-button-link-page .tox .tox-dialog__header-end .tox-button,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[aria-label=Close],
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[title=Close],
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--naked,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--icon,
body.terms-and-conditions-page .tox .tox-dialog__header-end .tox-button,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[aria-label=Close],
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[title=Close] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  background: #1a1a1a !important;
  color: #fff !important;
  font-size: 1.1rem !important;
  line-height: 1 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
  cursor: pointer !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
  position: relative !important;
}
body.question-bank-page .tox .tox-dialog__header .tox-button--naked::before, body.question-bank-page .tox .tox-dialog__header .tox-button--naked::after,
body.question-bank-page .tox .tox-dialog__header .tox-button--icon::before,
body.question-bank-page .tox .tox-dialog__header .tox-button--icon::after,
body.question-bank-page .tox .tox-dialog__header-end .tox-button::before,
body.question-bank-page .tox .tox-dialog__header-end .tox-button::after,
body.question-bank-page .tox .tox-dialog__header .tox-button[aria-label=Close]::before,
body.question-bank-page .tox .tox-dialog__header .tox-button[aria-label=Close]::after,
body.question-bank-page .tox .tox-dialog__header .tox-button[title=Close]::before,
body.question-bank-page .tox .tox-dialog__header .tox-button[title=Close]::after,
body.faqs-page .tox .tox-dialog__header .tox-button--naked::before,
body.faqs-page .tox .tox-dialog__header .tox-button--naked::after,
body.faqs-page .tox .tox-dialog__header .tox-button--icon::before,
body.faqs-page .tox .tox-dialog__header .tox-button--icon::after,
body.faqs-page .tox .tox-dialog__header-end .tox-button::before,
body.faqs-page .tox .tox-dialog__header-end .tox-button::after,
body.faqs-page .tox .tox-dialog__header .tox-button[aria-label=Close]::before,
body.faqs-page .tox .tox-dialog__header .tox-button[aria-label=Close]::after,
body.faqs-page .tox .tox-dialog__header .tox-button[title=Close]::before,
body.faqs-page .tox .tox-dialog__header .tox-button[title=Close]::after,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--naked::before,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--naked::after,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--icon::before,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--icon::after,
body.dashboard-button-link-page .tox .tox-dialog__header-end .tox-button::before,
body.dashboard-button-link-page .tox .tox-dialog__header-end .tox-button::after,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[aria-label=Close]::before,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[aria-label=Close]::after,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[title=Close]::before,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[title=Close]::after,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--naked::before,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--naked::after,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--icon::before,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--icon::after,
body.terms-and-conditions-page .tox .tox-dialog__header-end .tox-button::before,
body.terms-and-conditions-page .tox .tox-dialog__header-end .tox-button::after,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[aria-label=Close]::before,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[aria-label=Close]::after,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[title=Close]::before,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[title=Close]::after {
  display: none !important;
  opacity: 0 !important;
  content: none !important;
  box-shadow: none !important;
}
body.question-bank-page .tox .tox-dialog__header .tox-button--naked:hover:not(:disabled),
body.question-bank-page .tox .tox-dialog__header .tox-button--icon:hover:not(:disabled),
body.question-bank-page .tox .tox-dialog__header-end .tox-button:hover:not(:disabled),
body.question-bank-page .tox .tox-dialog__header .tox-button[aria-label=Close]:hover:not(:disabled),
body.question-bank-page .tox .tox-dialog__header .tox-button[title=Close]:hover:not(:disabled),
body.faqs-page .tox .tox-dialog__header .tox-button--naked:hover:not(:disabled),
body.faqs-page .tox .tox-dialog__header .tox-button--icon:hover:not(:disabled),
body.faqs-page .tox .tox-dialog__header-end .tox-button:hover:not(:disabled),
body.faqs-page .tox .tox-dialog__header .tox-button[aria-label=Close]:hover:not(:disabled),
body.faqs-page .tox .tox-dialog__header .tox-button[title=Close]:hover:not(:disabled),
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--naked:hover:not(:disabled),
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--icon:hover:not(:disabled),
body.dashboard-button-link-page .tox .tox-dialog__header-end .tox-button:hover:not(:disabled),
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[aria-label=Close]:hover:not(:disabled),
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[title=Close]:hover:not(:disabled),
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--naked:hover:not(:disabled),
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--icon:hover:not(:disabled),
body.terms-and-conditions-page .tox .tox-dialog__header-end .tox-button:hover:not(:disabled),
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[aria-label=Close]:hover:not(:disabled),
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[title=Close]:hover:not(:disabled) {
  background: #000 !important;
  color: #fff !important;
  border-color: #fff !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important;
  outline: none !important;
}
body.question-bank-page .tox .tox-dialog__header .tox-button--naked:focus, body.question-bank-page .tox .tox-dialog__header .tox-button--naked:focus-visible, body.question-bank-page .tox .tox-dialog__header .tox-button--naked:focus-within, body.question-bank-page .tox .tox-dialog__header .tox-button--naked:active, body.question-bank-page .tox .tox-dialog__header .tox-button--naked.tox-button--enabled:focus, body.question-bank-page .tox .tox-dialog__header .tox-button--naked.tox-button--enabled:focus:not(:disabled), body.question-bank-page .tox .tox-dialog__header .tox-button--naked.tox-button--enabled:active, body.question-bank-page .tox .tox-dialog__header .tox-button--naked.tox-button--enabled:active:not(:disabled),
body.question-bank-page .tox .tox-dialog__header .tox-button--icon:focus,
body.question-bank-page .tox .tox-dialog__header .tox-button--icon:focus-visible,
body.question-bank-page .tox .tox-dialog__header .tox-button--icon:focus-within,
body.question-bank-page .tox .tox-dialog__header .tox-button--icon:active,
body.question-bank-page .tox .tox-dialog__header .tox-button--icon.tox-button--enabled:focus,
body.question-bank-page .tox .tox-dialog__header .tox-button--icon.tox-button--enabled:focus:not(:disabled),
body.question-bank-page .tox .tox-dialog__header .tox-button--icon.tox-button--enabled:active,
body.question-bank-page .tox .tox-dialog__header .tox-button--icon.tox-button--enabled:active:not(:disabled),
body.question-bank-page .tox .tox-dialog__header-end .tox-button:focus,
body.question-bank-page .tox .tox-dialog__header-end .tox-button:focus-visible,
body.question-bank-page .tox .tox-dialog__header-end .tox-button:focus-within,
body.question-bank-page .tox .tox-dialog__header-end .tox-button:active,
body.question-bank-page .tox .tox-dialog__header-end .tox-button.tox-button--enabled:focus,
body.question-bank-page .tox .tox-dialog__header-end .tox-button.tox-button--enabled:focus:not(:disabled),
body.question-bank-page .tox .tox-dialog__header-end .tox-button.tox-button--enabled:active,
body.question-bank-page .tox .tox-dialog__header-end .tox-button.tox-button--enabled:active:not(:disabled),
body.question-bank-page .tox .tox-dialog__header .tox-button[aria-label=Close]:focus,
body.question-bank-page .tox .tox-dialog__header .tox-button[aria-label=Close]:focus-visible,
body.question-bank-page .tox .tox-dialog__header .tox-button[aria-label=Close]:focus-within,
body.question-bank-page .tox .tox-dialog__header .tox-button[aria-label=Close]:active,
body.question-bank-page .tox .tox-dialog__header .tox-button[aria-label=Close].tox-button--enabled:focus,
body.question-bank-page .tox .tox-dialog__header .tox-button[aria-label=Close].tox-button--enabled:focus:not(:disabled),
body.question-bank-page .tox .tox-dialog__header .tox-button[aria-label=Close].tox-button--enabled:active,
body.question-bank-page .tox .tox-dialog__header .tox-button[aria-label=Close].tox-button--enabled:active:not(:disabled),
body.question-bank-page .tox .tox-dialog__header .tox-button[title=Close]:focus,
body.question-bank-page .tox .tox-dialog__header .tox-button[title=Close]:focus-visible,
body.question-bank-page .tox .tox-dialog__header .tox-button[title=Close]:focus-within,
body.question-bank-page .tox .tox-dialog__header .tox-button[title=Close]:active,
body.question-bank-page .tox .tox-dialog__header .tox-button[title=Close].tox-button--enabled:focus,
body.question-bank-page .tox .tox-dialog__header .tox-button[title=Close].tox-button--enabled:focus:not(:disabled),
body.question-bank-page .tox .tox-dialog__header .tox-button[title=Close].tox-button--enabled:active,
body.question-bank-page .tox .tox-dialog__header .tox-button[title=Close].tox-button--enabled:active:not(:disabled),
body.faqs-page .tox .tox-dialog__header .tox-button--naked:focus,
body.faqs-page .tox .tox-dialog__header .tox-button--naked:focus-visible,
body.faqs-page .tox .tox-dialog__header .tox-button--naked:focus-within,
body.faqs-page .tox .tox-dialog__header .tox-button--naked:active,
body.faqs-page .tox .tox-dialog__header .tox-button--naked.tox-button--enabled:focus,
body.faqs-page .tox .tox-dialog__header .tox-button--naked.tox-button--enabled:focus:not(:disabled),
body.faqs-page .tox .tox-dialog__header .tox-button--naked.tox-button--enabled:active,
body.faqs-page .tox .tox-dialog__header .tox-button--naked.tox-button--enabled:active:not(:disabled),
body.faqs-page .tox .tox-dialog__header .tox-button--icon:focus,
body.faqs-page .tox .tox-dialog__header .tox-button--icon:focus-visible,
body.faqs-page .tox .tox-dialog__header .tox-button--icon:focus-within,
body.faqs-page .tox .tox-dialog__header .tox-button--icon:active,
body.faqs-page .tox .tox-dialog__header .tox-button--icon.tox-button--enabled:focus,
body.faqs-page .tox .tox-dialog__header .tox-button--icon.tox-button--enabled:focus:not(:disabled),
body.faqs-page .tox .tox-dialog__header .tox-button--icon.tox-button--enabled:active,
body.faqs-page .tox .tox-dialog__header .tox-button--icon.tox-button--enabled:active:not(:disabled),
body.faqs-page .tox .tox-dialog__header-end .tox-button:focus,
body.faqs-page .tox .tox-dialog__header-end .tox-button:focus-visible,
body.faqs-page .tox .tox-dialog__header-end .tox-button:focus-within,
body.faqs-page .tox .tox-dialog__header-end .tox-button:active,
body.faqs-page .tox .tox-dialog__header-end .tox-button.tox-button--enabled:focus,
body.faqs-page .tox .tox-dialog__header-end .tox-button.tox-button--enabled:focus:not(:disabled),
body.faqs-page .tox .tox-dialog__header-end .tox-button.tox-button--enabled:active,
body.faqs-page .tox .tox-dialog__header-end .tox-button.tox-button--enabled:active:not(:disabled),
body.faqs-page .tox .tox-dialog__header .tox-button[aria-label=Close]:focus,
body.faqs-page .tox .tox-dialog__header .tox-button[aria-label=Close]:focus-visible,
body.faqs-page .tox .tox-dialog__header .tox-button[aria-label=Close]:focus-within,
body.faqs-page .tox .tox-dialog__header .tox-button[aria-label=Close]:active,
body.faqs-page .tox .tox-dialog__header .tox-button[aria-label=Close].tox-button--enabled:focus,
body.faqs-page .tox .tox-dialog__header .tox-button[aria-label=Close].tox-button--enabled:focus:not(:disabled),
body.faqs-page .tox .tox-dialog__header .tox-button[aria-label=Close].tox-button--enabled:active,
body.faqs-page .tox .tox-dialog__header .tox-button[aria-label=Close].tox-button--enabled:active:not(:disabled),
body.faqs-page .tox .tox-dialog__header .tox-button[title=Close]:focus,
body.faqs-page .tox .tox-dialog__header .tox-button[title=Close]:focus-visible,
body.faqs-page .tox .tox-dialog__header .tox-button[title=Close]:focus-within,
body.faqs-page .tox .tox-dialog__header .tox-button[title=Close]:active,
body.faqs-page .tox .tox-dialog__header .tox-button[title=Close].tox-button--enabled:focus,
body.faqs-page .tox .tox-dialog__header .tox-button[title=Close].tox-button--enabled:focus:not(:disabled),
body.faqs-page .tox .tox-dialog__header .tox-button[title=Close].tox-button--enabled:active,
body.faqs-page .tox .tox-dialog__header .tox-button[title=Close].tox-button--enabled:active:not(:disabled),
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--naked:focus,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--naked:focus-visible,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--naked:focus-within,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--naked:active,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--naked.tox-button--enabled:focus,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--naked.tox-button--enabled:focus:not(:disabled),
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--naked.tox-button--enabled:active,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--naked.tox-button--enabled:active:not(:disabled),
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--icon:focus,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--icon:focus-visible,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--icon:focus-within,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--icon:active,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--icon.tox-button--enabled:focus,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--icon.tox-button--enabled:focus:not(:disabled),
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--icon.tox-button--enabled:active,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--icon.tox-button--enabled:active:not(:disabled),
body.dashboard-button-link-page .tox .tox-dialog__header-end .tox-button:focus,
body.dashboard-button-link-page .tox .tox-dialog__header-end .tox-button:focus-visible,
body.dashboard-button-link-page .tox .tox-dialog__header-end .tox-button:focus-within,
body.dashboard-button-link-page .tox .tox-dialog__header-end .tox-button:active,
body.dashboard-button-link-page .tox .tox-dialog__header-end .tox-button.tox-button--enabled:focus,
body.dashboard-button-link-page .tox .tox-dialog__header-end .tox-button.tox-button--enabled:focus:not(:disabled),
body.dashboard-button-link-page .tox .tox-dialog__header-end .tox-button.tox-button--enabled:active,
body.dashboard-button-link-page .tox .tox-dialog__header-end .tox-button.tox-button--enabled:active:not(:disabled),
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[aria-label=Close]:focus,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[aria-label=Close]:focus-visible,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[aria-label=Close]:focus-within,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[aria-label=Close]:active,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[aria-label=Close].tox-button--enabled:focus,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[aria-label=Close].tox-button--enabled:focus:not(:disabled),
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[aria-label=Close].tox-button--enabled:active,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[aria-label=Close].tox-button--enabled:active:not(:disabled),
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[title=Close]:focus,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[title=Close]:focus-visible,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[title=Close]:focus-within,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[title=Close]:active,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[title=Close].tox-button--enabled:focus,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[title=Close].tox-button--enabled:focus:not(:disabled),
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[title=Close].tox-button--enabled:active,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[title=Close].tox-button--enabled:active:not(:disabled),
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--naked:focus,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--naked:focus-visible,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--naked:focus-within,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--naked:active,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--naked.tox-button--enabled:focus,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--naked.tox-button--enabled:focus:not(:disabled),
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--naked.tox-button--enabled:active,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--naked.tox-button--enabled:active:not(:disabled),
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--icon:focus,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--icon:focus-visible,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--icon:focus-within,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--icon:active,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--icon.tox-button--enabled:focus,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--icon.tox-button--enabled:focus:not(:disabled),
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--icon.tox-button--enabled:active,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--icon.tox-button--enabled:active:not(:disabled),
body.terms-and-conditions-page .tox .tox-dialog__header-end .tox-button:focus,
body.terms-and-conditions-page .tox .tox-dialog__header-end .tox-button:focus-visible,
body.terms-and-conditions-page .tox .tox-dialog__header-end .tox-button:focus-within,
body.terms-and-conditions-page .tox .tox-dialog__header-end .tox-button:active,
body.terms-and-conditions-page .tox .tox-dialog__header-end .tox-button.tox-button--enabled:focus,
body.terms-and-conditions-page .tox .tox-dialog__header-end .tox-button.tox-button--enabled:focus:not(:disabled),
body.terms-and-conditions-page .tox .tox-dialog__header-end .tox-button.tox-button--enabled:active,
body.terms-and-conditions-page .tox .tox-dialog__header-end .tox-button.tox-button--enabled:active:not(:disabled),
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[aria-label=Close]:focus,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[aria-label=Close]:focus-visible,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[aria-label=Close]:focus-within,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[aria-label=Close]:active,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[aria-label=Close].tox-button--enabled:focus,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[aria-label=Close].tox-button--enabled:focus:not(:disabled),
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[aria-label=Close].tox-button--enabled:active,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[aria-label=Close].tox-button--enabled:active:not(:disabled),
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[title=Close]:focus,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[title=Close]:focus-visible,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[title=Close]:focus-within,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[title=Close]:active,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[title=Close].tox-button--enabled:focus,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[title=Close].tox-button--enabled:focus:not(:disabled),
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[title=Close].tox-button--enabled:active,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[title=Close].tox-button--enabled:active:not(:disabled) {
  background: #1a1a1a !important;
  color: #fff !important;
  outline: none !important;
  outline-width: 0 !important;
  outline-offset: 0 !important;
  border: 2px solid #fff !important;
  border-color: #fff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
}
body.question-bank-page .tox .tox-dialog__header .tox-button--naked .tox-icon svg,
body.question-bank-page .tox .tox-dialog__header .tox-button--naked svg,
body.question-bank-page .tox .tox-dialog__header .tox-button--icon .tox-icon svg,
body.question-bank-page .tox .tox-dialog__header .tox-button--icon svg,
body.question-bank-page .tox .tox-dialog__header-end .tox-button .tox-icon svg,
body.question-bank-page .tox .tox-dialog__header-end .tox-button svg,
body.question-bank-page .tox .tox-dialog__header .tox-button[aria-label=Close] .tox-icon svg,
body.question-bank-page .tox .tox-dialog__header .tox-button[aria-label=Close] svg,
body.question-bank-page .tox .tox-dialog__header .tox-button[title=Close] .tox-icon svg,
body.question-bank-page .tox .tox-dialog__header .tox-button[title=Close] svg,
body.faqs-page .tox .tox-dialog__header .tox-button--naked .tox-icon svg,
body.faqs-page .tox .tox-dialog__header .tox-button--naked svg,
body.faqs-page .tox .tox-dialog__header .tox-button--icon .tox-icon svg,
body.faqs-page .tox .tox-dialog__header .tox-button--icon svg,
body.faqs-page .tox .tox-dialog__header-end .tox-button .tox-icon svg,
body.faqs-page .tox .tox-dialog__header-end .tox-button svg,
body.faqs-page .tox .tox-dialog__header .tox-button[aria-label=Close] .tox-icon svg,
body.faqs-page .tox .tox-dialog__header .tox-button[aria-label=Close] svg,
body.faqs-page .tox .tox-dialog__header .tox-button[title=Close] .tox-icon svg,
body.faqs-page .tox .tox-dialog__header .tox-button[title=Close] svg,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--naked .tox-icon svg,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--naked svg,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--icon .tox-icon svg,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button--icon svg,
body.dashboard-button-link-page .tox .tox-dialog__header-end .tox-button .tox-icon svg,
body.dashboard-button-link-page .tox .tox-dialog__header-end .tox-button svg,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[aria-label=Close] .tox-icon svg,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[aria-label=Close] svg,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[title=Close] .tox-icon svg,
body.dashboard-button-link-page .tox .tox-dialog__header .tox-button[title=Close] svg,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--naked .tox-icon svg,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--naked svg,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--icon .tox-icon svg,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button--icon svg,
body.terms-and-conditions-page .tox .tox-dialog__header-end .tox-button .tox-icon svg,
body.terms-and-conditions-page .tox .tox-dialog__header-end .tox-button svg,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[aria-label=Close] .tox-icon svg,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[aria-label=Close] svg,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[title=Close] .tox-icon svg,
body.terms-and-conditions-page .tox .tox-dialog__header .tox-button[title=Close] svg {
  fill: #fff !important;
}
body.question-bank-page .tox .tox-dialog__header-end .tox-button:hover:not(:disabled),
body.faqs-page .tox .tox-dialog__header-end .tox-button:hover:not(:disabled),
body.dashboard-button-link-page .tox .tox-dialog__header-end .tox-button:hover:not(:disabled),
body.terms-and-conditions-page .tox .tox-dialog__header-end .tox-button:hover:not(:disabled) {
  transform: scale(1.03) !important;
}
body.question-bank-page .tox .tox-dialog__footer .tox-button--secondary,
body.faqs-page .tox .tox-dialog__footer .tox-button--secondary,
body.dashboard-button-link-page .tox .tox-dialog__footer .tox-button--secondary,
body.terms-and-conditions-page .tox .tox-dialog__footer .tox-button--secondary {
  background: #eef1f5 !important;
  border: none !important;
  color: #1f4169 !important;
}
body.question-bank-page .tox .tox-dialog__footer .tox-button--secondary:hover:not(:disabled),
body.faqs-page .tox .tox-dialog__footer .tox-button--secondary:hover:not(:disabled),
body.dashboard-button-link-page .tox .tox-dialog__footer .tox-button--secondary:hover:not(:disabled),
body.terms-and-conditions-page .tox .tox-dialog__footer .tox-button--secondary:hover:not(:disabled) {
  background: #e2e8f0 !important;
  color: #1f4169 !important;
}
body.question-bank-page .tox .tox-dialog__footer .tox-button:not(.tox-button--secondary):not(.tox-button--naked),
body.faqs-page .tox .tox-dialog__footer .tox-button:not(.tox-button--secondary):not(.tox-button--naked),
body.dashboard-button-link-page .tox .tox-dialog__footer .tox-button:not(.tox-button--secondary):not(.tox-button--naked),
body.terms-and-conditions-page .tox .tox-dialog__footer .tox-button:not(.tox-button--secondary):not(.tox-button--naked) {
  background: #F15B55 !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(241, 91, 85, 0.28) !important;
}
body.question-bank-page .tox .tox-dialog__footer .tox-button:not(.tox-button--secondary):not(.tox-button--naked):hover:not(:disabled),
body.faqs-page .tox .tox-dialog__footer .tox-button:not(.tox-button--secondary):not(.tox-button--naked):hover:not(:disabled),
body.dashboard-button-link-page .tox .tox-dialog__footer .tox-button:not(.tox-button--secondary):not(.tox-button--naked):hover:not(:disabled),
body.terms-and-conditions-page .tox .tox-dialog__footer .tox-button:not(.tox-button--secondary):not(.tox-button--naked):hover:not(:disabled) {
  background: #e04a44 !important;
  color: #fff !important;
}
body.question-bank-page .tox .tox-label,
body.question-bank-page .tox .tox-form__group .tox-label,
body.faqs-page .tox .tox-label,
body.faqs-page .tox .tox-form__group .tox-label,
body.dashboard-button-link-page .tox .tox-label,
body.dashboard-button-link-page .tox .tox-form__group .tox-label,
body.terms-and-conditions-page .tox .tox-label,
body.terms-and-conditions-page .tox .tox-form__group .tox-label {
  display: block !important;
  font-family: "Urbanist", system-ui, sans-serif !important;
  font-size: 0.8125rem !important;
  font-weight: 400 !important;
  color: #000 !important;
  margin: 0 0 0.4rem 25px !important;
  line-height: 1.3 !important;
  text-align: left !important;
}
body.question-bank-page .tox .tox-form__group,
body.faqs-page .tox .tox-form__group,
body.dashboard-button-link-page .tox .tox-form__group,
body.terms-and-conditions-page .tox .tox-form__group {
  margin-bottom: 1rem !important;
}
body.question-bank-page .tox .tox-textfield,
body.question-bank-page .tox .tox-textarea,
body.question-bank-page .tox .tox-listboxfield .tox-listbox--select,
body.question-bank-page .tox .tox-selectfield select,
body.faqs-page .tox .tox-textfield,
body.faqs-page .tox .tox-textarea,
body.faqs-page .tox .tox-listboxfield .tox-listbox--select,
body.faqs-page .tox .tox-selectfield select,
body.dashboard-button-link-page .tox .tox-textfield,
body.dashboard-button-link-page .tox .tox-textarea,
body.dashboard-button-link-page .tox .tox-listboxfield .tox-listbox--select,
body.dashboard-button-link-page .tox .tox-selectfield select,
body.terms-and-conditions-page .tox .tox-textfield,
body.terms-and-conditions-page .tox .tox-textarea,
body.terms-and-conditions-page .tox .tox-listboxfield .tox-listbox--select,
body.terms-and-conditions-page .tox .tox-selectfield select {
  min-height: 55px !important;
  height: 55px !important;
  padding: 0 1.25rem !important;
  border: 0.449198px solid #c2bfbf !important;
  border-radius: 84.4492px !important;
  background: #fff !important;
  font-family: "Urbanist", system-ui, sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #1f4169 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}
body.question-bank-page .tox .tox-textfield:focus,
body.question-bank-page .tox .tox-textarea:focus,
body.question-bank-page .tox .tox-listboxfield .tox-listbox--select:focus,
body.question-bank-page .tox .tox-selectfield select:focus,
body.faqs-page .tox .tox-textfield:focus,
body.faqs-page .tox .tox-textarea:focus,
body.faqs-page .tox .tox-listboxfield .tox-listbox--select:focus,
body.faqs-page .tox .tox-selectfield select:focus,
body.dashboard-button-link-page .tox .tox-textfield:focus,
body.dashboard-button-link-page .tox .tox-textarea:focus,
body.dashboard-button-link-page .tox .tox-listboxfield .tox-listbox--select:focus,
body.dashboard-button-link-page .tox .tox-selectfield select:focus,
body.terms-and-conditions-page .tox .tox-textfield:focus,
body.terms-and-conditions-page .tox .tox-textarea:focus,
body.terms-and-conditions-page .tox .tox-listboxfield .tox-listbox--select:focus,
body.terms-and-conditions-page .tox .tox-selectfield select:focus {
  box-shadow: 0 0 0 3px rgba(31, 65, 105, 0.1) !important;
  outline: none !important;
}
body.question-bank-page .tox .tox-textarea,
body.faqs-page .tox .tox-textarea,
body.dashboard-button-link-page .tox .tox-textarea,
body.terms-and-conditions-page .tox .tox-textarea {
  height: auto !important;
  min-height: 110px !important;
  padding: 0.85rem 1.25rem !important;
  border-radius: 22px !important;
}
body.question-bank-page .tox .tox-menu,
body.question-bank-page .tox .tox-collection--list,
body.faqs-page .tox .tox-menu,
body.faqs-page .tox .tox-collection--list,
body.dashboard-button-link-page .tox .tox-menu,
body.dashboard-button-link-page .tox .tox-collection--list,
body.terms-and-conditions-page .tox .tox-menu,
body.terms-and-conditions-page .tox .tox-collection--list {
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12) !important;
  font-family: "Urbanist", system-ui, sans-serif !important;
  overflow: hidden;
}
body.question-bank-page .tox .tox-collection__item,
body.faqs-page .tox .tox-collection__item,
body.dashboard-button-link-page .tox .tox-collection__item,
body.terms-and-conditions-page .tox .tox-collection__item {
  color: #0b1f3f !important;
  font-size: 0.875rem !important;
}
body.question-bank-page .tox .tox-collection__item--active, body.question-bank-page .tox .tox-collection__item:hover:not(.tox-collection__item--state-disabled),
body.faqs-page .tox .tox-collection__item--active,
body.faqs-page .tox .tox-collection__item:hover:not(.tox-collection__item--state-disabled),
body.dashboard-button-link-page .tox .tox-collection__item--active,
body.dashboard-button-link-page .tox .tox-collection__item:hover:not(.tox-collection__item--state-disabled),
body.terms-and-conditions-page .tox .tox-collection__item--active,
body.terms-and-conditions-page .tox .tox-collection__item:hover:not(.tox-collection__item--state-disabled) {
  background: rgba(31, 65, 105, 0.08) !important;
  color: #1f4169 !important;
}
body.question-bank-page .tox .tox-toolbar-popup,
body.faqs-page .tox .tox-toolbar-popup,
body.dashboard-button-link-page .tox .tox-toolbar-popup,
body.terms-and-conditions-page .tox .tox-toolbar-popup {
  border: 1px solid #e4e9f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12) !important;
}
body.question-bank-page .tox .tox-tooltip,
body.faqs-page .tox .tox-tooltip,
body.dashboard-button-link-page .tox .tox-tooltip,
body.terms-and-conditions-page .tox .tox-tooltip {
  font-family: "Urbanist", system-ui, sans-serif !important;
  border-radius: 8px !important;
}

.resources-page {
  font-family: "Urbanist", system-ui, sans-serif;
}
.resources-page .main-layout {
  overflow-x: hidden;
}
.resources-page .content.fto-adm-ui {
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
}
.resources-page .page-header__actions {
  flex-wrap: wrap;
  align-items: center;
}
.resources-page .directory {
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
}
.resources-page .resources-table {
  min-width: 0;
  max-width: 100%;
  overflow-x: visible;
}

.tooltip.resources-copy-link-tooltip {
  --bs-tooltip-max-width: 220px;
  --bs-tooltip-bg: #0c1f3d;
  --bs-tooltip-color: #fff;
  --bs-tooltip-opacity: 1;
  --bs-tooltip-font-size: 0.75rem;
}
.tooltip.resources-copy-link-tooltip .tooltip-inner {
  padding: 0.4rem 0.65rem;
  text-align: center;
}

@media (max-width: 991.98px) {
  .fto-adm-ui .resources-table .table-head {
    display: none !important;
  }
  .fto-adm-ui .resources-table .fto-directory-row.resources-row,
  .fto-adm-ui .resources-table .resources-row.resources-row--folder,
  .fto-adm-ui .resources-table .resources-row.resources-row--file {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    grid-template-columns: unset !important;
    grid-template-areas: none !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
  }
  .fto-adm-ui .resources-table .resources-row__title {
    word-break: normal !important;
    overflow-wrap: anywhere;
  }
  .fto-adm-ui .resources-table .resources-row__cell--empty {
    display: none !important;
  }
  .fto-adm-ui .resources-table .resources-action-slot {
    display: none;
  }
}

.resources__title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1f4169;
  line-height: 1.2;
}

.resources__subtitle {
  max-width: 70%;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.02em;
  color: #555555;
  text-transform: none;
}

.resources-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  height: 44px;
  padding: 0 1.5rem;
  border: none;
  background: #1F4169;
  box-shadow: 0px 0px 13.1px rgba(0, 0, 0, 0.05);
  border-radius: 42px;
  font-family: "Urbanist";
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}
.resources-btn i {
  font-size: 1rem;
  font-weight: 700;
}
.resources-btn--navy {
  background: #1f4169;
}
.resources-btn--navy:hover {
  background: #152448;
  box-shadow: 0 4px 12px rgba(31, 65, 105, 0.2);
}
.resources-btn--coral {
  background: #F15B55;
}
.resources-btn--coral:hover {
  background: #e04a44;
  box-shadow: 0 4px 12px rgba(241, 91, 85, 0.25);
}
.resources-btn--sky {
  background: #e8f2ff;
  color: #1f4169;
  box-shadow: 0 0 13.1px rgba(0, 0, 0, 0.05);
}
.resources-btn--sky:hover {
  background: #d9eaff;
  color: #1f4169;
}
.resources-btn--square {
  width: 44px;
  min-width: 44px;
  padding: 0;
  border-radius: 50px;
  background: #eef1f5;
  color: #1f4169;
  box-shadow: none;
}
.resources-btn--square:hover {
  background: #e2e8f0;
  box-shadow: none;
}

.resources-modal.sc-app-modal .resources-modal__content.sc-app-modal__content {
  box-shadow: 0 0 21.4px rgba(0, 0, 0, 0.08);
}
.resources-modal.sc-app-modal .sc-app-modal__header {
  width: 100%;
}
.resources-modal.sc-app-modal .sc-app-modal__header .sc-delete-subject-modal__divider {
  margin-top: 1rem;
  margin-bottom: 0;
}
.resources-modal.sc-app-modal .sc-app-modal__subtitle {
  margin-bottom: 0;
}
.resources-modal.sc-app-modal .modal-footer.sc-app-modal__footer {
  margin-top: 1.35rem;
  padding-top: 0.25rem;
}
.resources-modal.sc-app-modal .resources-modal__body {
  padding: 0;
}
.resources-modal.sc-app-modal .resources-modal__form {
  gap: 1rem;
}
.resources-modal.sc-app-modal .resources-modal__form .form-field {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0;
  min-width: 0;
}
.resources-modal.sc-app-modal .resources-modal__form .form-field__label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
}
.resources-modal.sc-app-modal .resources-modal__form .form-field__label-row > label {
  margin: 0;
  margin-left: 25px;
  margin-bottom: 0;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
  padding-top: 0;
}
.resources-modal.sc-app-modal .resources-modal__form .form-field__hint {
  margin: 0;
  margin-right: 20px;
  padding-left: 0;
  text-align: right;
  flex-shrink: 1;
  min-width: 0;
  font-size: 11px;
  color: #6b7c93;
}
.resources-modal.sc-app-modal .resources-modal__form .form-field__control {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.resources-modal.sc-app-modal .resources-modal__form .form-field__control--doc {
  cursor: pointer;
}
.resources-modal.sc-app-modal .resources-modal__form .form-field__control--doc input[type=file] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  z-index: 2;
}
.resources-modal.sc-app-modal .resources-modal__form .form-field__control--doc .form-field__file-label {
  padding: 14px 72px 14px 18px;
}
.resources-modal.sc-app-modal .resources-modal__form .form-field__control--doc:focus-within .form-field__file-label {
  border-color: rgba(12, 31, 61, 0.35);
}
.resources-modal.sc-app-modal .resources-modal__form .form-field__control--doc.resources-modal__file--error .form-field__file-label {
  border-color: rgba(241, 91, 85, 0.55);
  box-shadow: 0 0 0 2px rgba(241, 91, 85, 0.35);
}
.resources-modal.sc-app-modal .resources-modal__form .form-field__file-label {
  display: block;
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 14px 18px 14px 44px;
  font-size: 13px;
  color: #a0aec0;
  background: #fff;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: border-color 0.15s, color 0.15s;
}
.resources-modal.sc-app-modal .resources-modal__form .form-field__file-label.is-filled {
  color: #1a2b42;
}
.resources-modal.sc-app-modal .resources-modal__form .form-field__attach {
  position: absolute;
  left: 16px;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #6b7c93;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 1;
  cursor: pointer;
}
.resources-modal.sc-app-modal .resources-modal__form .form-field__attach svg {
  width: 18px;
  height: 18px;
  display: block;
}
.resources-modal.sc-app-modal .resources-modal__form .form-field__attach--doc {
  left: auto;
  right: 44px;
  pointer-events: auto;
  z-index: 3;
}
.resources-modal.sc-app-modal .resources-modal__form .form-field__reset {
  position: absolute;
  right: 8px;
  z-index: 4;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 50%;
  background: #f15b55;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  cursor: pointer;
}
.resources-modal.sc-app-modal .resources-modal__form .form-field__reset svg {
  width: 14px;
  height: 14px;
}
.resources-modal.sc-app-modal .resources-modal__form .form-field__reset:hover {
  opacity: 0.9;
}
.resources-modal.sc-app-modal .resources-modal__source-tabs {
  width: fit-content;
  max-width: 100%;
  margin-left: 25px;
  margin-bottom: 1.15rem;
  box-sizing: border-box;
  min-width: 0;
}
@media (max-width: 575.98px) {
  .resources-modal.sc-app-modal .resources-modal__source-tabs {
    margin-left: 0;
  }
}
.resources-modal.sc-app-modal .resources-modal__source-row {
  align-items: start;
}
.resources-modal.sc-app-modal .resources-modal__source-main {
  min-width: 0;
}
.resources-modal.sc-app-modal [data-resource-source-field] {
  margin-top: 0.5rem;
}
.resources-modal.sc-app-modal [data-resource-source-field] #addResourceLink {
  min-height: 55px;
}
.resources-modal.sc-app-modal .sc-add-chapter-form__control.resources-modal__input--error, .resources-modal.sc-app-modal .sc-add-chapter-form__control.resources-modal__select--error, .resources-modal.sc-app-modal .sc-add-chapter-form__control.resources-modal__textarea--error {
  border-color: rgba(241, 91, 85, 0.55);
  box-shadow: 0 0 0 2px rgba(241, 91, 85, 0.35);
}
.resources-modal.sc-app-modal .sc-add-chapter-form__control.resources-modal__input--error:focus, .resources-modal.sc-app-modal .sc-add-chapter-form__control.resources-modal__select--error:focus, .resources-modal.sc-app-modal .sc-add-chapter-form__control.resources-modal__textarea--error:focus {
  border-color: rgba(241, 91, 85, 0.55);
  box-shadow: 0 0 0 2px rgba(241, 91, 85, 0.35);
}
.resources-modal .modal-dialog-scrollable .resources-modal__content {
  overflow: unset;
}
.resources-modal .modal-backdrop.show {
  opacity: 0.45;
}
.resources-modal__dialog {
  max-width: min(640px, calc(100% - 2rem));
  margin: 1rem auto;
}
.resources-modal--folder .resources-modal__dialog {
  max-width: min(400px, calc(100% - 2rem));
}
.resources-modal__form--folder {
  gap: 1.25rem;
}
.resources-modal__content {
  position: relative;
  border: none;
  box-shadow: 0px 4.3px 32.465px rgba(0, 0, 0, 0.25), 0px 0px 6.32217px rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  overflow: unset;
}
.resources-modal__body {
  position: relative;
  padding: 2.25rem 2rem 2rem;
}
.resources-modal .modal-dialog-scrollable .resources-modal__body {
  max-height: min(78vh, 100dvh - 4.5rem);
  padding-right: 1.5rem;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(31, 65, 105, 0.32) rgba(31, 65, 105, 0.06);
}
.resources-modal .modal-dialog-scrollable .resources-modal__body::-webkit-scrollbar {
  width: 6px;
}
.resources-modal .modal-dialog-scrollable .resources-modal__body::-webkit-scrollbar-track {
  margin: 1.15rem 0.15rem;
  background: rgba(31, 65, 105, 0.06);
  border-radius: 999px;
}
.resources-modal .modal-dialog-scrollable .resources-modal__body::-webkit-scrollbar-thumb {
  background: rgba(31, 65, 105, 0.28);
  border-radius: 999px;
  border: 1px solid transparent;
  background-clip: padding-box;
}
.resources-modal .modal-dialog-scrollable .resources-modal__body::-webkit-scrollbar-thumb:hover {
  background: rgba(31, 65, 105, 0.42);
  background-clip: padding-box;
}
.resources-modal__close {
  position: absolute;
  top: -7px;
  right: -7px;
  z-index: 20;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1.5px solid #fff;
  border-radius: 50%;
  background: #000;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transition: opacity 0.2s ease;
}
.resources-modal__close:hover {
  opacity: 0.9;
  background: #000;
  transform: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.resources-modal__close:focus, .resources-modal__close:focus-visible, .resources-modal__close:active {
  outline: none;
  transform: none;
  border-color: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}
.resources-modal__header {
  margin-bottom: 1.5rem;
  padding-bottom: 1.35rem;
  border-bottom: 1px solid #e4e9f0;
}
.resources-modal__title {
  margin: 0 0 0.5rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: #1f4169;
  line-height: 1.25;
  text-align: center;
}
.resources-modal__subtitle {
  font-size: 0.875rem;
  font-weight: 400;
  color: #7a8799;
  line-height: 1.4;
  margin-left: auto;
  margin-right: auto;
}
.resources-modal__form {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}
.resources-modal__field {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.resources-modal__field--check {
  margin-top: 0.15rem;
}
.resources-modal__label {
  margin: 0;
  padding: 0 1rem;
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 400;
  font-size: 14.3743px;
  line-height: 17px;
  color: #18273C;
}
.resources-modal__required {
  color: #F15B55;
  margin-left: 0.1rem;
}
.resources-modal__error {
  margin: 0.25rem 0 0;
  padding: 0 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3;
  color: #F15B55;
  text-align: left;
}
.resources-modal__input--error, .resources-modal__select--error, .resources-modal__textarea--error {
  border-color: rgba(241, 91, 85, 0.55);
  box-shadow: 0 0 0 2px rgba(241, 91, 85, 0.35);
}
.resources-modal__input--error:focus, .resources-modal__select--error:focus, .resources-modal__textarea--error:focus {
  border-color: rgba(241, 91, 85, 0.55);
  box-shadow: 0 0 0 3px rgba(241, 91, 85, 0.2);
}
.resources-modal__file--error .resources-modal__file-inner {
  border-color: rgba(241, 91, 85, 0.55);
  box-shadow: 0 0 0 2px rgba(241, 91, 85, 0.35);
}
.resources-modal__section-title {
  margin: 0.35rem 0 0;
  padding: 0 1rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: #1f4169;
  line-height: 1.3;
}
.resources-modal__input, .resources-modal__select {
  width: 100%;
  min-height: 48px;
  padding: 1rem 1.1rem;
  border: 0.5px solid #C2BFBF;
  border-radius: 48.4807px;
  font-family: inherit;
  font-size: 0.875rem;
  color: #0b1f3f;
  background: #fff;
  box-shadow: none;
  outline: none;
}
.resources-modal__input::placeholder, .resources-modal__select::placeholder {
  color: #9aa8b8;
}
.resources-modal__input:focus, .resources-modal__select:focus {
  outline: none;
  border-color: rgba(31, 65, 105, 0.35);
  box-shadow: 0 0 0 3px rgba(31, 64, 104, 0.1);
}
.resources-modal .form-control:focus,
.resources-modal .form-select:focus {
  outline: none;
  border-color: rgba(31, 65, 105, 0.35);
  box-shadow: 0 0 0 3px rgba(31, 64, 104, 0.1);
}
.resources-modal__textarea {
  width: 100%;
  min-height: 120px;
  padding: 0.85rem 1.1rem;
  border: 0.5px solid #C2BFBF;
  border-radius: 24px;
  font-family: inherit;
  font-size: 0.875rem;
  color: #0b1f3f;
  background: #fff;
  box-shadow: none;
  outline: none;
  resize: vertical;
}
.resources-modal__textarea::placeholder {
  color: #9aa8b8;
}
.resources-modal__textarea:focus {
  outline: none;
  border-color: rgba(31, 65, 105, 0.35);
  box-shadow: 0 0 0 3px rgba(31, 64, 104, 0.1);
}
.resources-modal__select-wrap {
  position: relative;
}
.resources-modal__select {
  appearance: none;
  padding-right: 3.25rem;
  cursor: pointer;
}
.resources-modal__select-chevron {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #F15B55;
  color: #fff;
  font-size: 0.95rem;
  pointer-events: none;
}
.resources-modal__file {
  display: block;
  margin: 0;
  cursor: pointer;
}
.resources-modal__file-input {
  position: absolute;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
}
.resources-modal__file-inner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 48px;
  padding: 0.65rem 1.1rem;
  border: 1px solid rgba(31, 65, 105, 0.18);
  border-radius: 48.4807px;
  font-size: 0.875rem;
  color: #9aa8b8;
  background: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.resources-modal__file-inner i {
  font-size: 1.1rem;
  color: #7a8799;
}
.resources-modal__file-icon {
  max-width: 1.1rem;
  max-height: 1.1rem;
  flex-shrink: 0;
}
.resources-modal__file:hover .resources-modal__file-inner {
  border-color: rgba(31, 65, 105, 0.35);
}
.resources-modal__file:focus-within .resources-modal__file-inner {
  border-color: rgba(31, 65, 105, 0.35);
  box-shadow: 0 0 0 3px rgba(31, 64, 104, 0.1);
  outline: none;
}
.resources-modal__file-text {
  color: #9aa8b8;
}
.resources-modal {
  /* Keep File upload + Web Link panels the same height when toggling */
}
.resources-modal [data-resource-source-field] #addResourceLink {
  min-height: 55px;
}
.resources-modal__field--check {
  margin-top: 0.1rem;
}
.resources-modal__check {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0;
  padding: 0px 1rem;
  cursor: pointer;
  user-select: none;
}
.resources-modal__checkbox {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
  border: 1px solid rgba(31, 65, 105, 0.2);
  border-radius: 6px;
  cursor: pointer;
  vertical-align: middle;
  appearance: none;
  background-color: #fff;
  display: grid;
  place-content: center;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.resources-modal__checkbox::after {
  content: "";
  width: 0.35rem;
  height: 0.6rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  margin-top: -2px;
  transition: transform 0.15s ease;
}
.resources-modal__checkbox:checked {
  background-color: #22c55e;
  border-color: #22c55e;
}
.resources-modal__checkbox:checked::after {
  transform: rotate(45deg) scale(1);
}
.resources-modal__checkbox:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.25);
}
.resources-modal__check-label {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #1f4169;
}
.resources-modal__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
  margin-top: 0.5rem;
  padding-top: 1.35rem;
}
.resources-modal__btn {
  flex: 1;
  max-width: 200px;
  min-height: 48px;
  padding: 0 1.5rem;
  border: none;
  border-radius: 999px;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}
.resources-modal__btn--cancel {
  background: #eef1f5;
  color: #1f4169;
}
.resources-modal__btn--cancel:hover {
  background: #e2e8f0;
}
.resources-modal__btn--save {
  background: #F15B55;
  color: #fff;
  box-shadow: 0 4px 14px rgba(241, 91, 85, 0.28);
}
.resources-modal__btn--save:hover {
  background: #e04a44;
}

@media (max-width: 991.98px) {
  .resources-modal__dialog {
    max-width: min(560px, calc(100% - 1.5rem));
    margin: 0.85rem auto;
  }
  .resources-modal--folder .resources-modal__dialog {
    max-width: min(400px, calc(100% - 1.5rem));
    margin: 0.85rem auto;
  }
}
@media (max-width: 767.98px) {
  .resources-modal__dialog, .resources-modal--folder .resources-modal__dialog {
    max-width: calc(100% - 1.25rem);
    margin: 0.5rem auto;
  }
  .resources-modal__content {
    border-radius: 28px;
  }
  .resources-modal .modal-dialog-scrollable .resources-modal__body {
    max-height: min(82dvh, 100dvh - 2.5rem);
    padding: 2rem 1.25rem 1.5rem 1.35rem;
  }
  .resources-modal__header {
    margin-bottom: 1.25rem;
    padding-bottom: 1.15rem;
  }
  .resources-modal__title {
    font-size: 1.35rem;
  }
  .resources-modal__subtitle {
    font-size: 0.8125rem;
    max-width: 28rem;
  }
  .resources-modal__input, .resources-modal__select {
    min-height: 44px;
    padding: 0.85rem 1rem;
    font-size: 1rem;
    border-radius: 40px;
  }
  .resources-modal__textarea {
    min-height: 100px;
    padding: 0.85rem 1rem;
    font-size: 1rem;
    border-radius: 20px;
  }
  .resources-modal__file-inner {
    min-height: 44px;
    border-radius: 40px;
  }
  .resources-modal [data-resource-source-field] #addResourceLink {
    min-height: 55px;
  }
  .resources-modal__select-chevron {
    width: 32px;
    height: 32px;
    right: 5px;
  }
  .resources-modal__footer {
    gap: 0.75rem;
    padding-top: 1.15rem;
  }
  .resources-modal__btn {
    min-height: 44px;
    font-size: 0.9375rem;
  }
}
@media (max-width: 575.98px) {
  .resources-modal__dialog, .resources-modal--folder .resources-modal__dialog {
    max-width: calc(100% - 2rem);
    margin: 0.35rem auto;
  }
  .resources-modal__content {
    border-radius: 28px;
    box-shadow: 0 12px 36px rgba(15, 31, 63, 0.16);
  }
  .resources-modal .modal-dialog-scrollable .resources-modal__body {
    max-height: min(88dvh, 100dvh - 1.75rem);
    padding: 1.75rem 0.85rem 1.25rem 1rem;
  }
  .resources-modal .modal-dialog-scrollable .resources-modal__body::-webkit-scrollbar {
    width: 5px;
  }
  .resources-modal .modal-dialog-scrollable .resources-modal__body::-webkit-scrollbar-track {
    margin: 0.85rem 0.1rem;
  }
  .resources-modal__title {
    font-size: 1.2rem;
  }
  .resources-modal__label, .resources-modal__section-title, .resources-modal__error {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .resources-modal__label {
    font-size: 0.875rem;
  }
  .resources-modal__section-title {
    font-size: 1rem;
  }
  .resources-modal__check {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .resources-modal__footer {
    flex-direction: column;
    margin-top: 0.35rem;
  }
  .resources-modal__footer .resources-modal__btn {
    max-width: 100%;
    width: 100%;
    flex: none;
  }
}
@media (max-width: 380px) {
  .resources-modal__dialog, .resources-modal--folder .resources-modal__dialog {
    max-width: calc(100% - 2.65rem);
    margin: 0.25rem auto;
  }
  .resources-modal .modal-dialog-scrollable .resources-modal__body {
    padding: 1.5rem 0.75rem 1rem 0.85rem;
  }
  .resources-modal__title {
    font-size: 1.125rem;
  }
  .resources-modal__input, .resources-modal__select, .resources-modal__textarea {
    padding-left: 0.85rem;
    padding-right: 0.85rem;
  }
  .resources-modal__select {
    padding-right: 2.85rem;
  }
}
.resources-metrics {
  border: none;
  padding: 1.25rem 1.35rem;
  margin-bottom: 1.5rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 21.4px rgba(0, 0, 0, 0.08);
  border-radius: 58px;
  overflow: hidden;
}
.resources-metrics__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}
@media (max-width: 1199.98px) {
  .resources-metrics__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }
}
@media (max-width: 575.98px) {
  .resources-metrics__grid {
    grid-template-columns: 1fr;
  }
}

.resources-metric {
  position: relative;
  min-height: 142px;
  padding: 1.5rem 4.5rem 1.15rem 1.9rem;
  background: rgba(239, 239, 239, 0.47);
  border-radius: 45px;
  border: 0;
  outline: none;
  background-clip: padding-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
}
.resources-metric__icon {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 46px;
  height: 46px;
  padding: 9px;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
  object-fit: contain;
  pointer-events: none;
}
.resources-metric__icon:not(img) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  line-height: 1;
  color: #1f4169;
}
.resources-metric__label {
  margin: 0 0 0.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.3;
}
.resources-metric__value {
  margin: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.resources-metric__meta {
  margin: auto 0 0;
  padding-top: 0.5rem;
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1.35;
}
.resources-metric--primary {
  background-color: #1f4169;
  background-image: none;
}
.resources-metric--primary .resources-metric__label,
.resources-metric--primary .resources-metric__value,
.resources-metric--primary .resources-metric__meta {
  color: #fff;
}
.resources-metric--primary .resources-metric__meta {
  opacity: 0.82;
}
.resources-metric--light {
  background-color: #eef2f7;
  background-image: none;
}
.resources-metric--light .resources-metric__label,
.resources-metric--light .resources-metric__value {
  color: #1f4169;
}
.resources-metric--light .resources-metric__meta {
  color: rgba(31, 65, 105, 0.72);
}

.resources-toolbar {
  background: #fff;
  border: 1px solid #e4e9f0;
  box-shadow: 0px 0px 21.4px rgba(0, 0, 0, 0.08);
  border-radius: 30px;
  padding: 1.15rem 2.35rem 1.25rem;
  margin-bottom: 1.15rem;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
.resources-toolbar__row--top {
  display: grid;
  grid-template-columns: minmax(0, 4fr) repeat(1, minmax(155px, 1fr));
  gap: 0.65rem;
  align-items: center;
}
.resources-toolbar__row--bottom {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.65rem;
}
.resources-toolbar__search {
  position: relative;
  min-width: 0;
}
.resources-toolbar__search-icon {
  position: absolute;
  left: 1.15rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 1;
  max-width: 1.1rem;
  max-height: 1.1rem;
}
.resources-toolbar__search-input {
  width: 100%;
  height: 44px;
  padding-left: 2.75rem;
  border: 1px solid #D9D9D9;
  border-radius: 17px;
  font-size: 0.8125rem;
  color: #0b1f3f;
  background: #fff;
  box-shadow: none;
}
.resources-toolbar__search-input::placeholder {
  color: #9aa8b8;
}
.resources-toolbar__search-input:focus {
  border-color: rgba(31, 65, 105, 0.35);
  box-shadow: 0 0 0 3px rgba(31, 65, 105, 0.08);
}
.resources-toolbar__dropdowns {
  display: contents;
}
.resources-toolbar__select {
  width: 100%;
  min-width: 0;
  height: 44px;
  padding: 0 2.25rem 0 1.1rem;
  font-weight: 400;
  border: 1px solid rgba(31, 65, 105, 0.2);
  border-radius: 28px;
  font-size: 0.8125rem;
  border: 1px solid #e4e9f0;
  color: #1F4169;
  background-color: #fff;
  box-shadow: none;
}
.resources-toolbar__select:focus {
  border-color: rgba(31, 65, 105, 0.35);
  box-shadow: 0 0 0 3px rgba(31, 65, 105, 0.08);
}
.resources-toolbar__row--bottom .resources-toolbar__select {
  width: auto;
  min-width: 155px;
  flex: 0 0 auto;
}

.resources-img {
  display: block;
  object-fit: contain;
  flex-shrink: 0;
  border: 0;
}

.resources-list {
  background: #fff;
  border: 1px solid #e4e9f0;
  box-shadow: 0px 0px 21.4px rgba(0, 0, 0, 0.08);
  border-radius: 50px;
  padding: 3.15rem 2.25rem 1.35rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.resources-list__head {
  grid-template-columns: minmax(220px, 1.6fr) minmax(108px, 0.75fr) minmax(96px, 0.7fr) minmax(128px, 0.85fr) calc(36px * 4 + 0.35rem * 3);
  gap: 1rem;
  padding: 0px 42px 0px 2.75rem;
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #7a8799;
}
.resources-list__head span:nth-child(1) {
  justify-self: start;
  text-align: left;
}
.resources-list__head span:nth-child(2),
.resources-list__head span:nth-child(3),
.resources-list__head span:nth-child(4) {
  justify-self: center;
  text-align: center;
}
.resources-list__head span:nth-child(5) {
  text-align: center;
  width: calc(36px * 4 + 0.35rem * 3);
}

.resources-list .resources-row {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) minmax(108px, 0.75fr) minmax(96px, 0.7fr) minmax(128px, 0.85fr) calc(36px * 4 + 0.35rem * 3);
  gap: 1rem;
  align-items: center;
  padding: 1rem 0;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #e4e9f0;
  box-shadow: 0 2px 10px rgba(31, 65, 105, 0.05);
}
.resources-list .resources-row--folder {
  align-items: center;
  padding: 2.05rem 2rem;
  border-radius: 18px;
}
.resources-list .resources-row--file {
  padding: 1rem 1.15rem;
  background: #F7F9FF;
  border: 1px solid #E0E7F3;
  border-radius: 20px;
}
.resources-list .resources-row--file .resources-row__name {
  padding-left: 0;
}
.resources-list .resources-row--file .resources-row__name > div:last-child {
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.resources-list .resources-row--file .resources-row__title {
  font-weight: 500;
}
.resources-list .resources-row__cell--empty {
  min-height: 1px;
}
.resources-list .resources-row__name {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
  justify-self: start;
}
.resources-list .resources-row__name > div:last-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
  gap: 0;
}
.resources-list .resources-row__title {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #000000;
  word-break: break-word;
}
.resources-list .resources-row__desc {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: #3A3A3A;
  width: 100%;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.resources-list .resources-row__items-count {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #3A3A3A;
}
.resources-list .resources-row__items-meta {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #3A3A3A;
}
.resources-list .resources-row__date {
  font-size: 0.8125rem;
  color: #0b1f3f;
  justify-self: center;
  text-align: center;
}
.resources-list .resources-row__items {
  font-size: 0.8125rem;
  color: #7a8799;
  justify-self: center;
  text-align: center;
}
.resources-list .resources-row__status {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
}
.resources-list .resources-row__actions {
  display: grid;
  grid-template-columns: repeat(4, 36px);
  justify-content: end;
  justify-self: end;
  align-items: center;
  gap: 0.35rem;
  width: calc(36px * 4 + 0.35rem * 3);
  max-width: 100%;
  margin-left: auto;
}
.resources-list .resources-row--file .resources-list .resources-row__actions {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  width: auto;
  max-width: calc(36px * 4 + 0.35rem * 3);
}
.resources-list .resources-row--file:not(.resources-list .resources-row--link) [data-resources-copy-link] {
  display: none;
}

.resources-action-slot {
  display: block;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}

.resources-reorder__handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  border-radius: 6px;
  cursor: grab;
  opacity: 0.72;
  transition: opacity 0.2s ease, background 0.2s ease;
}
.resources-reorder__handle:hover {
  opacity: 1;
  background: rgba(31, 65, 105, 0.06);
}
.resources-reorder__handle:active {
  cursor: grabbing;
}

.resources-reorder__handle-icon {
  display: block;
  width: 12px;
  height: 18px;
  object-fit: contain;
  pointer-events: none;
}

.resources-row--sortable-ghost {
  opacity: 0.45;
  outline: 1px dashed rgba(31, 65, 105, 0.35);
  outline-offset: 2px;
}

.resources-row--sortable-chosen {
  box-shadow: 0 4px 14px rgba(31, 65, 105, 0.12);
}

.resources-row--sortable-drag,
.resources-row.sortable-fallback {
  box-shadow: 0 8px 22px rgba(31, 65, 105, 0.16) !important;
  opacity: 1 !important;
  cursor: grabbing;
  pointer-events: none;
  z-index: 1000;
  overflow: hidden;
}
@media (min-width: 992px) {
  .resources-row--sortable-drag,
  .resources-row.sortable-fallback {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 0.75fr) minmax(0, 0.7fr) minmax(0, 0.85fr) calc(36px * 4 + 0.35rem * 3);
    gap: 12px;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0.85rem 1rem;
    background: #f7f9ff !important;
    border: 1px solid #e0e7f3;
    border-radius: 16px;
  }
}
.resources-row--sortable-drag .resources-row__name > div:last-child,
.resources-row.sortable-fallback .resources-row__name > div:last-child {
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.resources-row--sortable-drag .resources-row--file .resources-row__name .resources-file__icon img,
.resources-row.sortable-fallback .resources-row--file .resources-row__name .resources-file__icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  border-radius: 0;
}
.resources-row--sortable-drag .resources-file-badge,
.resources-row.sortable-fallback .resources-file-badge {
  display: inline-block;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: lowercase;
  line-height: 1.4;
  background: #e8f0fa;
  color: #1f4169;
}
.resources-row--sortable-drag .resources-row__name,
.resources-row.sortable-fallback .resources-row__name {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
  justify-self: start;
}
.resources-row--sortable-drag .resources-row__name > div:last-child,
.resources-row.sortable-fallback .resources-row__name > div:last-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
  gap: 0;
}
.resources-row--sortable-drag .col-profile.resources-row__name,
.resources-row.sortable-fallback .col-profile.resources-row__name {
  gap: 1rem;
}
.resources-row--sortable-drag .col-profile.resources-row__name img,
.resources-row.sortable-fallback .col-profile.resources-row__name img {
  width: auto;
  height: auto;
  border-radius: 0;
  object-fit: contain;
  flex-shrink: 0;
}
.resources-row--sortable-drag .col-profile.resources-row__name .resources-folder__arrow,
.resources-row.sortable-fallback .col-profile.resources-row__name .resources-folder__arrow {
  display: block;
  width: 11px;
  height: auto;
  max-height: 11px;
}
.resources-row--sortable-drag .col-profile.resources-row__name .resources-folder__icon img,
.resources-row.sortable-fallback .col-profile.resources-row__name .resources-folder__icon img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.resources-row--sortable-drag .resources-row__title,
.resources-row.sortable-fallback .resources-row__title {
  font-weight: 600;
  font-size: 0.9375rem;
  line-height: 1.25;
  color: #1f4169;
  word-break: normal;
  overflow-wrap: anywhere;
}
.resources-row--sortable-drag .resources-row__desc,
.resources-row.sortable-fallback .resources-row__desc {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #7a8799;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
}
.resources-row--sortable-drag .resources-row__items-count,
.resources-row--sortable-drag .resources-row__date,
.resources-row.sortable-fallback .resources-row__items-count,
.resources-row.sortable-fallback .resources-row__date {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #1f4169;
}
.resources-row--sortable-drag .resources-row__status,
.resources-row.sortable-fallback .resources-row__status {
  display: flex;
  align-items: center;
  justify-content: center;
}
.resources-row--sortable-drag .resources-row__actions,
.resources-row.sortable-fallback .resources-row__actions {
  display: grid;
  grid-template-columns: repeat(4, 36px);
  justify-content: end;
  justify-self: end;
  align-items: center;
  gap: 0.35rem;
  width: calc(36px * 4 + 0.35rem * 3);
  max-width: 100%;
  margin-left: auto;
}
.resources-row--sortable-drag .resources-row--file .resources-row__actions,
.resources-row.sortable-fallback .resources-row--file .resources-row__actions {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  width: auto;
  max-width: calc(36px * 4 + 0.35rem * 3);
}
.resources-row--sortable-drag .resources-row__actions .resources-img,
.resources-row.sortable-fallback .resources-row__actions .resources-img {
  width: 17px;
  height: 18px;
  max-width: 17px;
  max-height: 18px;
  border-radius: 0;
  object-fit: contain;
}

.resources-folder {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.resources-folder--sortable-ghost {
  opacity: 0.45;
}
.resources-folder--sortable-ghost > .resources-row--folder {
  outline: 1px dashed rgba(31, 65, 105, 0.35);
  outline-offset: 2px;
}
.resources-folder--sortable-chosen > .resources-row--folder {
  box-shadow: 0 4px 14px rgba(31, 65, 105, 0.12);
}
.resources-folder--sortable-drag, .resources-folder.sortable-fallback {
  opacity: 1 !important;
  cursor: grabbing;
  pointer-events: none;
  z-index: 1000;
  box-sizing: border-box;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}
.resources-folder--sortable-drag > .resources-folder__children, .resources-folder.sortable-fallback > .resources-folder__children {
  display: none !important;
}
.resources-folder--sortable-drag > .resources-row--folder, .resources-folder.sortable-fallback > .resources-row--folder {
  box-shadow: 0 8px 22px rgba(31, 65, 105, 0.16) !important;
  background: #fff !important;
  border: 1px solid #e4e9f0;
  border-radius: 16px;
  opacity: 1 !important;
  overflow: hidden;
}
@media (min-width: 992px) {
  .resources-folder--sortable-drag > .resources-row--folder, .resources-folder.sortable-fallback > .resources-row--folder {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 0.75fr) minmax(0, 0.7fr) minmax(0, 0.85fr) calc(36px * 4 + 0.35rem * 3);
    gap: 12px;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 1.15rem 1rem;
  }
}
.resources-folder--sortable-drag > .resources-row--folder .resources-row__name, .resources-folder.sortable-fallback > .resources-row--folder .resources-row__name {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
  justify-self: start;
}
.resources-folder--sortable-drag > .resources-row--folder .resources-row__name > div:last-child, .resources-folder.sortable-fallback > .resources-row--folder .resources-row__name > div:last-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
  gap: 0;
}
.resources-folder--sortable-drag > .resources-row--folder .col-profile.resources-row__name, .resources-folder.sortable-fallback > .resources-row--folder .col-profile.resources-row__name {
  gap: 1rem;
}
.resources-folder--sortable-drag > .resources-row--folder .col-profile.resources-row__name img, .resources-folder.sortable-fallback > .resources-row--folder .col-profile.resources-row__name img {
  width: auto;
  height: auto;
  border-radius: 0;
  object-fit: contain;
  flex-shrink: 0;
}
.resources-folder--sortable-drag > .resources-row--folder .col-profile.resources-row__name .resources-folder__arrow, .resources-folder.sortable-fallback > .resources-row--folder .col-profile.resources-row__name .resources-folder__arrow {
  display: block;
  width: 11px;
  height: auto;
  max-height: 11px;
}
.resources-folder--sortable-drag > .resources-row--folder .col-profile.resources-row__name .resources-folder__icon img, .resources-folder.sortable-fallback > .resources-row--folder .col-profile.resources-row__name .resources-folder__icon img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.resources-folder--sortable-drag > .resources-row--folder .resources-row__title, .resources-folder.sortable-fallback > .resources-row--folder .resources-row__title {
  font-weight: 600;
  font-size: 0.9375rem;
  line-height: 1.25;
  color: #1f4169;
  word-break: normal;
  overflow-wrap: anywhere;
}
.resources-folder--sortable-drag > .resources-row--folder .resources-row__desc, .resources-folder.sortable-fallback > .resources-row--folder .resources-row__desc {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #7a8799;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
}
.resources-folder--sortable-drag > .resources-row--folder .resources-row__items-count,
.resources-folder--sortable-drag > .resources-row--folder .resources-row__date, .resources-folder.sortable-fallback > .resources-row--folder .resources-row__items-count,
.resources-folder.sortable-fallback > .resources-row--folder .resources-row__date {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #1f4169;
}
.resources-folder--sortable-drag > .resources-row--folder .resources-row__status, .resources-folder.sortable-fallback > .resources-row--folder .resources-row__status {
  display: flex;
  align-items: center;
  justify-content: center;
}
.resources-folder--sortable-drag > .resources-row--folder .resources-row__actions, .resources-folder.sortable-fallback > .resources-row--folder .resources-row__actions {
  display: grid;
  grid-template-columns: repeat(4, 36px);
  justify-content: end;
  justify-self: end;
  align-items: center;
  gap: 0.35rem;
  width: calc(36px * 4 + 0.35rem * 3);
  max-width: 100%;
  margin-left: auto;
}
.resources-folder--sortable-drag > .resources-row--folder .resources-row--file .resources-row__actions, .resources-folder.sortable-fallback > .resources-row--folder .resources-row--file .resources-row__actions {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  width: auto;
  max-width: calc(36px * 4 + 0.35rem * 3);
}
.resources-folder--sortable-drag > .resources-row--folder .resources-row__actions .resources-img, .resources-folder.sortable-fallback > .resources-row--folder .resources-row__actions .resources-img {
  width: 17px;
  height: 18px;
  max-width: 17px;
  max-height: 18px;
  border-radius: 0;
  object-fit: contain;
}
.resources-folder__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  min-height: 18px;
  padding: 0;
  border: none;
  background: transparent;
  border-radius: 0;
  cursor: pointer;
  flex-shrink: 0;
}
.resources-folder__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.resources-folder__children {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  padding: 0px 0px 0 3rem;
  background: transparent;
  border: none;
  box-shadow: none;
}
.resources-folder__children[hidden] {
  display: none !important;
}

.resources-file__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.resources-file-badge {
  display: inline-block;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: lowercase;
  line-height: 1.4;
}
.resources-file-badge--pdf, .resources-file-badge--doc, .resources-file-badge--xls, .resources-file-badge--link {
  background: #e8f0fa;
  color: #1f4169;
}

.resources-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem 0.6rem 1rem;
  background: #e6f7ed;
  border-radius: 999px;
  cursor: pointer;
  margin: 0;
  flex-shrink: 0;
  transition: background 0.2s ease;
}
.resources-switch input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.resources-switch__label {
  font-size: 0.75rem;
  font-weight: 600;
  color: #15803d;
  line-height: 1.2;
  white-space: nowrap;
  transition: color 0.2s ease;
}
.resources-switch__track {
  position: relative;
  width: 34px;
  height: 18px;
  background: #22c55e;
  border-radius: 999px;
  transition: background 0.2s ease;
  flex-shrink: 0;
}
.resources-switch__track::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  transition: transform 0.2s ease;
}
.resources-switch input:checked ~ .resources-switch__track {
  background: #22c55e;
}
.resources-switch input:checked ~ .resources-switch__track::after {
  transform: translateX(16px);
}
.resources-switch input:not(:checked) ~ .resources-switch__track {
  background: #cbd5e1;
}
.resources-switch input:not(:checked) ~ .resources-switch__track::after {
  transform: translateX(0);
}
.resources-switch input:not(:checked) ~ .resources-switch__label {
  color: #7a8799;
}
.resources-switch:has(input:not(:checked)) {
  background: #eef2f6;
}
.resources-switch--toggle-only {
  gap: 0;
  padding: 0;
  background: transparent !important;
}
.resources-switch--toggle-only .resources-switch__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.resources-switch--dgca {
  position: relative;
  gap: 0;
  padding: 0;
  background: transparent;
}
.resources-switch--dgca .resources-switch__label {
  position: absolute;
  top: 50%;
  left: 0.55rem;
  z-index: 1;
  transform: translateY(-50%);
  font-size: 0.625rem;
  font-weight: 700;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.resources-switch--dgca .resources-switch__track {
  width: 4rem;
  height: 1.55rem;
  background: #d9dee8;
}
.resources-switch--dgca .resources-switch__track::after {
  top: 2px;
  left: 2px;
  width: 1.25rem;
  height: 1.25rem;
}
.resources-switch--dgca input:checked ~ .resources-switch__label {
  opacity: 1;
}
.resources-switch--dgca input:checked ~ .resources-switch__track {
  background: #1f4169;
}
.resources-switch--dgca input:checked ~ .resources-switch__track::after {
  transform: translateX(2.45rem);
}
.resources-switch--dgca input:not(:checked) ~ .resources-switch__track {
  background: #d9dee8;
}
.resources-switch--dgca input:not(:checked) ~ .resources-switch__label {
  color: transparent;
  opacity: 0;
}
.resources-switch--dgca:has(input:not(:checked)) {
  background: transparent;
}

.resources-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  transition: background 0.2s ease;
}
.resources-action .resources-img,
.resources-action img {
  width: 17px !important;
  height: 18px !important;
  max-width: 17px !important;
  max-height: 18px !important;
  object-fit: contain !important;
}
.resources-action i {
  font-size: 17px !important;
  line-height: 1 !important;
}
.resources-action:hover {
  background: rgba(31, 65, 105, 0.08);
}
.resources-action--danger:hover {
  background: rgba(241, 91, 85, 0.1);
}

@media (max-width: 1199.98px) {
  .resources-list {
    padding: 1.15rem 1rem 1rem;
    border-radius: 28px;
    gap: 0.5rem;
  }
  .resources-toolbar {
    padding: 1rem 1.25rem 1.1rem;
    border-radius: 24px;
    margin-bottom: 1rem;
  }
  .resources-toolbar__row--top {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .resources-toolbar__dropdowns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    width: 100%;
  }
  .resources-toolbar__dropdowns .resources-toolbar__select:last-child {
    grid-column: 1/-1;
  }
  .resources-toolbar__row--bottom {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    align-items: stretch;
  }
  .resources-toolbar__select,
  .resources-toolbar__row--bottom .resources-toolbar__select {
    width: 100%;
    min-width: 0;
    flex: none;
  }
  .resources-folder {
    gap: 0.4rem;
  }
  .resources-folder__children {
    gap: 0.4rem;
    padding-left: 0.5rem;
  }
  .resources-list .resources-row:not(.resources-row--exam):not(.resources-row--question):not(.resources-row--subscription):not(.resources-row--coupon-general):not(.resources-row--coupon-bulk):not(.resources-row--notification-general):not(.resources-row--notification-email):not(.resources-row--notification-template):not(.resources-row--testimonial):not(.resources-row--quote):not(.resources-row--faq):not(.resources-row--login-image):not(.resources-row--flying-school):not(.resources-row--program):not(.resources-row--aircraft):not(.resources-row--student):not(.resources-row--prospective-student):not(.resources-row--school-support):not(.resources-row--support-ticket):not(.resources-row--staff) {
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding: 0;
  }
  .resources-list .resources-row--folder {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "name name" "items date" "status status" "actions actions";
    align-items: start;
    padding: 0.95rem 1rem 0.85rem;
    row-gap: 0.45rem;
  }
  .resources-list .resources-row--file {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "name actions";
    align-items: center;
    column-gap: 0.5rem;
    padding: 0.8rem 0.85rem 0.8rem 0.65rem;
  }
  .resources-list .resources-row--file .resources-row__name {
    grid-area: name;
    padding-left: 0.25rem;
    width: 100%;
    min-width: 0;
  }
  .resources-list .resources-row--file .resources-row__cell--empty {
    display: none !important;
  }
  .resources-list .resources-row__name {
    grid-area: name;
    width: 100%;
    gap: 0.65rem;
  }
  .resources-list .resources-row__items {
    grid-area: items;
    justify-self: start;
    text-align: left;
  }
  .resources-list .resources-row__items:not(:empty)::before {
    content: "Items: ";
    display: inline;
    font-size: 0.75rem;
    font-weight: 500;
    color: #7a8799;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 0;
  }
  .resources-list .resources-row__date {
    grid-area: date;
    justify-self: end;
    text-align: right;
  }
  .resources-list .resources-row__date::before {
    content: "Upload: ";
    display: inline;
    font-size: 0.75rem;
    font-weight: 500;
    color: #7a8799;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 0;
  }
  .resources-list .resources-row__status {
    grid-area: status;
    justify-self: start;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding-top: 0.15rem;
  }
  .resources-list .resources-row__status::before {
    font-size: 0.75rem;
    font-weight: 500;
    color: #7a8799;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 0;
    flex-shrink: 0;
  }
  .resources-list .resources-row__actions {
    grid-area: actions;
    justify-content: flex-end;
    justify-self: end;
    width: auto;
    max-width: 100%;
    padding-top: 0.5rem;
    margin-top: 0.1rem;
    border-top: 1px solid rgba(228, 233, 240, 0.85);
  }
  .resources-list .resources-row--folder .resources-list .resources-row__actions {
    grid-template-columns: repeat(2, 36px);
    width: auto;
    margin-left: auto;
  }
  .resources-list .resources-row--file .resources-list .resources-row__actions {
    grid-area: actions;
    border-top: none;
    padding-top: 0;
    margin-top: 0;
    justify-self: end;
    width: auto;
    max-width: calc(36px * 4 + 0.35rem * 3);
  }
  .resources-list .resources-action-slot {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .resources__title {
    font-size: 1.5rem;
  }
  .resources-metrics {
    border-radius: 28px;
    padding: 1rem;
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 767.98px) {
  .resources-metric {
    min-height: 120px;
    padding: 1.15rem 4rem 1rem 1.35rem;
    border-radius: 28px;
  }
  .resources-metric__value {
    font-size: 1.65rem;
  }
}
@media (max-width: 575.98px) {
  .resources-page .main-layout {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .resources__title {
    font-size: 1.35rem;
  }
  .resources__subtitle {
    font-size: 0.8125rem;
  }
  .resources-btn {
    width: 100%;
    min-height: 44px;
  }
  .resources-metrics {
    border-radius: 22px;
    padding: 0.85rem;
  }
  .resources-metric {
    min-height: 112px;
    padding: 1rem 3.5rem 0.85rem 1.15rem;
    border-radius: 22px;
  }
  .resources-metric__value {
    font-size: 1.5rem;
  }
  .resources-metric__icon {
    width: 40px;
    height: 40px;
    padding: 7px;
  }
  .resources-toolbar {
    border-radius: 18px;
    padding: 0.85rem 1rem 1rem;
  }
  .resources-toolbar__dropdowns {
    grid-template-columns: 1fr;
  }
  .resources-toolbar__row--bottom {
    grid-template-columns: 1fr;
  }
  .resources-list {
    padding: 0.85rem 0.65rem;
    border-radius: 18px;
  }
  .resources-folder__children {
    padding-left: 0.35rem;
  }
  .resources-row {
    border-radius: 14px;
  }
  .resources-row--folder {
    padding: 0.85rem 0.8rem 0.75rem;
    row-gap: 0.4rem;
  }
  .resources-row--folder .resources-row__date {
    font-size: 0.75rem;
  }
  .resources-row--file {
    padding: 0.75rem 0.7rem 0.75rem 0.55rem;
    border-radius: 14px;
    column-gap: 0.35rem;
  }
  .resources-row__title {
    font-size: 0.875rem;
    line-height: 1.25;
  }
  .resources-row__desc {
    font-size: 0.75rem;
    -webkit-line-clamp: 2;
  }
  .resources-row__name {
    gap: 0.5rem;
  }
  .resources-row__actions .resources-img {
    width: 17px;
    height: 18px;
    max-width: 17px;
    max-height: 18px;
  }
  .resources-switch:not(.resources-switch--dgca) {
    padding: 0.35rem 0.5rem 0.35rem 0.65rem;
    gap: 0.4rem;
  }
  .resources-switch:not(.resources-switch--dgca) .resources-switch__label {
    font-size: 0.6875rem;
  }
  .resources-switch:not(.resources-switch--dgca) .resources-switch__track {
    width: 30px;
    height: 16px;
  }
  .resources-switch:not(.resources-switch--dgca) .resources-switch__track::after {
    width: 12px;
    height: 12px;
  }
  .resources-switch:not(.resources-switch--dgca) input:checked ~ .resources-switch__track::after {
    transform: translateX(14px);
  }
}
@media (max-width: 575.98px) and (max-width: 380px) {
  .resources-row--file {
    grid-template-columns: 1fr;
    grid-template-areas: "name" "actions";
    row-gap: 0.5rem;
  }
  .resources-row--file .resources-row__actions {
    justify-self: stretch;
    justify-content: flex-end;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .resources-list {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .resources-list__head,
  .resources-row {
    min-width: 900px;
  }
  .resources-row__name {
    min-width: 0;
  }
  .resources-row__name > div:last-child {
    min-width: 0;
    overflow: hidden;
  }
  .resources-row__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
  }
  .resources-row--file .resources-row__title {
    white-space: normal;
    display: inline;
  }
}
.tests-exams-directory__header {
  margin-bottom: 0.25rem;
}
.tests-exams-directory__filters {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin-bottom: 1.25rem;
}
.tests-exams-directory__filters-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.tests-exams-directory__filter-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(140px, 1fr));
  gap: 0.65rem;
  flex: 1 1 auto;
  min-width: 0;
}
.tests-exams-directory__filters-bottom {
  display: grid;
  grid-template-columns: repeat(2, minmax(140px, 1fr));
  gap: 0.65rem;
  max-width: 420px;
}
.tests-exams-directory .sa-directory-panel__search {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  max-width: 280px;
}
@media (min-width: 992px) {
  .tests-exams-directory .sa-directory-panel__search {
    flex: 0 0 280px;
    width: 280px;
    min-width: 280px;
    max-width: 280px;
  }
}

.tests-exams-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}
.tests-exams-page .tests-exams {
  width: 100%;
  min-width: 0;
}

@media (max-width: 1199.98px) {
  .tests-exams-page .tests-exams-directory__filters-top {
    flex-direction: column;
    align-items: stretch;
  }
  .tests-exams-page .tests-exams-directory__filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
  .tests-exams-page .tests-exams-directory__filters-bottom {
    max-width: none;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tests-exams-page .tests-exams-directory .sa-directory-panel__search {
    flex: none;
    max-width: none;
    width: 100%;
  }
  .tests-exams-page .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams {
    min-width: 0;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "name actions" "divider divider" "subjects subjects" "questions questions" "duration duration" "status status";
    gap: 0.55rem;
  }
  .tests-exams-page .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams::after {
    content: "";
    grid-area: divider;
    border-bottom: 1px solid #eef1f5;
    height: 0;
    margin-top: 0.1rem;
    margin-bottom: 0.15rem;
  }
  .tests-exams-page .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__name {
    grid-area: name;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-self: stretch;
    text-align: left;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 1rem;
    white-space: normal;
  }
  .tests-exams-page .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__name::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7a8799;
    line-height: 1.3;
  }
  .tests-exams-page .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__actions {
    grid-area: actions;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    align-content: flex-start;
    align-self: start;
    justify-self: end;
    gap: 0.35rem;
    width: auto;
    max-width: 100%;
    border-top: none;
    padding-top: 0;
    margin-top: 0;
  }
  .tests-exams-page .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__actions::before {
    content: attr(data-label);
    flex: 0 0 100%;
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7a8799;
    line-height: 1.3;
    text-align: right;
  }
  .tests-exams-page .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__actions .resources-action {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
  }
  .tests-exams-page .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__meta:nth-of-type(1) {
    grid-area: subjects;
  }
  .tests-exams-page .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__meta:nth-of-type(2) {
    grid-area: questions;
  }
  .tests-exams-page .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__meta:nth-of-type(3) {
    grid-area: duration;
  }
  .tests-exams-page .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__status {
    grid-area: status;
  }
  .tests-exams-page .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams > [data-label]:not(.sa-directory-row__name):not(.sa-directory-row__actions) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-self: stretch;
    text-align: left;
    width: 100%;
  }
  .tests-exams-page .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams > [data-label]:not(.sa-directory-row__name):not(.sa-directory-row__actions)::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7a8799;
    line-height: 1.3;
  }
  .tests-exams-page .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__status {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .tests-exams-page .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__status::before {
    margin-bottom: 0;
  }
}
.exam-edit-modal .modal-dialog {
  max-width: min(680px, calc(100% - 1.5rem));
  margin: 1.75rem auto;
}
.exam-edit-modal .modal-content.sc-app-modal__content {
  overflow: visible;
  max-height: none;
}
.exam-edit-modal .modal-body {
  max-height: none;
  overflow: visible;
}
.exam-edit-modal .sc-app-modal__close {
  z-index: 1065;
}
.exam-edit-modal .exam-edit__dropdown {
  z-index: 1060;
}
.exam-edit-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-select.is-open),
.exam-edit-modal .exam-edit__module-multi:has(.filter-multi-select.is-open) {
  z-index: 5;
}
.exam-edit-modal .filter-multi-select.is-open {
  z-index: 6;
}
.exam-edit-modal .filter-multi-select__panel {
  z-index: 1060;
  max-width: none;
  width: 100%;
}
.exam-edit-modal .exam-edit__module-multi {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.exam-edit-modal .exam-edit--modal .exam-edit__form {
  gap: 1.5rem;
  padding: 0;
}
.exam-edit-modal .exam-edit--modal .exam-edit__card {
  box-shadow: none;
  background: transparent;
  border-radius: 0;
  padding: 0;
}
.exam-edit-modal .exam-edit__card-title {
  margin: 0 0 1rem;
  padding: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #3a3a3a;
}
.exam-edit-modal .exam-edit__section {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}
.exam-edit-modal .exam-edit__section > .exam-edit__card-title {
  margin-bottom: 0;
}
.exam-edit-modal .exam-edit__subject-toolbar {
  margin-bottom: 0;
  padding: 0;
}
.exam-edit-modal .exam-edit__combobox--toolbar {
  width: 100%;
}
.exam-edit-modal .exam-edit__select-wrap--toolbar .sc-add-chapter-form__control.exam-edit__input {
  padding-right: 3.75rem;
}
.exam-edit-modal .exam-edit__select-toggle {
  background: #f15b55;
}
.exam-edit-modal .exam-edit__pause {
  padding: 0;
  margin: 0;
}
.exam-edit-modal .exam-edit__dgca-row {
  align-items: center;
  gap: 0.75rem 1.25rem;
  margin: 0;
  padding: 0;
}
.exam-edit-modal .exam-edit__label--inline {
  margin-bottom: 0;
  margin-left: 0;
}
.exam-edit-modal .exam-edit__dgca-percent .sc-add-chapter-form__label {
  margin-bottom: 0;
}
.exam-edit-modal .exam-edit__number-fields {
  min-height: 55px;
  padding: 0 0.65rem 0 1.5rem;
  background: #fff;
  border: 0.449198px solid #c2bfbf;
  border-radius: 84.4492px;
  box-shadow: none;
}
.exam-edit-modal .exam-edit__number-fields--subject-q {
  min-width: 0;
  width: 100%;
}
.exam-edit-modal .exam-edit__number {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  min-height: auto;
  padding: 0;
  border: none;
  border-radius: 0;
  text-align: left;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #1f4169;
  background: transparent;
  -moz-appearance: textfield;
}
.exam-edit-modal .exam-edit__number:focus {
  box-shadow: none;
  outline: none;
}
.exam-edit-modal .exam-edit__number::-webkit-outer-spin-button, .exam-edit-modal .exam-edit__number::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.exam-edit-modal .exam-edit__number::placeholder {
  color: rgba(31, 65, 105, 0.45);
}
.exam-edit-modal .exam-edit__duration-part.sc-add-chapter-form__control {
  width: 100%;
  border: 0.449198px solid #c2bfbf;
  background: #fff;
}
.exam-edit-modal .exam-edit__percent-fields {
  min-width: 7.5rem;
  max-width: 9rem;
}
.exam-edit-modal .exam-edit__input--percent {
  min-height: 55px;
  padding-right: 2.25rem;
}
.exam-edit-modal .exam-edit__input--percent:disabled {
  background: #f3f4f6;
  color: rgba(31, 65, 105, 0.55);
  cursor: not-allowed;
}
.exam-edit-modal .exam-edit__input--subject-q {
  min-height: 55px;
  padding: 0.65rem 25px;
  border-radius: 84.4492px;
  border: 0.449198px solid #c2bfbf;
  background: #fff;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #1f4169;
}
.exam-edit-modal .exam-edit__input--subject-q::placeholder {
  color: rgba(31, 65, 105, 0.45);
}
.exam-edit-modal .exam-edit__subject-rows {
  margin-top: 0.85rem;
}
.exam-edit-modal .exam-edit__subject-row {
  padding: 0.85rem 1rem;
  background: #f4f7fb;
  border: 1px solid #e4e9f0;
  border-radius: 19px;
}
.exam-edit-modal .exam-edit__subject-name {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #1f4169;
}
.exam-edit-modal .modal-footer.sc-app-modal__footer {
  padding-top: 0;
  padding-bottom: 0.5rem;
}

.exam-edit {
  max-width: 100%;
  padding: 2.25rem 3rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 21.4px rgba(0, 0, 0, 0.08);
  border-radius: 32px;
}
.exam-edit--modal {
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.exam-edit--modal .exam-edit__card {
  box-shadow: none;
}
.exam-edit--modal .exam-edit__form {
  gap: 1rem;
  padding: 0;
}
.exam-edit__header {
  margin-bottom: 1.35rem;
  padding: 0 0.15rem;
}
.exam-edit__back {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  color: #1f4169;
  cursor: pointer;
  transition: color 0.2s ease;
}
.exam-edit__back i {
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1;
}
.exam-edit__back:hover {
  color: rgb(21.7, 45.5, 73.5);
}
.exam-edit__intro {
  margin-top: 0.35rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  color: #7a8799;
  padding: 0 1.5rem;
}
.exam-edit__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0 1rem;
}
.exam-edit__card {
  background: #fff;
  border-radius: 28px;
  box-shadow: 0 0 21.4px rgba(0, 0, 0, 0.08);
}
.exam-edit__card > .exam-edit__field + .exam-edit__field {
  margin-top: 1rem;
}
.exam-edit__card-title {
  margin: 0 0 1rem;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  /* identical to box height */
  letter-spacing: 0.02em;
  color: #3A3A3A;
}
.exam-edit__card-title--inline {
  margin-bottom: 0;
}
.exam-edit__subject-toolbar {
  display: flex;
  align-items: flex-end;
  gap: 1.25rem;
  margin-bottom: 0.85rem;
}
.exam-edit__marks-col {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  flex-shrink: 0;
  min-width: 30%;
}
.exam-edit__field {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  min-width: 0;
}
.exam-edit__field--full {
  grid-column: 1/-1;
}
.exam-edit__label {
  margin: 0;
  padding: 0 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #555;
  line-height: 1.3;
}
@media (max-width: 1199.98px) {
  .exam-edit__label {
    padding: 0 0.65rem;
  }
}
.exam-edit__label--marks {
  font-style: normal;
  font-weight: 400;
  font-size: 14.3743px;
  line-height: 17px;
  color: #18273C;
  white-space: nowrap;
}
.exam-edit__pause {
  padding: 0.15rem 3.35rem;
}
.exam-edit__grid .exam-edit__pause {
  padding: 0.15rem 2rem 0;
}
.exam-edit__grid {
  display: grid;
  gap: 1rem 1.25rem;
}
.exam-edit__grid--details, .exam-edit__grid--module-dgca {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 575.98px) {
  .exam-edit__grid--details, .exam-edit__grid--module-dgca {
    grid-template-columns: 1fr;
  }
}
.exam-edit__dgca-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1.25rem;
  margin: 0;
  padding: 0 1rem;
}
@media (max-width: 1199.98px) {
  .exam-edit__dgca-row {
    padding: 0 0.65rem;
  }
}
.exam-edit__dgca-percent {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
  flex: 1 1 10rem;
}
.exam-edit__label--inline {
  padding: 0;
  white-space: nowrap;
}
.exam-edit__percent-fields {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 7.5rem;
  max-width: 9rem;
  flex: 1 1 auto;
}
.exam-edit__input--percent {
  min-height: 48px;
  padding-right: 2.25rem;
  text-align: left;
}
.exam-edit__input--percent:disabled {
  background: #eef1f5;
  color: #7a8799;
  opacity: 1;
  cursor: not-allowed;
}
.exam-edit__percent-suffix {
  position: absolute;
  right: 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #7a8799;
  pointer-events: none;
}
.exam-edit__select-wrap {
  position: relative;
}
.exam-edit__select-wrap select.exam-edit__input {
  appearance: none;
  cursor: pointer;
}
.exam-edit__select-wrap--search .exam-edit__input {
  padding-left: 2.75rem;
}
.exam-edit__select-wrap--toolbar {
  flex: 1;
  min-width: 0;
}
.exam-edit__combobox {
  position: relative;
}
.exam-edit__combobox--toolbar {
  width: 100%;
}
.exam-edit__combobox--open .exam-edit__select-toggle i {
  transform: rotate(180deg);
}
.exam-edit__combobox .exam-edit__tags {
  margin-top: 0.85rem;
  margin-bottom: 0;
}
.exam-edit__dropdown {
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 0;
  right: 0;
  z-index: 20;
  max-height: 220px;
  overflow-y: auto;
  padding: 0.2rem 0;
  background: #fff;
  border: 1px solid #c5c9d1;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(31, 65, 105, 0.1);
}
.exam-edit__dropdown-option {
  display: block;
  width: 100%;
  padding: 0.4rem 1rem;
  border: none;
  border-radius: 0;
  background: #fff;
  text-align: left;
  font-size: 0.875rem;
  font-weight: 400;
  color: #1f4169;
  cursor: pointer;
}
.exam-edit__dropdown-option:hover, .exam-edit__dropdown-option:focus-visible {
  background: #3b82c4;
  color: #fff;
  outline: none;
}
.exam-edit__dropdown-option[hidden] {
  display: none;
}
.exam-edit__dropdown-empty {
  padding: 0.75rem 0.85rem;
  font-size: 0.8125rem;
  color: rgba(31, 65, 105, 0.55);
  text-align: center;
}
.exam-edit__search-icon {
  position: absolute;
  top: 50%;
  left: 1.1rem;
  transform: translateY(-50%);
  z-index: 1;
  max-width: 1.1rem;
  max-height: 1.1rem;
  pointer-events: none;
}
.exam-edit__select-toggle {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #F15B55;
  color: #fff;
  font-size: 0.95rem;
  cursor: pointer;
}
.exam-edit__select-toggle i {
  transition: transform 0.2s ease;
}
.exam-edit__select-toggle:hover {
  background: #e04a44;
}
.exam-edit__select-toggle--decor {
  pointer-events: none;
}
.exam-edit #editExamProgram,
.exam-edit #editExamModuleSearch,
.exam-edit #editExamSubjectSearch {
  min-height: 55px;
}
.exam-edit__input, .exam-edit__textarea {
  width: 100%;
  min-height: 60px;
  padding: 1rem 3.25rem 0.9rem 2.1rem;
  background: rgba(255, 255, 255, 0.1);
  border: 0.449198px solid #C2BFBF;
  border-radius: 84.4492px;
  font-style: normal;
  font-weight: 500;
  font-size: 13.4759px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: #1F4169;
  box-shadow: none;
  outline: none;
}
@media (max-width: 1199.98px) {
  .exam-edit__input, .exam-edit__textarea {
    min-height: 52px;
    padding: 0.85rem 2.5rem 0.75rem 1.25rem;
    font-size: 0.8125rem;
    border-radius: 48px;
  }
}
@media (max-width: 575.98px) {
  .exam-edit__input, .exam-edit__textarea {
    min-height: 48px;
    padding: 0.75rem 2.35rem 0.7rem 1rem;
  }
}
.exam-edit__input::placeholder, .exam-edit__textarea::placeholder {
  font-style: normal;
  font-weight: 500;
  font-size: 13.4759px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: #1F4169;
}
@media (max-width: 1199.98px) {
  .exam-edit__input::placeholder, .exam-edit__textarea::placeholder {
    font-size: 0.8125rem;
  }
}
.exam-edit__input:focus, .exam-edit__textarea:focus {
  border-color: rgba(31, 65, 105, 0.35);
}
.exam-edit__input--plain {
  padding-right: 1.1rem;
}
.exam-edit__textarea {
  min-height: 110px;
  resize: none;
  border-radius: 24px;
  padding: 1rem 2.1rem;
}
.exam-edit__input--subject-q {
  min-height: 44px;
  padding: 0.75rem 1rem;
  background: #FFFFFF;
  border: 1px solid rgba(59, 130, 246, 0.5);
  border-radius: 15px;
}
.exam-edit__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.85rem;
}
.exam-edit__tag {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.8rem 0.65rem;
  border: 1px solid #93c5fd;
  border-radius: 999px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #3B82F6;
  background: #e8f2ff;
}
.exam-edit__tag-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.15rem;
  height: 1.15rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #1d4ed8;
  font-size: 0.65rem;
  line-height: 1;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}
.exam-edit__tag-remove:hover {
  opacity: 1;
}
.exam-edit__tag-remove-icon {
  display: block;
  object-fit: contain;
}
.exam-edit__duration-fields, .exam-edit__number-fields {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  padding: 0 0.65rem 0 1rem;
  min-height: 60px;
  background: rgba(255, 255, 255, 0.1);
  border: 0.449198px solid #C2BFBF;
  border-radius: 84.4492px;
}
@media (max-width: 1199.98px) {
  .exam-edit__duration-fields, .exam-edit__number-fields {
    min-height: 52px;
    border-radius: 48px;
  }
}
@media (max-width: 575.98px) {
  .exam-edit__duration-fields, .exam-edit__number-fields {
    min-height: 48px;
    padding-left: 0.75rem;
  }
}
.exam-edit__duration-part {
  flex: 1;
  width: 100%;
  min-width: 0;
  border: none;
  background: transparent;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 500;
  color: #0b1f3f;
  text-align: left;
  outline: none;
  cursor: text;
  caret-color: #1f4169;
}
.exam-edit__duration-part::placeholder {
  color: #7a8799;
}
.exam-edit__duration-sep {
  color: #7a8799;
  font-weight: 500;
  padding: 0 0.15rem;
}
.exam-edit__steppers {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  flex-shrink: 0;
  margin-left: auto;
  padding-right: 0.15rem;
}
.exam-edit__steppers--infield {
  margin-left: auto;
}
.exam-edit__stepper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1rem;
  padding: 0;
  border: none;
  background: transparent;
  color: #7a8799;
  font-size: 0.75rem;
  line-height: 1;
  cursor: pointer;
}
.exam-edit__stepper:hover {
  color: #1f4169;
}
.exam-edit__stepper-icon {
  display: block;
  object-fit: contain;
}
.exam-edit__number {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  min-height: auto;
  padding: 0;
  border: none;
  border-radius: 0;
  text-align: left;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 500;
  color: #0b1f3f;
  background: transparent;
  -moz-appearance: textfield;
}
.exam-edit__number:focus {
  box-shadow: none;
  outline: none;
}
.exam-edit__number::-webkit-outer-spin-button, .exam-edit__number::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.exam-edit__number::placeholder {
  color: #7a8799;
}
.exam-edit__number-fields {
  max-width: 100%;
  min-height: 60px;
  padding-right: 0.35rem;
}
.exam-edit__number-fields--subject-q {
  width: 100%;
  min-width: 0;
}
.exam-edit__subject-rows {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0;
}
.exam-edit__subject-row {
  display: grid;
  grid-template-columns: minmax(150px, 3fr) minmax(220px, 1.5fr);
  align-items: center;
  gap: 1rem;
  padding: 0.9rem 1rem;
  background: #F8FBFF;
  border: 1.00747px solid #CDCDCD;
  border-radius: 19.22px;
}
.exam-edit__subject-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1f4169;
  line-height: 1.3;
}
.exam-edit__check {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0;
  cursor: pointer;
  user-select: none;
}
.exam-edit__checkbox {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
  border: 1px solid rgba(31, 65, 105, 0.2);
  border-radius: 6px;
  cursor: pointer;
  appearance: none;
  background-color: #fff;
  display: grid;
  place-content: center;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.exam-edit__checkbox::after {
  content: "";
  width: 0.35rem;
  height: 0.6rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  margin-top: -2px;
  transition: transform 0.15s ease;
}
.exam-edit__checkbox:checked {
  background-color: #22c55e;
  border-color: #22c55e;
}
.exam-edit__checkbox:checked::after {
  transform: rotate(45deg) scale(1);
}
.exam-edit__check-label {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #1f4169;
  line-height: 1.25rem;
}
.exam-edit__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 0.75rem;
  padding: 0.5rem 0.15rem 0;
}
.exam-edit__btn {
  flex: 0 1 240px;
  max-width: 185px;
  min-width: 160px;
  min-height: 48px;
  padding: 0 1.5rem;
  border: none;
  border-radius: 999px;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}
.exam-edit__btn--cancel {
  background: #eef1f5;
  color: #1f4169;
}
.exam-edit__btn--cancel:hover {
  background: #e2e8f0;
}
.exam-edit__btn--save {
  background: #F15B55;
  color: #fff;
  box-shadow: 0 4px 14px rgba(241, 91, 85, 0.28);
}
.exam-edit__btn--save:hover {
  background: #e04a44;
}

@media (max-width: 1199.98px) {
  .exam-edit {
    padding: 1.75rem 1.5rem;
    border-radius: 24px;
  }
  .exam-edit__intro {
    padding: 0 0.25rem;
  }
  .exam-edit__form {
    padding: 0;
  }
  .exam-edit__card {
    padding: 1.5rem 1.35rem;
  }
  .exam-edit__card-title {
    font-size: 1.125rem;
    line-height: 1.3;
  }
  .exam-edit__pause {
    padding: 0.15rem 0.5rem;
  }
  .exam-edit__back {
    font-size: 1.25rem;
  }
  .exam-edit__back i {
    font-size: 1.15rem;
  }
  .exam-edit__select-toggle {
    width: 43px;
    height: 43px;
    font-size: 0.85rem;
  }
}
@media (max-width: 767.98px) {
  .exam-edit {
    padding: 1.15rem 0.25rem;
    border-radius: 20px;
  }
  .exam-edit__card {
    padding: 1.15rem 1rem 1.1rem;
    border-radius: 22px;
  }
  .exam-edit__subject-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .exam-edit__number-fields {
    width: 100%;
  }
  .exam-edit__subject-row {
    grid-template-columns: 1fr;
    gap: 0.55rem;
  }
  .exam-edit__footer {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 0.75rem;
    margin-top: 1rem;
    padding: 0;
  }
  .exam-edit__btn {
    max-width: 100%;
    width: 100%;
    min-width: 0;
    flex: none;
  }
}
.question-bank-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}
.question-bank-page .question-bank {
  width: 100%;
  min-width: 0;
}
.question-bank-page .resources__subtitle {
  max-width: 100%;
}
.question-bank-page .resources__top {
  min-width: 0;
}
.question-bank-page .qb-edit,
.question-bank-page .qb-error-files-view {
  min-width: 0;
}
.question-bank-page .qb-edit .tox-tinymce {
  border: 1px solid #e0e0e0 !important;
  border-radius: 6px !important;
  overflow: hidden;
  box-shadow: none !important;
  font-family: "Urbanist", system-ui, sans-serif !important;
}
.question-bank-page .qb-edit .tox .tox-editor-header {
  border-bottom: 1px solid #e4e9f0 !important;
  background: #f7f7f7 !important;
  box-shadow: none !important;
}
.question-bank-page .qb-edit .tox .tox-menubar,
.question-bank-page .qb-edit .tox .tox-toolbar-overlord,
.question-bank-page .qb-edit .tox .tox-toolbar__primary {
  background: #f7f7f7 !important;
}
.question-bank-page .qb-edit .tox .tox-mbtn {
  color: #1f4169 !important;
  font-family: "Urbanist", system-ui, sans-serif !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
}
.question-bank-page .qb-edit .tox .tox-mbtn:hover:not(:disabled) {
  background: rgba(31, 65, 105, 0.08) !important;
  color: #1f4169 !important;
}
.question-bank-page .qb-edit .tox .tox-tbtn {
  color: #1f4169 !important;
}
.question-bank-page .qb-edit .tox .tox-tbtn:hover:not(:disabled) {
  background: rgba(31, 65, 105, 0.08) !important;
  color: #1f4169 !important;
}
.question-bank-page .qb-edit .tox .tox-tbtn--enabled, .question-bank-page .qb-edit .tox .tox-tbtn--enabled:hover {
  background: rgba(31, 65, 105, 0.12) !important;
  color: #1f4169 !important;
}
.question-bank-page .qb-edit .tox .tox-split-button:hover {
  box-shadow: none !important;
}
.question-bank-page .qb-edit .tox .tox-statusbar {
  border-top: 1px solid #e4e9f0 !important;
  background: #fff !important;
  font-family: "Urbanist", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
}
.question-bank-page .qb-edit .tox .tox-statusbar__path-item,
.question-bank-page .qb-edit .tox .tox-statusbar__wordcount {
  color: #7a8799 !important;
}
.question-bank-page .qb-edit .tox .tox-edit-area__iframe {
  background: #fff !important;
}
.question-bank-page .qb-edit .tox-tinymce {
  max-width: 100%;
}
.question-bank-page .qb-question-directory__tools .btn--filter svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.question-bank-page .qb-question-directory__tools .btn--filter.is-active {
  border-color: rgba(31, 65, 105, 0.35);
  background: rgba(31, 65, 105, 0.06);
  color: #1f4169;
}
@media (max-width: 991.98px) {
  .question-bank-page .main-layout {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .question-bank-page .question-bank .directory {
    padding: 0.75rem;
  }
  .question-bank-page .table-wrap .table-body .qb-question-row {
    padding: 12px;
  }
}

.qb-questions-filter-modal .sm-edit-module-modal__dialog {
  max-width: min(520px, calc(100% - 2rem));
}
.qb-questions-filter-modal .sm-edit-module-modal__dialog,
.qb-questions-filter-modal .sm-edit-module-modal__content,
.qb-questions-filter-modal .sm-edit-module-modal__body {
  overflow: visible;
}
.qb-questions-filter-modal .sm-edit-module-form {
  overflow: visible;
}
.qb-questions-filter-modal .sm-edit-module-form__row {
  position: relative;
  z-index: 1;
}
.qb-questions-filter-modal .sm-edit-module-form__row:has(.filter-multi-select.is-open) {
  z-index: 30;
}
.qb-questions-filter-modal .sc-add-chapter-form__select-wrap--multi {
  position: relative;
  z-index: 1;
}
.qb-questions-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-select.is-open) {
  z-index: 40;
}
.qb-questions-filter-modal .filter-multi-select.is-open {
  z-index: 50;
}
.qb-questions-filter-modal .filter-multi-select__panel {
  z-index: 60;
  background: #fff;
}
.qb-questions-filter-modal .resources-modal__footer {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 0.85rem;
}

.qb-edit {
  max-width: 100%;
  padding: 2.25rem 3rem;
  background: #ffffff;
  box-shadow: 0 0 21.4px rgba(0, 0, 0, 0.08);
  border-radius: 32px;
}
.qb-edit__header {
  margin-bottom: 1.35rem;
  padding: 0 0.15rem;
}
.qb-edit__title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  color: #1f4169;
}
.qb-edit__intro {
  margin-top: 0.35rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  color: #7a8799;
  padding: 0 1.5rem;
}
.qb-edit__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.qb-edit__card {
  padding: 2rem 2.65rem;
  background: #fff;
  box-shadow: 0px 0px 25.9px rgba(0, 0, 0, 0.1);
  border-radius: 35px;
}
.qb-edit__card-title {
  margin: 0 0 1.5rem;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #3a3a3a;
}
.qb-edit__grid {
  display: grid;
  gap: 1rem 1.25rem;
}
.qb-edit__grid--contents {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.qb-edit__field--checks {
  justify-content: flex-end;
}
.qb-edit__input--readonly {
  background: #eef1f5;
  color: #7a8799;
  cursor: default;
}
.qb-edit__input--readonly:disabled {
  background: #eef1f5;
  color: #7a8799;
  opacity: 1;
  cursor: not-allowed;
}
.qb-edit__select-wrap--locked .qb-edit__select-chevron {
  color: #fff;
  pointer-events: none;
}
.qb-edit__field {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.qb-edit__label {
  margin: 0;
  padding: 0 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #555;
  line-height: 1.3;
}
.qb-edit__select-wrap {
  position: relative;
}
.qb-edit__select-wrap.is-open {
  z-index: 40;
}
.qb-edit__select-wrap.is-open .qb-edit__select-chevron i {
  transform: rotate(180deg);
}
.qb-edit__select-wrap--answer {
  /* Allow the correct-answer select to resize */
  --qb-answer-select-width: 260px;
  width: var(--qb-answer-select-width);
  max-width: 100%;
  flex: 0 1 var(--qb-answer-select-width);
}
.qb-edit__select-chevron {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #F15B55;
  color: #fff;
  font-size: 0.95rem;
  pointer-events: none;
}
.qb-edit__select-chevron i {
  display: inline-block;
  transition: transform 0.2s ease;
}
.qb-edit__input, .qb-edit__textarea {
  width: 100%;
  min-height: 55px;
  padding: 1rem 3.25rem 0.9rem 1.1rem;
  background: rgba(255, 255, 255, 0.1);
  border: 0.449198px solid #c2bfbf;
  border-radius: 84.4492px;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #1F4169;
  box-shadow: none;
  outline: none;
}
.qb-edit__input::placeholder, .qb-edit__textarea::placeholder {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #1F4169;
}
.qb-edit__input--plain {
  padding-right: 1.1rem;
}
.qb-edit__qid {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 55px;
  padding: 0;
  background: rgba(255, 255, 255, 0.1);
  border: 0.449198px solid #c2bfbf;
  border-radius: 84.4492px;
  overflow: hidden;
}
.qb-edit__qid--pending {
  background: #f8fafc;
}
.qb-edit__qid--ready {
  background: #fff;
}
.qb-edit__qid-prefix {
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
  max-width: 72%;
  padding: 0.85rem 0.35rem 0.85rem 1.1rem;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.01em;
  color: #1f4169;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  pointer-events: none;
  background: #e8eef5;
  border-right: 1px solid rgba(31, 65, 105, 0.12);
}
.qb-edit__qid-prefix[hidden], .qb-edit__qid-prefix:empty {
  display: none;
}
.qb-edit__qid-seq {
  flex: 1 1 auto;
  min-width: 3.5rem;
  width: auto;
  min-height: 55px;
  margin: 0;
  padding: 1rem 1.1rem 0.9rem 0.55rem;
  border: none;
  border-radius: 0;
  background: transparent;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #1f4169;
  box-shadow: none;
  outline: none;
}
.qb-edit__qid-seq::placeholder {
  color: rgba(31, 65, 105, 0.45);
}
.qb-edit__qid-seq:focus {
  outline: none;
  box-shadow: none;
}
.qb-edit__qid-seq:disabled, .qb-edit__qid-seq[readonly] {
  color: rgba(31, 65, 105, 0.45);
  cursor: not-allowed;
  background: transparent;
}
.qb-edit__qid:focus-within {
  border-color: rgba(31, 65, 105, 0.35);
  box-shadow: 0 0 0 3px rgba(31, 64, 104, 0.1);
}
.qb-edit__qid-hint {
  margin-top: 0.35rem;
  padding: 0 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #7a8799;
}
.qb-edit__qid-error {
  margin-top: 0.35rem;
  padding: 0 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #F15B55;
}
.qb-edit__qid--error {
  border-color: #F15B55;
  box-shadow: 0 0 0 3px rgba(241, 91, 85, 0.15);
}
.qb-edit__qid--error:focus-within {
  border-color: #F15B55;
  box-shadow: 0 0 0 3px rgba(241, 91, 85, 0.2);
}
.qb-edit__select {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.qb-edit__select option {
  color: #0b1f3f;
}
.qb-edit__editor-label {
  display: block;
  margin: 0 0 1.5rem;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #3A3A3A;
}
.qb-edit__add-option {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 40px;
  padding: 0.45rem 1.5rem;
  border: none;
  border-radius: 999px;
  background: #1f4169;
  color: #fff;
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease;
}
.qb-edit__add-option:hover {
  background: rgb(21.7, 45.5, 73.5);
}
.qb-edit__conflict-banner {
  margin: 0 0 1rem;
  padding: 0.95rem 1.15rem;
  border: 1px solid rgba(241, 91, 85, 0.35);
  border-radius: 18px;
  background: rgba(241, 91, 85, 0.08);
}
.qb-edit__conflict-banner-head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.55rem;
  color: #F15B55;
  font-size: 0.875rem;
}
.qb-edit__conflict-banner-head i {
  font-size: 1rem;
}
.qb-edit__conflict-banner-list {
  display: grid;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #1f4169;
}
.qb-edit__conflict-banner-field {
  font-weight: 700;
}
.qb-edit__editor-wrap {
  margin-bottom: 1rem;
  min-width: 0;
  max-width: 100%;
}
.qb-edit__editor-wrap .tox-tinymce {
  width: 100% !important;
  max-width: 100%;
}
.qb-edit__editor-textarea, .qb-edit__option-textarea {
  width: 100%;
  min-height: 120px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #3a3a3a;
  resize: vertical;
}
.qb-edit__options-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 0.25rem;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  align-items: start;
}
.qb-edit__option-field {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
}
.qb-edit__option-field .tox-tinymce {
  width: 100% !important;
  max-width: 100%;
  min-width: 0 !important;
  overflow: hidden !important;
}
.qb-edit__option-field .tox .tox-editor-container,
.qb-edit__option-field .tox .tox-sidebar-wrap,
.qb-edit__option-field .tox .tox-edit-area {
  max-width: 100%;
  min-width: 0;
}
.qb-edit__option-field .tox .tox-edit-area {
  overflow: hidden !important;
}
.qb-edit__option-field .tox .tox-edit-area__iframe {
  max-width: 100%;
  min-width: 0;
  width: 100% !important;
}
.qb-edit__option-field .tox .tox-toolbar__primary,
.qb-edit__option-field .tox .tox-toolbar__overflow {
  flex-wrap: wrap;
}
.qb-edit__option-field img,
.qb-edit__option-field video,
.qb-edit__option-field iframe,
.qb-edit__option-field embed,
.qb-edit__option-field object,
.qb-edit__option-field svg,
.qb-edit__option-field picture,
.qb-edit__option-field figure {
  max-width: 100% !important;
  height: auto !important;
}
.qb-edit__option-field figure {
  margin: 0.35rem 0;
}
.qb-edit__option-editor-label {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
  color: #3a3a3a;
}
.qb-edit__option-hint {
  margin: 0;
  padding: 0 0.15rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.35;
  color: #b45309;
}
.qb-edit__option-hint[hidden] {
  display: none !important;
}
.qb-edit__required {
  color: #F15B55;
  font-weight: 600;
}
.qb-edit__answer-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.qb-edit__field--reason {
  margin-top: 1.25rem;
}
.qb-edit__textarea--reason {
  min-height: 110px;
  padding: 1rem 1.15rem;
  border-radius: 24px;
  resize: none;
  line-height: 1.45;
}
.qb-edit__textarea--reason::placeholder {
  color: rgba(31, 65, 105, 0.55);
}
.qb-edit__checks {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.qb-edit__check {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #1f4169;
  cursor: pointer;
  user-select: none;
}
.qb-edit__checkbox {
  width: 1.1rem;
  height: 1.1rem;
  margin: 0;
  border: 1px solid rgba(31, 65, 105, 0.2);
  border-radius: 3px;
  appearance: none;
  background-color: #fff;
  display: grid;
  place-content: center;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.qb-edit__checkbox::after {
  content: "";
  width: 0.32rem;
  height: 0.55rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  margin-top: -2px;
  transition: transform 0.15s ease;
}
.qb-edit__checkbox:checked {
  background-color: #22c55e;
  border-color: #22c55e;
}
.qb-edit__checkbox:checked::after {
  transform: rotate(45deg) scale(1);
}
.qb-edit__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin-top: 0.5rem;
  padding: 0.75rem 0 0;
}
.qb-edit__btn {
  flex: 1 1 0;
  max-width: 200px;
  min-width: 140px;
  min-height: 48px;
  padding: 0 1.5rem;
  border: none;
  border-radius: 999px;
  font-family: inherit;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.02em;
  color: #707070;
  cursor: pointer;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}
.qb-edit__btn--draft {
  background: #eef1f5;
  color: #707070;
}
.qb-edit__btn--draft:hover {
  background: #e2e8f0;
}
.qb-edit__btn--save {
  background: #F15B55;
  color: #fff;
  box-shadow: 0 4px 14px rgba(241, 91, 85, 0.28);
}
.qb-edit__btn--save:hover {
  background: #e04a44;
}
.qb-edit__btn--cancel {
  background: #eef1f5;
  color: #707070;
}
.qb-edit__btn--cancel:hover {
  background: #e2e8f0;
}

.qb-upload-modal__dialog {
  max-width: min(30%, calc(100% - 2rem));
}
.qb-upload-modal__body {
  padding: 2.1rem 2rem 1.75rem;
}
.qb-upload-modal__header {
  position: relative;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid rgba(228, 233, 240, 0.8);
}
.qb-upload-modal__template {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 1.25rem;
  padding: 0.6rem 1.15rem;
  border-radius: 12px;
  border: 1px solid rgba(31, 65, 105, 0.16);
  background: rgba(31, 65, 105, 0.06);
  color: #1f4169;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.qb-upload-modal__template .bi {
  font-size: 1.1rem;
  line-height: 1;
  flex-shrink: 0;
}
.qb-upload-modal__template:hover, .qb-upload-modal__template:focus-visible {
  background: rgba(31, 65, 105, 0.12);
  color: #1f4169;
  border-color: rgba(31, 65, 105, 0.28);
}
.qb-upload-modal__title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #1f4169;
  line-height: 1.2;
  padding-bottom: 1rem;
}
.qb-upload-modal__drop {
  position: relative;
  border: 2px dashed rgba(31, 65, 105, 0.25);
  border-radius: 18px;
  background: #fff;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.qb-upload-modal__drop--active {
  border-color: rgba(31, 65, 105, 0.55);
  background: rgba(31, 65, 105, 0.04);
}
.qb-upload-modal__file-list {
  display: grid;
  gap: 0.45rem;
  padding: 0 1rem 1rem;
  margin: 0;
}
.qb-upload-modal__file-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.55rem 0.75rem;
  border: 1px solid rgba(31, 65, 105, 0.12);
  border-radius: 12px;
  background: rgba(31, 65, 105, 0.04);
}
.qb-upload-modal__file-meta {
  display: grid;
  gap: 0.1rem;
  min-width: 0;
}
.qb-upload-modal__file-name {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #1f4169;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qb-upload-modal__file-size {
  font-size: 0.72rem;
  font-weight: 500;
  color: #7a8799;
}
.qb-upload-modal__file-remove {
  flex: none;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 50%;
  background: rgba(241, 91, 85, 0.12);
  color: #F15B55;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.qb-upload-modal__file {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.qb-upload-modal__drop-inner {
  display: grid;
  place-items: center;
  text-align: center;
  gap: 0.45rem;
  padding: 2.4rem 1rem;
  border-radius: 24px;
  cursor: pointer;
  user-select: none;
}
.qb-upload-modal__icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(31, 65, 105, 0.05);
  border: 1px solid rgba(31, 65, 105, 0.08);
}
.qb-upload-modal__icon img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.qb-upload-modal__drop-text {
  font-size: 0.9rem;
  font-weight: 600;
  color: #1f4169;
}
.qb-upload-modal__drop-sub {
  font-size: 0.75rem;
  font-weight: 400;
  color: #7a8799;
}
.qb-upload-modal__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.25rem;
}
.qb-upload-modal__btn {
  min-width: 150px;
  min-height: 44px;
  padding: 0 1.25rem;
  border: none;
  border-radius: 999px;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}
.qb-upload-modal__btn--cancel {
  background: #eef1f5;
  color: #1f4169;
}
.qb-upload-modal__btn--cancel:hover {
  background: #e2e8f0;
}
.qb-upload-modal__btn--upload {
  background: #F15B55;
  color: #fff;
  box-shadow: 0 4px 14px rgba(241, 91, 85, 0.22);
}
.qb-upload-modal__btn--upload:hover {
  background: #e04a44;
}

@media (max-width: 991.98px) {
  .qb-upload-modal__dialog {
    max-width: min(560px, calc(100% - 1.5rem));
    margin: 0.85rem auto;
  }
  .qb-upload-modal__body {
    padding: 1.85rem 1.5rem 1.5rem;
  }
}
@media (max-width: 767.98px) {
  .qb-upload-modal__dialog {
    max-width: calc(100% - 1.25rem);
    margin: 0.5rem auto;
  }
  .qb-upload-modal__content {
    border-radius: 20px;
  }
  .qb-upload-modal__body {
    padding: 1.75rem 1.15rem 1.35rem;
  }
  .qb-upload-modal__title {
    font-size: 1.2rem;
  }
  .qb-upload-modal__drop-inner {
    padding: 1.75rem 0.85rem;
    border-radius: 18px;
  }
  .qb-upload-modal__drop-text {
    font-size: 0.8125rem;
    line-height: 1.45;
    max-width: 16rem;
  }
  .qb-upload-modal__drop-sub {
    font-size: 0.6875rem;
    line-height: 1.4;
    max-width: 15rem;
  }
  .qb-upload-modal__footer {
    gap: 0.75rem;
    flex-wrap: wrap;
  }
  .qb-upload-modal__btn {
    flex: 1 1 calc(50% - 0.375rem);
    min-width: 128px;
  }
}
@media (max-width: 575.98px) {
  .qb-upload-modal__dialog {
    max-width: calc(100% - 2rem);
    margin: 0.35rem auto;
  }
  .qb-upload-modal__content {
    border-radius: 16px;
  }
  .qb-upload-modal__body {
    padding: 1.5rem 0.9rem 1.15rem;
  }
  .qb-upload-modal__title {
    font-size: 1.125rem;
    padding-bottom: 0.85rem;
  }
  .qb-upload-modal__icon {
    width: 48px;
    height: 48px;
  }
  .qb-upload-modal__icon img {
    width: 26px;
    height: 26px;
  }
  .qb-upload-modal__footer {
    flex-direction: column;
    gap: 0.65rem;
    margin-top: 1rem;
  }
  .qb-upload-modal__btn {
    width: 100%;
    max-width: 100%;
    flex: none;
  }
}
@media (max-width: 1199.98px) {
  .qb-edit__options-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 991.98px) {
  .qb-edit {
    padding: 1.5rem 1.25rem;
    border-radius: 24px;
  }
  .qb-edit__intro {
    padding: 0;
    max-width: 100%;
  }
  .qb-edit__card {
    padding: 1.5rem 1.35rem;
    border-radius: 28px;
  }
  .qb-edit__grid--contents {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .qb-edit__field--checks {
    grid-column: 1/-1;
    justify-content: flex-start;
  }
  .qb-edit__label {
    padding: 0 1rem;
  }
  .qb-edit__editor-label {
    margin-bottom: 1rem;
  }
  .qb-edit__select-wrap--answer {
    --qb-answer-select-width: 220px;
  }
  .qb-edit__options-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
  }
  .qb-edit__option-field .tox .tox-toolbar__primary {
    flex-wrap: wrap;
  }
  .qb-edit__option-field .tox-tinymce {
    min-width: 0 !important;
  }
}
@media (max-width: 767.98px) {
  .qb-edit {
    padding: 1.15rem 0.85rem 1.25rem;
    border-radius: 20px;
  }
  .qb-edit__title {
    font-size: 1.25rem;
  }
  .qb-edit__card {
    padding: 1.15rem 1rem 1.1rem;
    border-radius: 22px;
    overflow-x: hidden;
  }
  .qb-edit__card-title, .qb-edit__editor-label {
    font-size: 1.125rem;
    line-height: 1.3;
  }
  .qb-edit__grid--contents {
    grid-template-columns: 1fr;
  }
  .qb-edit__label {
    padding: 0 1rem;
  }
  .qb-edit__field--checks {
    grid-column: auto;
    justify-content: flex-start;
  }
  .qb-edit__options-grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  .qb-edit__option-field .tox-tinymce {
    min-width: 0 !important;
  }
  .qb-edit__option-field .tox .tox-menubar,
  .qb-edit__option-field .tox .tox-toolbar__primary {
    flex-wrap: wrap !important;
  }
  .qb-edit__answer-row {
    flex-direction: column;
    align-items: stretch;
    gap: 0.85rem;
  }
  .qb-edit__select-wrap--answer {
    --qb-answer-select-width: 100%;
    width: 100%;
    max-width: 100%;
  }
  .qb-edit__checks {
    gap: 0.85rem;
  }
  .qb-edit__footer {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 0.75rem;
    padding: 0.5rem 0 0;
  }
  .qb-edit__footer--add {
    flex-direction: column;
  }
  .qb-edit__btn {
    max-width: 100%;
    width: 100%;
    min-width: 0;
    flex: none;
  }
}
@media (max-width: 575.98px) {
  .qb-edit {
    padding: 1rem 0.65rem 1.15rem;
    border-radius: 18px;
  }
  .qb-edit__card {
    padding: 1rem 0.85rem;
    border-radius: 18px;
  }
  .qb-edit__input, .qb-edit__textarea {
    min-height: 48px;
    padding: 0.85rem 3rem 0.85rem 1rem;
    font-size: 0.875rem;
    line-height: 1.25;
  }
  .qb-edit__textarea--reason {
    min-height: 100px;
    padding: 0.85rem 1rem;
  }
  .qb-edit__checks {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.65rem;
  }
}
.question-bank__actions {
  align-items: stretch;
}

.question-bank__btn-icon {
  display: block;
  object-fit: contain;
}

.question-bank-directory__header {
  margin-bottom: 0.25rem;
}
.question-bank-directory__filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}
.question-bank-directory__filter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(155px, 1fr));
  gap: 0.65rem;
  flex: 1 1 auto;
  min-width: 0;
}
.question-bank-directory__scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.qb-list__check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  cursor: pointer;
  user-select: none;
}
.qb-list__check--select {
  cursor: pointer;
}

.qb-list__checkbox {
  width: 1.1rem;
  height: 1.1rem;
  margin: 0;
  border: 1px solid rgba(31, 65, 105, 0.2);
  border-radius: 3px;
  appearance: none;
  background-color: #fff;
  display: grid;
  place-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.qb-list__checkbox::after {
  content: "";
  width: 0.32rem;
  height: 0.55rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  margin-top: -2px;
  transition: transform 0.15s ease;
}
.qb-list__checkbox:checked {
  background-color: #1f4169;
  border-color: #1f4169;
}
.qb-list__checkbox:checked::after {
  transform: rotate(45deg) scale(1);
}

@media (max-width: 1199.98px) {
  .question-bank-page .qb-edit,
  .question-bank-page .qb-error-files-view,
  .question-bank-page .qb-conflict-questions-view {
    padding: 1rem 0.85rem;
    border-radius: 24px;
  }
  .question-bank-page .question-bank-directory__scroll {
    overflow-x: visible;
  }
  .question-bank-page .question-bank-directory__filters {
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
  }
  .question-bank-page .question-bank-directory__filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
  .question-bank-page .question-bank-directory .sa-directory-panel__search {
    max-width: none;
    min-width: 0;
    width: 100%;
    flex: none;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank {
    min-width: 0;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "select actions" "divider divider" "qid qid" "subject subject" "question question" "answer answer" "option option" "dgca dgca" "imp-votes imp-votes" "status status";
    gap: 0.55rem;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank::after {
    content: "";
    grid-area: divider;
    border-bottom: 1px solid #eef1f5;
    height: 0;
    margin-top: 0.1rem;
    margin-bottom: 0.15rem;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__select {
    grid-area: select;
    display: flex;
    align-items: center;
    justify-self: start;
    align-self: start;
    width: auto;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__actions {
    grid-area: actions;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    align-content: flex-start;
    align-self: start;
    justify-self: end;
    gap: 0.35rem;
    width: auto;
    max-width: 100%;
    border-top: none;
    padding-top: 0;
    margin-top: 0;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__actions::before {
    content: attr(data-label);
    flex: 0 0 100%;
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7a8799;
    text-align: right;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__actions .resources-action {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__qid {
    grid-area: qid;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__subject {
    grid-area: subject;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__question {
    grid-area: question;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__answer {
    grid-area: answer;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__option {
    grid-area: option;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__dgca {
    grid-area: dgca;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__imp-votes {
    grid-area: imp-votes;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__status {
    grid-area: status;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank > [data-label]:not(.sa-directory-row__actions) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-self: stretch;
    text-align: left;
    width: 100%;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank > [data-label]:not(.sa-directory-row__actions)::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7a8799;
    line-height: 1.3;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__qid {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__question,
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__answer {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    padding: 0;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__dgca,
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__status {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__dgca::before,
  .question-bank-page .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__status::before {
    margin-bottom: 0;
  }
  .question-bank-page .question-bank-directory .sa-directory-pagination {
    flex-direction: column;
    align-items: stretch;
  }
  .question-bank-page .question-bank-directory .sa-directory-pagination__controls {
    justify-content: center;
  }
  .question-bank-page .question-bank__actions {
    width: 100%;
  }
  .question-bank-page .question-bank__actions .resources-btn {
    width: 100%;
  }
  .question-bank-page .question-bank__actions .resources-btn--square {
    width: 100%;
    min-width: 0;
  }
}
@media (max-width: 575.98px) {
  .question-bank-page .resources__title {
    font-size: 1.35rem;
    line-height: 1.25;
  }
  .question-bank-page .resources__subtitle {
    font-size: 0.8125rem;
  }
  .question-bank-page .qb-edit,
  .question-bank-page .qb-error-files-view,
  .question-bank-page .qb-conflict-questions-view {
    padding: 0.85rem 0.65rem 1rem;
    border-radius: 18px;
  }
  .question-bank-page .question-bank-directory__filter-grid {
    grid-template-columns: 1fr;
  }
  .question-bank-page .resources-metrics {
    border-radius: 22px;
    padding: 0.75rem;
    margin-bottom: 1rem;
  }
}
.subscription-modules-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}
.subscription-modules-page .subscription-modules {
  width: 100%;
  min-width: 0;
}
.subscription-modules-page .resources__subtitle {
  max-width: 100%;
}

.subscription-modules-directory__scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 1199.98px) {
  .subscription-modules-page .subscription-modules__actions {
    width: 100%;
  }
  .subscription-modules-page .subscription-modules__actions .resources-btn {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .subscription-modules-directory__scroll {
    overflow-x: visible;
  }
}
.coupons-general-directory__scroll,
.coupons-bulk-directory__scroll,
.notifications-general-directory__scroll,
.notifications-email-directory__scroll,
.notifications-templates-directory__scroll,
.testimonials-directory__scroll,
.flying-schools-directory__scroll,
.aircraft-list-directory__scroll,
.quotes-directory__scroll,
.faqs-directory__scroll,
.login-page-images-directory__scroll,
.fto-management-directory__scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 991.98px) {
  .coupons-general-directory__scroll,
  .coupons-bulk-directory__scroll,
  .notifications-general-directory__scroll,
  .notifications-email-directory__scroll,
  .notifications-templates-directory__scroll,
  .testimonials-directory__scroll,
  .flying-schools-directory__scroll,
  .aircraft-list-directory__scroll,
  .quotes-directory__scroll,
  .faqs-directory__scroll,
  .login-page-images-directory__scroll,
  .fto-management-directory__scroll {
    overflow-x: visible;
  }
}
.quotes-directory .quotes-featured {
  margin: 0 0 1.25rem;
}

@media (max-width: 575.98px) {
  .subscription-modules-page .resources__title {
    font-size: 1.35rem;
    line-height: 1.25;
  }
  .subscription-modules-page .resources__subtitle {
    font-size: 0.8125rem;
  }
}
.sm-edit-module-modal__dialog {
  max-width: min(800px, calc(100% - 2rem));
  margin: 1rem auto;
}
.sm-edit-module-modal__content {
  position: relative;
  background: #fff;
  border: none;
  box-shadow: 0px 4.3px 32.465px rgba(0, 0, 0, 0.25), 0px 0px 6.32217px rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  overflow: visible;
}
.sm-edit-module-modal__body {
  padding: 1.75rem 1.5rem 1.5rem;
  overflow: visible;
}
.sm-edit-module-modal__header {
  width: 100%;
  margin-bottom: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 1.35rem;
  border-bottom: 1px solid #e4e9f0;
}
.sm-edit-module-modal__title {
  margin: 0 0 0.5rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: #1f4169;
  line-height: 1.25;
  text-align: center;
}
.sm-edit-module-modal__subtitle {
  font-size: 0.875rem;
  font-weight: 400;
  color: #7a8799;
  line-height: 1.4;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.sm-edit-module-modal .sc-add-chapter-form__control:focus, .sm-edit-module-modal .sc-add-chapter-form__control:focus-visible {
  border-color: #c2bfbf;
  background: #fff;
  outline: none;
  box-shadow: none;
}
.sm-edit-module-modal .sc-add-chapter-form__checkbox:focus-visible + .sc-add-chapter-form__check-box {
  outline: none;
  box-shadow: none;
}
.sm-edit-module-modal .sc-add-chapter-form__label {
  display: block;
  margin-bottom: 0.4rem;
  margin-left: 25px;
  padding: 0;
  font-family: "Urbanist", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14.3743px;
  line-height: 17px;
  color: #18273c;
}
.sm-edit-module-modal .coupon-platform-visibility > .sc-add-chapter-form__label,
.sm-edit-module-modal .coupon-platform-visibility .sc-add-chapter-form__label.coupon-platform-visibility__label,
.sm-edit-module-modal .coupon-modal__discount-type > .sc-add-chapter-form__label,
.sm-edit-module-modal .coupon-modal__discount-type .sc-add-chapter-form__label.coupon-platform-visibility__label {
  margin-bottom: 0;
}
.sm-edit-module-modal .sc-add-chapter-form__select-wrap,
.sm-edit-module-modal .sc-add-chapter-form__control {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.sm-edit-module-modal .sc-add-chapter-form__control:not(.sc-add-chapter-form__control--textarea) {
  height: 55px;
  min-height: 55px;
  padding: 0 25px;
  line-height: 53px;
}
.sm-edit-module-modal .sc-add-chapter-form__select-wrap .sc-add-chapter-form__control {
  padding-right: 3.75rem;
  line-height: 53px;
}
.sm-edit-module-modal .notifications-date-wrap {
  width: 100%;
}
.sm-edit-module-modal .notifications-date-wrap--formatted .notifications-date-wrap__input.sc-add-chapter-form__control {
  width: 100%;
  padding-right: 2.65rem !important;
  line-height: normal;
}
.sm-edit-module-modal .notifications-date-wrap--formatted .notifications-date-wrap__display {
  left: 25px;
  right: 2.65rem;
  font-size: 0.8125rem;
  font-weight: 500;
}
.sm-edit-module-modal .notifications-date-wrap--formatted .notifications-date-wrap__display.is-placeholder {
  color: rgba(31, 65, 105, 0.45);
  font-weight: 500;
}
.sm-edit-module-modal .notifications-date-wrap--formatted .notifications-date-wrap__icon {
  right: 1rem;
  left: auto;
  font-size: 0.95rem;
  color: rgba(31, 65, 105, 0.45);
}
.sm-edit-module-modal .resources-modal__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
  margin-top: 0.5rem;
  padding-top: 1.35rem;
}
.sm-edit-module-modal .sm-edit-module-form > .resources-modal__footer {
  margin-top: 0;
  padding-top: 0.35rem;
}
.sm-edit-module-modal .resources-modal__btn {
  flex: 1;
  max-width: 200px;
  min-height: 48px;
  padding: 0 1.5rem;
  border: none;
  border-radius: 999px;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}
.sm-edit-module-modal .resources-modal__btn--cancel {
  background: #eef1f5;
  color: #1f4169;
}
.sm-edit-module-modal .resources-modal__btn--cancel:hover {
  background: #e2e8f0;
}
.sm-edit-module-modal .resources-modal__btn--save {
  background: #F15B55;
  color: #fff;
  box-shadow: 0 4px 14px rgba(241, 91, 85, 0.28);
}
.sm-edit-module-modal .resources-modal__btn--save:hover {
  background: #e04a44;
}

.sm-edit-module-form {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  min-width: 0;
  max-width: 100%;
  overflow-x: visible;
}
.sm-edit-module-form__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.1rem;
  min-width: 0;
}
.sm-edit-module-form__row > * {
  min-width: 0;
}
.sm-edit-module-form__row--1col {
  grid-template-columns: minmax(0, 1fr);
}
.sm-edit-module-form__row--align-end {
  align-items: end;
}
.sm-edit-module-form__row-3 {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  align-items: end;
}
.sm-edit-module-form__row-3col {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sm-edit-module-form__check-col {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  min-width: 0;
}
.sm-edit-module-form .mb-3,
.sm-edit-module-form .mb-0 {
  margin-bottom: 0 !important;
}
.sm-edit-module-form > .resources-modal__footer {
  margin-top: 0;
  padding-top: 0.35rem;
}
.sm-edit-module-form > *:has(> .sm-edit-module-form__limit) + *:has(.sm-edit-module-form__check-inline) {
  margin-top: -0.45rem;
}
.sm-edit-module-form .row {
  min-width: 0;
  max-width: 100%;
  --bs-gutter-x: 1rem;
}
.sm-edit-module-form [class*=col-] {
  min-width: 0;
  max-width: 100%;
}
.sm-edit-module-form__radios {
  display: flex;
  align-items: center;
  gap: 1.75rem;
  flex-wrap: wrap;
  border: none;
  margin: 0 0 0 25px;
  padding: 0;
}
.sm-edit-module-form__radio {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1f4169;
  cursor: pointer;
  user-select: none;
}
.sm-edit-module-form__radio input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.sm-edit-module-form__radio input:checked + .sm-edit-module-form__radio-mark {
  border-color: #1f4169;
  border-width: 3px;
}
.sm-edit-module-form__radio input:checked + .sm-edit-module-form__radio-mark::after {
  opacity: 1;
}
.sm-edit-module-form__radio input:focus-visible + .sm-edit-module-form__radio-mark {
  outline: none;
}
.sm-edit-module-form__radio-mark {
  width: 22px;
  height: 22px;
  border: 2px solid #c2bfbf;
  border-radius: 50%;
  flex-shrink: 0;
  position: relative;
  transition: border-color 0.2s ease;
}
.sm-edit-module-form__radio-mark::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: #1f4169;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.sm-edit-module-form__divider {
  margin: 1.25rem 0;
  border: none;
  border-top: 1px solid #c2bfbf;
  opacity: 1;
}
.sm-edit-module-form__section-title {
  margin: 0.35rem 0 0;
  margin-left: 25px;
  padding: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: #1f4169;
  line-height: 1.3;
}
.sm-edit-module-form__subsection-title {
  margin: 0.5rem 0 0;
  margin-left: 25px;
  padding: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #1f4169;
  line-height: 1.35;
}
.sm-edit-module-form__section-title-row, .sm-edit-module-form__subsection-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  flex-wrap: wrap;
  margin-left: 25px;
  padding-right: 25px;
}
.sm-edit-module-form__section-title-row .sm-edit-module-form__section-title,
.sm-edit-module-form__section-title-row .sm-edit-module-form__subsection-title, .sm-edit-module-form__subsection-title-row .sm-edit-module-form__section-title,
.sm-edit-module-form__subsection-title-row .sm-edit-module-form__subsection-title {
  margin: 0;
  margin-left: 0;
}
.sm-edit-module-form__label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  width: 100%;
  margin-bottom: 0.4rem;
}
.sm-edit-module-form__label-row .sc-add-chapter-form__label {
  margin: 0 0 0 25px;
  flex-shrink: 0;
}
.sm-edit-module-form__label-row .sm-edit-module-form__hint {
  margin: 0;
  margin-left: 0;
  text-align: right;
  flex-shrink: 1;
  min-width: 0;
}
.sm-edit-module-form__field-with-hint {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "label" "control" "hint";
  row-gap: 0.4rem;
  align-items: center;
}
.sm-edit-module-form__field-with-hint > .sc-add-chapter-form__label {
  grid-area: label;
  margin: 0 0 0 25px;
}
.sm-edit-module-form__field-with-hint > .sm-edit-module-form__hint {
  grid-area: hint;
  margin: 0;
  margin-left: 0;
  text-align: left;
}
.sm-edit-module-form__field-with-hint > .sc-add-chapter-form__control,
.sm-edit-module-form__field-with-hint > textarea {
  grid-area: control;
}
@media (min-width: 998px) {
  .sm-edit-module-form__field-with-hint {
    grid-template-columns: 1fr auto;
    grid-template-areas: "label hint" "control control";
    column-gap: 1rem;
  }
  .sm-edit-module-form__field-with-hint > .sm-edit-module-form__hint {
    text-align: right;
  }
}
.sm-edit-module-form__hint {
  margin-top: 0.35rem;
  margin-left: 25px;
  padding: 0;
  font-size: 0.75rem;
  font-weight: 400;
  color: #7a8799;
  line-height: 1.4;
}
.sm-edit-module-form__limit {
  margin-top: 0.35rem;
  margin-left: 25px;
  padding: 0 25px 0 0;
  font-size: 0.75rem;
  font-weight: 400;
  color: #7a8799;
  text-align: right;
}
.sm-edit-module-form__check-inline {
  margin-bottom: 0;
  padding: 0;
}
.sm-edit-module-form__offer-section {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.sm-edit-module-form__offer-toggle-row {
  display: flex;
  justify-content: flex-end;
  padding: 0 25px 0 0;
}
.sm-edit-module-form__offer-panel {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding: 0;
}
.sm-edit-module-form__offer-types {
  gap: 1rem 1.25rem;
  margin-left: 25px;
  padding: 0;
}
.sm-edit-module-form__offer-value {
  padding: 0;
}

.program-modal__dialog {
  max-width: min(400px, calc(100% - 2rem));
}

.package-modal__dialog {
  max-width: min(560px, calc(100% - 2rem));
}

#addModuleModal .sm-edit-module-modal__dialog {
  max-width: min(680px, calc(100% - 2rem));
}

@media (max-width: 991.98px) {
  .sm-edit-module-modal__dialog {
    max-width: min(800px, calc(100% - 1.5rem));
    margin: 1rem auto;
  }
}
@media (max-width: 767.98px) {
  .sm-edit-module-modal__dialog {
    max-width: calc(100% - 1.25rem);
    margin: 1rem auto;
  }
  .sm-edit-module-modal__content {
    border-radius: 28px;
  }
  .sm-edit-module-modal__body {
    padding: 2rem 1.25rem 1.5rem 1.35rem;
  }
  .sm-edit-module-modal__header {
    margin-bottom: 1.25rem;
    padding-bottom: 1.15rem;
  }
  .sm-edit-module-modal__title {
    font-size: 1.25rem;
  }
  .sm-edit-module-modal__subtitle {
    font-size: 0.8125rem;
    max-width: 28rem;
  }
  .sm-edit-module-modal .resources-modal__footer {
    gap: 0.75rem;
    padding-top: 1.15rem;
  }
  .sm-edit-module-modal .sm-edit-module-form > .resources-modal__footer {
    margin-top: 0;
    padding-top: 0.25rem;
  }
  .sm-edit-module-modal .resources-modal__btn {
    min-height: 44px;
    font-size: 0.9375rem;
  }
  .sm-edit-module-form__radios {
    gap: 1rem;
  }
  .sm-edit-module-form__section-title {
    font-size: 1rem;
  }
}
@media (max-width: 575.98px) {
  .sm-edit-module-form__row, .sm-edit-module-form__row-3, .sm-edit-module-form__row-3col {
    grid-template-columns: 1fr;
  }
  .sm-edit-module-form__check-col {
    justify-content: flex-start;
  }
  .sm-edit-module-modal__dialog {
    max-width: calc(100% - 2rem);
    margin: 1rem auto;
  }
  .sm-edit-module-modal__content {
    border-radius: 16px;
    box-shadow: 0 12px 36px rgba(15, 31, 63, 0.16);
  }
  .sm-edit-module-modal__body {
    max-height: none;
    padding: 1.75rem 0.85rem 1.25rem 1rem;
  }
  .sm-edit-module-modal__title {
    font-size: 1.2rem;
  }
  .sm-edit-module-modal .resources-modal__footer {
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 0.35rem;
    gap: 0.65rem;
  }
  .sm-edit-module-modal .resources-modal__footer .resources-modal__btn {
    flex: 1 1 0;
    max-width: none;
    width: auto;
    min-width: 0;
  }
  .sm-edit-module-modal .sm-edit-module-form > .resources-modal__footer {
    margin-top: 0;
    padding-top: 0.25rem;
  }
  .sm-edit-module-form .sc-add-chapter-form__label {
    margin-left: 1rem;
  }
  .sm-edit-module-form__section-title, .sm-edit-module-form__limit, .sm-edit-module-form__check-inline, .sm-edit-module-form__radios {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.coupons-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}
.coupons-page .coupons {
  width: 100%;
  min-width: 0;
}
.coupons-page a.resources-action {
  text-decoration: none;
  color: inherit;
}

.coupon-banner-upload__dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 120px;
  padding: 1rem;
  border: 1.5px dashed #c5d0dc;
  border-radius: 14px;
  background: #f8fafc;
  color: #7a8799;
  font-size: 0.8125rem;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.coupon-banner-upload__dropzone i {
  font-size: 1.35rem;
  color: #1f4169;
}
.coupon-banner-upload__dropzone:hover {
  border-color: #F15B55;
  background: #fff;
}
.coupon-banner-upload__hint {
  font-size: 0.75rem;
  color: #9aa8b8;
}
.coupon-banner-upload__preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.65rem;
}
.coupon-banner-upload__preview img {
  width: 100%;
  max-height: 140px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid #e8ecf0;
}
.coupon-banner-upload__remove {
  border: none;
  background: transparent;
  color: #F15B55;
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 0;
  cursor: pointer;
}
.coupon-banner-upload__remove:hover {
  text-decoration: underline;
}

.coupon-platform-visibility {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1rem;
}
.coupon-platform-visibility__label {
  margin-bottom: 0;
  flex-shrink: 0;
  white-space: nowrap;
}
.coupon-platform-visibility__platforms {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1.25rem;
  flex: 1 1 auto;
  min-width: 0;
  padding-left: 0;
}
.coupon-platform-visibility__status {
  padding-left: 0;
}
.coupon-platform-visibility__item {
  margin-bottom: 0;
}

.referral-settings-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}
.referral-settings-page .referral-settings {
  width: 100%;
  min-width: 0;
}

.referral-settings-directory {
  background: #fff;
  border: 1px solid #e4e9f0;
  border-radius: 24px;
  box-shadow: 0 8px 28px rgba(31, 65, 105, 0.06);
  padding: 1.5rem 1.75rem 1.75rem;
  width: 100%;
  overflow: visible;
}

.referral-settings-form {
  overflow: visible;
}
@media (min-width: 992px) {
  .referral-settings-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1.5rem;
    row-gap: 1.15rem;
    align-items: stretch;
  }
  .referral-settings-form > * {
    margin-bottom: 0;
    min-width: 0;
  }
  .referral-settings-form > .sm-edit-module-form__section-title,
  .referral-settings-form > .sm-edit-module-form__hint,
  .referral-settings-form > .referral-settings-form__full,
  .referral-settings-form > .referral-settings-form__footer,
  .referral-settings-form > .referral-settings-form__sub,
  .referral-settings-form > .referral-settings-form__section-head {
    grid-column: 1/-1;
  }
}
.referral-settings-form__section-head .sm-edit-module-form__section-title {
  margin-top: 0;
  margin-bottom: 0;
}
.referral-settings-form__section-head .sm-edit-module-form__hint {
  margin-top: 0.25rem;
  margin-bottom: 0;
}
.referral-settings-form__sub {
  min-width: 0;
}
@media (min-width: 992px) {
  .referral-settings-form__sub {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 1.5rem;
    row-gap: 1.15rem;
    align-items: stretch;
  }
  .referral-settings-form__sub > * {
    margin: auto 0;
    min-width: 0;
  }
  .referral-settings-form__sub > .sm-edit-module-form__section-title {
    grid-column: 1/-1;
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  .referral-settings-form__sub {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
  }
  .referral-settings-form__sub > * {
    margin-bottom: 0;
  }
}
.referral-settings-form__sub .sm-edit-module-form__radios,
.referral-settings-form__sub .sm-edit-module-form__offer-types {
  margin: 0 0 0 25px;
  gap: 0.75rem 1rem;
}
.referral-settings-form .sm-edit-module-form__radios,
.referral-settings-form .sm-edit-module-form__offer-types {
  margin: 0 0 0 25px;
  gap: 0.75rem 1rem;
}
.referral-settings-form__footer {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
  padding-top: 1.35rem;
  border-top: 1px solid #e4e9f0;
}
.referral-settings-form .resources-modal__btn {
  min-width: 160px;
  min-height: 48px;
  padding: 0 1.5rem;
  border: none;
  border-radius: 999px;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}
.referral-settings-form .resources-modal__btn--save {
  background: #F15B55;
  color: #fff;
  box-shadow: 0 4px 14px rgba(241, 91, 85, 0.28);
}
.referral-settings-form .resources-modal__btn--save:hover {
  background: #e04a44;
}

.coupon-referrer-reward {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 1rem 1.1rem;
  border: none;
  border-radius: 16px;
  background: #f8fafc;
  min-width: 0;
  height: 100%;
  box-sizing: border-box;
}
.coupon-referrer-reward__toggle {
  margin-bottom: 0;
}
.coupon-referrer-reward__fields {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding-left: 0;
  margin-top: auto;
  transition: opacity 0.2s ease;
}
.coupon-referrer-reward__fields .sc-add-chapter-form__label {
  margin-bottom: 0;
}
.coupon-referrer-reward__fields.is-disabled {
  opacity: 0.45;
  pointer-events: none;
}

.coupon-date-field {
  position: relative;
}
.coupon-date-field__icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #7a8799;
  font-size: 1rem;
  line-height: 1;
  pointer-events: none;
  z-index: 1;
}
.coupon-date-field__display {
  padding-right: 2.65rem;
  cursor: pointer;
}
.coupon-date-field__native {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}

.coupon-modal .sm-edit-module-form__check-inline {
  margin-left: 15px;
}
.coupon-modal #generalCouponDescription.sc-add-chapter-form__control--textarea {
  resize: none;
}
.coupon-modal .coupon-modal-type-tabs {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  margin: 0 auto 1.25rem;
}
.coupon-modal .coupon-modal-form-panel {
  min-width: 0;
}
.coupon-modal .coupon-modal-form-panel .sm-edit-module-form__offer-types {
  margin: 0.35rem 0 0;
  gap: 0.75rem 1rem;
}
.coupon-modal .coupon-modal-form-panel .coupon-modal__discount-type .sm-edit-module-form__offer-types {
  margin: 0;
}
.coupon-modal__discount-type {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 5px 25px;
}
.coupon-modal__discount-type .sc-add-chapter-form__label {
  margin-bottom: 0;
  flex-shrink: 0;
}
.coupon-modal__discount-type .sm-edit-module-form__radios,
.coupon-modal__discount-type .sm-edit-module-form__offer-types {
  margin: 0;
}

.coupons-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.35rem;
  background: #f4f7fb;
  border: 1px solid #e4e9f0;
  border-radius: 999px;
}
.coupons-tabs__btn {
  border: none;
  background: transparent;
  color: #7a8799;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.55rem 1.15rem;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.coupons-tabs__btn--active {
  background: #fff;
  color: #1f4169;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(31, 65, 105, 0.08);
}

.coupons-toolbar .resources-toolbar__row--top {
  grid-template-columns: minmax(0, 1fr) repeat(2, minmax(140px, 180px));
}
.coupons-toolbar .resources-toolbar__dropdowns {
  display: grid;
  grid-template-columns: repeat(2, minmax(175px, 1fr));
  gap: 0.65rem;
}

.coupons-list {
  gap: 0;
  overflow: visible;
  padding: 2rem 2rem 1.35rem;
}
.coupons-list__table-scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.coupons-list__sort {
  font-size: 0.7rem;
  color: #9aa8b8;
  vertical-align: middle;
  margin-left: 0.15rem;
}
.coupons-list__cell {
  justify-self: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #000;
}
.coupons-list__cell--desc {
  justify-self: start;
  text-align: left;
  justify-content: flex-start;
  font-weight: 400;
  color: #3a3a3a;
  line-height: 1.35;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

@media (min-width: 1200px) {
  .coupons-list__table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .coupons-list__head,
  .coupons-list .resources-row--coupon-general,
  .coupons-list .resources-row--coupon-bulk {
    display: grid;
    gap: 0.85rem;
    align-items: center;
    min-width: 1040px;
  }
  .coupons-list__head--general,
  .coupons-list .resources-row--coupon-general {
    grid-template-columns: minmax(150px, 1.2fr) minmax(200px, 2fr) minmax(120px, 0.9fr) minmax(130px, 0.9fr) minmax(120px, 0.85fr) calc(36px * 3 + 0.35rem * 2);
  }
  .coupons-list__head--bulk,
  .coupons-list .resources-row--coupon-bulk {
    grid-template-columns: minmax(220px, 1.8fr) minmax(110px, 0.85fr) minmax(120px, 0.85fr) minmax(130px, 0.9fr) calc(36px * 2 + 0.35rem);
  }
  .coupons-list__head {
    padding: 0.65rem 1.5rem 1rem;
    border-bottom: 1px solid #e8ecf0;
    margin-bottom: 0;
    background: transparent;
    border-radius: 0;
  }
  .coupons-list__head span {
    justify-self: center;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .coupons-list__head--general span:nth-child(1), .coupons-list__head--general span:nth-child(2), .coupons-list__head--bulk span:nth-child(1) {
    justify-self: start;
    text-align: left;
  }
  .coupons-list__head--general span:nth-child(6) {
    justify-self: end;
    text-align: right;
    width: calc(36px * 3 + 0.35rem * 2);
  }
  .coupons-list__head--bulk span:nth-child(5) {
    justify-self: end;
    text-align: right;
    width: calc(36px * 2 + 0.35rem);
  }
}
.resources-row--coupon-general,
.resources-row--coupon-bulk {
  padding: 1rem 1.5rem;
  align-items: center;
  gap: 0.85rem;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  border-bottom: 1px solid #eef1f5;
}
.resources-row--coupon-general:last-child,
.resources-row--coupon-bulk:last-child {
  border-bottom: none;
}
.resources-row--coupon-general:hover, .resources-row--coupon-general.resources-row--coupon-highlight,
.resources-row--coupon-bulk:hover,
.resources-row--coupon-bulk.resources-row--coupon-highlight {
  background: #f7f9ff;
}
.resources-row--coupon-general > *,
.resources-row--coupon-bulk > * {
  min-width: 0;
}
.resources-row--coupon-general .resources-row__name,
.resources-row--coupon-bulk .resources-row__name {
  justify-self: start;
  overflow: hidden;
  max-width: 100%;
}
.resources-row--coupon-general .resources-row__title,
.resources-row--coupon-bulk .resources-row__title {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.35;
  letter-spacing: 0.02em;
  color: #000;
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.resources-row--coupon-general .resources-row__status,
.resources-row--coupon-bulk .resources-row__status {
  display: flex;
  align-items: center;
  justify-content: center;
}
.resources-row--coupon-general .resources-row__actions--dual,
.resources-row--coupon-bulk .resources-row__actions--dual {
  display: grid;
  grid-template-columns: repeat(2, 36px);
  justify-content: end;
  justify-self: end;
  gap: 0.35rem;
  width: calc(36px * 2 + 0.35rem);
  margin-left: 0;
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
.resources-row--coupon-general .resources-row__actions--dual .resources-action i,
.resources-row--coupon-bulk .resources-row__actions--dual .resources-action i {
  font-size: 17px;
  color: #1f4169;
}
.resources-row--coupon-general .resources-row__actions--triple,
.resources-row--coupon-bulk .resources-row__actions--triple {
  display: grid;
  grid-template-columns: repeat(3, 36px);
  justify-content: end;
  justify-self: end;
  gap: 0.35rem;
  width: calc(36px * 3 + 0.35rem * 2);
  margin-left: 0;
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
.resources-row--coupon-general .resources-row__actions--triple .resources-action i,
.resources-row--coupon-bulk .resources-row__actions--triple .resources-action i {
  font-size: 17px;
  color: #1f4169;
}

.coupons-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem 0;
  margin-top: 0.5rem;
  border-top: 1px solid #eef1f5;
}
.coupons-pagination__info {
  font-size: 0.8125rem;
  color: #7a8799;
}
.coupons-pagination__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.coupons-pagination__btn {
  border: 1px solid #e4e9f0;
  background: #fff;
  color: #1f4169;
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.45rem 0.9rem;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.coupons-pagination__btn:hover:not(:disabled) {
  background: #f4f7fb;
}
.coupons-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.coupons-pagination__pages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}
.coupons-pagination__page {
  min-width: 34px;
  height: 34px;
  padding: 0 0.5rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #7a8799;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
}
.coupons-pagination__page--active {
  background: #1f4169;
  color: #fff;
  border-color: #1f4169;
}
.coupons-pagination__page:hover:not(.coupons-pagination__page--active) {
  background: #f4f7fb;
  color: #1f4169;
}

@media (max-width: 1199.98px) {
  .coupons-page .coupons__actions {
    width: 100%;
  }
  .coupons-page .coupons__actions .resources-btn {
    width: 100%;
  }
  .coupons-page .coupons-toolbar .resources-toolbar__row--top {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr);
  }
  .coupons-page .coupons-toolbar .resources-toolbar__search {
    width: 100%;
  }
  .coupons-page .coupons-toolbar .resources-toolbar__dropdowns {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .coupons-page .coupons-list {
    padding: 1.15rem 1rem 1rem;
    border-radius: 28px;
    gap: 0.65rem;
    overflow: visible;
  }
  .coupons-page .coupons-list__table-scroll {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    overflow: visible;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .coupons-page .coupons-list__head {
    display: none !important;
  }
  .coupons-page .coupons-list .resources-row--coupon-general,
  .coupons-page .coupons-list .resources-row--coupon-bulk {
    display: grid;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 0.75rem 1rem;
    padding: 1rem 1.15rem;
    border: 1px solid #eef1f5;
    border-radius: 16px;
    margin-bottom: 0;
    border-bottom: none;
    background: #fff;
    box-shadow: 0 2px 10px rgba(31, 65, 105, 0.09);
  }
  .coupons-page .coupons-list .resources-row--coupon-general .resources-row__name,
  .coupons-page .coupons-list .resources-row--coupon-bulk .resources-row__name {
    grid-area: name;
    width: 100%;
    min-width: 0;
  }
  .coupons-page .coupons-list .resources-row--coupon-general .resources-row__title,
  .coupons-page .coupons-list .resources-row--coupon-bulk .resources-row__title {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    font-size: 0.9375rem;
    line-height: 1.4;
    word-break: break-word;
  }
  .coupons-page .coupons-list .resources-row--coupon-general .resources-row__status,
  .coupons-page .coupons-list .resources-row--coupon-bulk .resources-row__status {
    grid-area: status;
    justify-content: flex-start;
    width: auto;
    padding-top: 0;
    border-top: none;
    margin-top: 0;
  }
  .coupons-page .coupons-list .resources-row--coupon-general .resources-row__status::before,
  .coupons-page .coupons-list .resources-row--coupon-bulk .resources-row__status::before {
    content: "Active";
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .coupons-page .coupons-list .resources-row--coupon-general .resources-row__actions--dual,
  .coupons-page .coupons-list .resources-row--coupon-general .resources-row__actions--triple,
  .coupons-page .coupons-list .resources-row--coupon-bulk .resources-row__actions--dual,
  .coupons-page .coupons-list .resources-row--coupon-bulk .resources-row__actions--triple {
    grid-area: actions;
    justify-self: end;
    align-self: center;
    border-top: none;
    padding-top: 0;
    margin-top: 0;
  }
  .coupons-page .coupons-list .resources-row--coupon-general {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "name name" "desc desc" "code status" "date actions";
  }
  .coupons-page .coupons-list .resources-row--coupon-bulk {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "name name" "type value" "date actions";
  }
  .coupons-page .coupons-list .resources-row--coupon-general > :nth-child(2) {
    grid-area: desc;
  }
  .coupons-page .coupons-list .resources-row--coupon-general > :nth-child(3) {
    grid-area: code;
  }
  .coupons-page .coupons-list .resources-row--coupon-general > :nth-child(5) {
    grid-area: date;
  }
  .coupons-page .coupons-list .resources-row--coupon-bulk > :nth-child(2) {
    grid-area: type;
  }
  .coupons-page .coupons-list .resources-row--coupon-bulk > :nth-child(3) {
    grid-area: value;
  }
  .coupons-page .coupons-list .resources-row--coupon-bulk > :nth-child(4) {
    grid-area: date;
  }
  .coupons-page .coupons-list .resources-row--coupon-general > .coupons-list__cell,
  .coupons-page .coupons-list .resources-row--coupon-bulk > .coupons-list__cell {
    flex-direction: column;
    align-items: flex-start;
    justify-self: stretch;
    text-align: left;
    justify-content: flex-start;
  }
  .coupons-page .coupons-list .resources-row--coupon-general > .coupons-list__cell:nth-child(3)::before {
    content: "Coupon Code";
  }
  .coupons-page .coupons-list .resources-row--coupon-general > .coupons-list__cell:nth-child(5)::before {
    content: "Expiry Date";
  }
  .coupons-page .coupons-list .resources-row--coupon-bulk > .coupons-list__cell:nth-child(2)::before {
    content: "Discount Type";
  }
  .coupons-page .coupons-list .resources-row--coupon-bulk > .coupons-list__cell:nth-child(3)::before {
    content: "Discount value";
  }
  .coupons-page .coupons-list .resources-row--coupon-bulk > .coupons-list__cell:nth-child(4)::before {
    content: "Created On";
  }
  .coupons-page .coupons-list .resources-row--coupon-general > .coupons-list__cell::before,
  .coupons-page .coupons-list .resources-row--coupon-bulk > .coupons-list__cell::before {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .coupons-page .coupons-list .resources-row--coupon-general > .coupons-list__cell--desc::before {
    content: "Description";
  }
  .coupons-page .coupons-tabs {
    width: 100%;
  }
  .coupons-page .coupons-tabs__btn {
    flex: 1 1 auto;
    text-align: center;
  }
  .coupons-page .coupons-pagination {
    flex-direction: column;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }
  .coupons-page .coupons-pagination__controls {
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .coupons-page .coupons-toolbar .resources-toolbar__dropdowns {
    grid-template-columns: 1fr;
  }
  .coupons-page .coupons-list {
    padding: 1rem 0.75rem 0.85rem;
    border-radius: 22px;
  }
  .coupons-page .coupons-list .resources-row--coupon-general,
  .coupons-page .coupons-list .resources-row--coupon-bulk {
    gap: 0.65rem 0.85rem;
    padding: 0.95rem 1rem;
  }
  .coupons-page .coupons-list .resources-row--coupon-general .resources-row__title,
  .coupons-page .coupons-list .resources-row--coupon-bulk .resources-row__title {
    font-size: 0.875rem;
  }
  .coupons-page .coupons-list .resources-row--coupon-general > .coupons-list__cell::before,
  .coupons-page .coupons-list .resources-row--coupon-bulk > .coupons-list__cell::before {
    font-size: 0.6875rem;
  }
  .coupons-page .coupons-list .resources-row--coupon-general > .coupons-list__cell,
  .coupons-page .coupons-list .resources-row--coupon-bulk > .coupons-list__cell {
    font-size: 0.875rem;
  }
}
.bulk-coupon-detail-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}
.bulk-coupon-detail-page a.resources-action {
  text-decoration: none;
  color: inherit;
}

.bulk-coupon-detail {
  width: 100%;
  min-width: 0;
}
.bulk-coupon-detail__top {
  margin-bottom: 1.5rem !important;
}
.bulk-coupon-detail__actions .resources-btn {
  min-width: 0;
}
.bulk-coupon-detail__export {
  width: 44px;
  min-width: 44px;
  padding: 0;
}
.bulk-coupon-detail__panel {
  gap: 0;
  padding: 1.75rem 2rem 1.35rem;
}
.bulk-coupon-detail__panel-head {
  padding: 0 0.5rem 1.25rem;
  border-bottom: 1px solid #eef1f5;
  margin-bottom: 0.35rem;
}
.bulk-coupon-detail__batch-name {
  font-size: 1rem;
  font-weight: 600;
  color: #3a3a3a;
}
.bulk-coupon-detail__filter {
  min-width: 160px;
  max-width: 220px;
}
.bulk-coupon-detail__table-scroll {
  width: 100%;
  min-width: 0;
}
.bulk-coupon-detail__head, .bulk-coupon-detail__row {
  display: grid;
  grid-template-columns: minmax(180px, 1.2fr) minmax(140px, 0.9fr) minmax(140px, 0.9fr);
  gap: 0.85rem;
  align-items: center;
  padding: 0.85rem 0.5rem;
}
.bulk-coupon-detail__head {
  font-family: "Urbanist", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  color: #7a8799;
  border-bottom: 1px solid #eef1f5;
}
.bulk-coupon-detail__head > span {
  text-align: center;
}
.bulk-coupon-detail__sort-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  border: none;
  background: transparent;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-align: center;
}
.bulk-coupon-detail__body .bulk-coupon-detail__row {
  border-bottom: 1px solid #eef1f5;
  font-size: 14px;
  line-height: 17px;
  color: #000;
}
.bulk-coupon-detail__body .bulk-coupon-detail__row:last-child {
  border-bottom: none;
}
.bulk-coupon-detail__cell {
  text-align: center;
  font-weight: 500;
}
.bulk-coupon-detail__cell--code {
  justify-self: start;
  text-align: left;
  font-weight: 600;
  color: #1f4169;
}
.bulk-coupon-detail__pagination {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.bulk-coupon-detail__empty {
  padding: 1.25rem 0.5rem;
  color: #7a8799;
  font-size: 0.875rem;
}
.bulk-coupon-detail__user-link {
  color: #F15B55;
  font-weight: 600;
  text-decoration: none;
}
.bulk-coupon-detail__user-link:hover {
  text-decoration: underline;
}

@media (max-width: 1199.98px) {
  .bulk-coupon-detail__panel {
    padding: 1.15rem 1rem 1rem;
    border-radius: 28px;
  }
  .bulk-coupon-detail__filter {
    width: 100%;
    max-width: none;
  }
  .bulk-coupon-detail__head {
    display: none;
  }
  .bulk-coupon-detail__row {
    grid-template-columns: 1fr;
    gap: 0.35rem;
    padding: 0.9rem 0.65rem;
    border: 1px solid #eef1f5;
    border-radius: 14px;
    margin-bottom: 0.55rem;
    border-bottom: 1px solid #eef1f5;
  }
  .bulk-coupon-detail__cell {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    text-align: right;
  }
  .bulk-coupon-detail__cell::before {
    content: attr(data-label);
    font-weight: 600;
    color: #7a8799;
    font-size: 0.75rem;
    flex-shrink: 0;
  }
  .bulk-coupon-detail__cell--code {
    justify-content: flex-start;
    text-align: left;
    font-size: 0.95rem;
    margin-bottom: 0.15rem;
  }
  .bulk-coupon-detail__cell--code::before {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .bulk-coupon-detail__actions {
    width: 100%;
  }
  .bulk-coupon-detail__actions .resources-btn {
    flex: 1 1 auto;
  }
  .bulk-coupon-detail__actions .bulk-coupon-detail__export {
    flex: 0 0 44px;
  }
}
.notifications-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}
.notifications-page .notifications {
  width: 100%;
  min-width: 0;
}

.notifications-tabs {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  padding: 0.35rem;
  background: #f4f7fb;
  border: 1px solid #e4e9f0;
  border-radius: 999px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(31, 65, 105, 0.18) transparent;
}
.notifications-tabs::-webkit-scrollbar {
  height: 4px;
}
.notifications-tabs::-webkit-scrollbar-thumb {
  background: rgba(31, 65, 105, 0.18);
  border-radius: 999px;
}
.notifications-tabs__btn {
  flex: 0 0 auto;
  border: none;
  background: transparent;
  color: #7a8799;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.55rem 1.15rem;
  border-radius: 999px;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.notifications-tabs__btn--active {
  background: #fff;
  color: #1f4169;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(31, 65, 105, 0.08);
}

.notifications-toolbar .resources-toolbar__row--top {
  grid-template-columns: minmax(0, 1fr) repeat(2, minmax(140px, 180px));
}
.notifications-toolbar .resources-toolbar__dropdowns {
  display: grid;
  grid-template-columns: repeat(2, minmax(175px, 1fr));
  gap: 0.65rem;
}
.notifications-toolbar--templates .resources-toolbar__row--top {
  grid-template-columns: minmax(0, 1fr) minmax(140px, 180px);
}
.notifications-toolbar--templates .resources-toolbar__dropdowns {
  grid-template-columns: minmax(175px, 1fr);
}

.notifications-templates__intro {
  max-width: 42rem;
  font-size: 0.875rem;
  line-height: 1.45;
  color: #7a8799;
}
.notifications-templates__placeholders {
  font-size: 0.8125rem;
  line-height: 1.45;
  color: #7a8799;
}
.notifications-templates__placeholders code {
  font-size: 0.75rem;
  color: #1f4169;
  background: #f4f7fb;
  padding: 0.1rem 0.35rem;
  border-radius: 4px;
}

.notifications-date-wrap {
  position: relative;
}
.notifications-date-wrap__icon {
  position: absolute;
  right: 1rem;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
  color: #7a8799;
  pointer-events: none;
  z-index: 2;
}
.notifications-date-wrap__input {
  position: relative;
  padding-right: 2.65rem !important;
  color-scheme: light;
}
.notifications-date-wrap__display {
  position: absolute;
  left: 1.25rem;
  right: 2.65rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  color: #1f2a44;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notifications-date-wrap__display.is-placeholder {
  color: #94a3b8;
  font-weight: 400;
}
.notifications-date-wrap--formatted {
  cursor: pointer;
}
.notifications-date-wrap--formatted .notifications-date-wrap__input {
  color: transparent;
  caret-color: transparent;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  outline: none;
  box-shadow: none;
}
.notifications-date-wrap--formatted .notifications-date-wrap__input::selection {
  background: transparent;
}
.notifications-date-wrap--formatted .notifications-date-wrap__input::-webkit-datetime-edit, .notifications-date-wrap--formatted .notifications-date-wrap__input::-webkit-datetime-edit-fields-wrapper, .notifications-date-wrap--formatted .notifications-date-wrap__input::-webkit-datetime-edit-text, .notifications-date-wrap--formatted .notifications-date-wrap__input::-webkit-datetime-edit-month-field, .notifications-date-wrap--formatted .notifications-date-wrap__input::-webkit-datetime-edit-day-field, .notifications-date-wrap--formatted .notifications-date-wrap__input::-webkit-datetime-edit-year-field {
  color: transparent;
  background: transparent;
}
.notifications-date-wrap--formatted .notifications-date-wrap__input:focus::-webkit-datetime-edit-day-field, .notifications-date-wrap--formatted .notifications-date-wrap__input:focus::-webkit-datetime-edit-month-field, .notifications-date-wrap--formatted .notifications-date-wrap__input:focus::-webkit-datetime-edit-year-field, .notifications-date-wrap--formatted .notifications-date-wrap__input::-webkit-datetime-edit-day-field:focus, .notifications-date-wrap--formatted .notifications-date-wrap__input::-webkit-datetime-edit-month-field:focus, .notifications-date-wrap--formatted .notifications-date-wrap__input::-webkit-datetime-edit-year-field:focus {
  background-color: transparent;
  color: transparent;
  outline: none;
}
.notifications-date-wrap--formatted .notifications-date-wrap__input::-webkit-calendar-picker-indicator {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.date-input-wrap--plain {
  position: relative;
  width: 100%;
}
.date-input-wrap--plain .date-input-wrap__display {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.date-input-wrap--plain .date-input-wrap__display.is-placeholder {
  color: #94a3b8;
  font-weight: 400;
}
.date-input-wrap--plain.date-input-wrap--formatted input[type=date] {
  width: 100%;
  color-scheme: light;
  color: transparent;
  caret-color: transparent;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  outline: none;
  box-shadow: none;
}
.date-input-wrap--plain.date-input-wrap--formatted input[type=date]::selection {
  background: transparent;
}
.date-input-wrap--plain.date-input-wrap--formatted input[type=date]::-webkit-datetime-edit, .date-input-wrap--plain.date-input-wrap--formatted input[type=date]::-webkit-datetime-edit-fields-wrapper, .date-input-wrap--plain.date-input-wrap--formatted input[type=date]::-webkit-datetime-edit-text, .date-input-wrap--plain.date-input-wrap--formatted input[type=date]::-webkit-datetime-edit-month-field, .date-input-wrap--plain.date-input-wrap--formatted input[type=date]::-webkit-datetime-edit-day-field, .date-input-wrap--plain.date-input-wrap--formatted input[type=date]::-webkit-datetime-edit-year-field {
  color: transparent;
  background: transparent;
}
.date-input-wrap--plain.date-input-wrap--formatted input[type=date]:focus::-webkit-datetime-edit-day-field, .date-input-wrap--plain.date-input-wrap--formatted input[type=date]:focus::-webkit-datetime-edit-month-field, .date-input-wrap--plain.date-input-wrap--formatted input[type=date]:focus::-webkit-datetime-edit-year-field, .date-input-wrap--plain.date-input-wrap--formatted input[type=date]::-webkit-datetime-edit-day-field:focus, .date-input-wrap--plain.date-input-wrap--formatted input[type=date]::-webkit-datetime-edit-month-field:focus, .date-input-wrap--plain.date-input-wrap--formatted input[type=date]::-webkit-datetime-edit-year-field:focus {
  background-color: transparent;
  color: transparent;
  outline: none;
}

.notifications-rich-editor {
  width: 100%;
}
.notifications-rich-editor__textarea {
  width: 100%;
  min-height: 10rem;
}
.notifications-rich-editor .tox-tinymce {
  border-radius: 12px;
  border-color: #e2e8f0;
}
.notifications-rich-editor .tox .tox-toolbar__primary {
  background: #f8fafc;
}
.notifications-rich-editor--compact .notifications-rich-editor__textarea {
  min-height: 10rem;
}
.notifications-rich-editor--compact .tox-tinymce {
  min-height: 12rem;
}
.notifications-rich-editor--compact .tox .tox-editor-header {
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
}
.notifications-rich-editor--compact .tox .tox-toolbar__primary {
  background: #f8fafc;
}
.notifications-rich-editor--email .notifications-rich-editor__textarea {
  min-height: 14rem;
}
.notifications-rich-editor--email .tox-tinymce {
  min-height: 14rem;
}

#addNotificationModal [data-nt-name-subject-row]:has([data-nt-email-fields][hidden]) > div:first-child {
  grid-column: 1/-1;
}

#createNoticeBoardModal .sm-edit-module-modal__dialog {
  max-width: min(680px, 100% - 2rem);
}
#createNoticeBoardModal .notifications-rich-editor {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
#createNoticeBoardModal .notifications-rich-editor .tox-tinymce {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}
#createNoticeBoardModal .sm-edit-module-form__check-col {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
#createNoticeBoardModal .sm-edit-module-form__check-col > .sc-add-chapter-form__label {
  display: block;
  min-height: 1.25rem;
}
#createNoticeBoardModal .sm-edit-module-form__check-col .sm-edit-module-form__check-inline {
  min-height: 55px;
  display: inline-flex;
  align-items: center;
}

.notifications-email-body-hint {
  font-size: 0.78rem;
  color: #64748b;
  margin: 0;
  margin-left: 25px;
}

.notifications-detail__value--html {
  font-size: 0.9rem;
  line-height: 1.5;
  color: #1f2a44;
  word-break: break-word;
}
.notifications-detail__value--html p:last-child {
  margin-bottom: 0;
}

.notifications-settings-block {
  padding-bottom: 1.1rem;
  border-bottom: 1px solid #e4e9f0;
}
.notifications-settings-block:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

/* ---------------- Automated Events tab ---------------- */
.nt-events {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.nt-channels-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid #e4e9f0;
  border-radius: 20px;
  padding: 1.15rem 1.35rem;
  box-shadow: 0 12px 30px rgba(31, 65, 105, 0.05);
}
.notifications-panel > .nt-channels-card, .content > .nt-channels-card {
  margin-bottom: 1.25rem;
}
.nt-channels-card__info {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  min-width: 0;
  flex: 1 1 320px;
}
.nt-channels-card__icon {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  background: rgba(31, 65, 105, 0.08);
  color: #1f4169;
}
.nt-channels-card__title {
  font-size: 1rem;
  font-weight: 700;
  color: #1f4169;
  margin: 0 0 0.15rem;
}
.nt-channels-card__desc {
  font-size: 0.82rem;
  line-height: 1.45;
  color: #7a8799;
  margin: 0;
  max-width: 40rem;
}
.nt-channels-card__desc strong {
  color: #1f4169;
  font-weight: 700;
}
.nt-channels-card__control {
  flex: 0 1 340px;
  min-width: 240px;
}

@media (max-width: 767.98px) {
  .nt-channels-card__control {
    flex: 1 1 100%;
    min-width: 0;
    width: 100%;
  }
}
.nt-events-group {
  background: #fff;
  border: 1px solid #e4e9f0;
  border-radius: 24px;
  padding: 1.5rem 1.65rem;
  box-shadow: 0 12px 30px rgba(31, 65, 105, 0.05);
}
.nt-events-group__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.nt-events-group__heading {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  min-width: 0;
}
.nt-events-group__icon {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  background: rgba(31, 65, 105, 0.08);
  color: #1f4169;
}
.nt-events-group__icon--birthday {
  background: #fdeef0;
  color: #d9576c;
}
.nt-events-group__icon--subscription {
  background: #fff2e0;
  color: #cf8524;
}
.nt-events-group__title {
  font-size: 1.05rem;
  font-weight: 700;
  color: #1f4169;
  margin: 0;
  line-height: 1.3;
}
.nt-events-group__desc {
  font-size: 0.85rem;
  line-height: 1.45;
  color: #7a8799;
  margin: 0.2rem 0 0;
  max-width: 46rem;
}
.nt-events-group__add {
  flex: 0 0 auto;
  white-space: nowrap;
}
.nt-events-group__switch {
  flex: 0 0 auto;
}

.nt-events-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1.35rem;
}

.nt-event-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.85rem 1rem;
  background: #f8fafc;
  border: 1px solid #eef2f6;
  border-radius: 18px;
}
.nt-event-item__date {
  flex: 0 0 auto;
  width: 54px;
  height: 54px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e4e9f0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.nt-event-item__day {
  font-size: 1.15rem;
  font-weight: 700;
  color: #1f4169;
}
.nt-event-item__month {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #7a8799;
  margin-top: 0.15rem;
}
.nt-event-item__text {
  flex: 1 1 auto;
  min-width: 0;
}
.nt-event-item__name {
  font-size: 0.95rem;
  font-weight: 700;
  color: #000;
  margin: 0 0 0.15rem;
}
.nt-event-item__message {
  font-size: 0.8125rem;
  line-height: 1.4;
  color: #3a3a3a;
  margin: 0 0 0.35rem;
}
.nt-event-item__audience {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #7a8799;
}
.nt-event-item__audience i {
  font-size: 0.8rem;
}
.nt-event-item__time {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding-left: 0.5rem;
  margin-left: 0.15rem;
  border-left: 1px solid #dbe2ea;
}
.nt-event-item__channels {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.5rem;
}
.nt-event-item__channel {
  display: inline-flex;
  align-items: center;
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1;
  padding: 0.28rem 0.55rem;
  border-radius: 999px;
  color: #1f4169;
  background: rgba(31, 65, 105, 0.08);
}
.nt-event-item__controls {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.nt-event-card {
  margin-top: 1.35rem;
  padding: 1.25rem;
  background: #f8fafc;
  border: 1px solid #eef2f6;
  border-radius: 18px;
}
.nt-event-card__auto {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: #7a8799;
  background: rgba(31, 65, 105, 0.05);
  border-radius: 12px;
  padding: 0.7rem 0.85rem;
  margin-bottom: 1.1rem;
}
.nt-event-card__auto i {
  flex: 0 0 auto;
  color: #1f4169;
  font-size: 0.95rem;
  margin-top: 0.1rem;
}
.nt-event-card__auto-text {
  flex: 1 1 auto;
  min-width: 0;
}
.nt-event-card__auto code {
  font-size: 0.72rem;
  color: #1f4169;
  background: #fff;
  border: 1px solid #e4e9f0;
  padding: 0.05rem 0.3rem;
  border-radius: 4px;
  word-break: break-word;
}
.nt-event-card__footer {
  display: flex;
  justify-content: center;
  margin-top: 1.25rem;
}

.nt-reminders {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
@media (min-width: 1400px) {
  .nt-reminders {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 1199.98px) {
  .nt-reminders {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .nt-reminders {
    grid-template-columns: minmax(0, 1fr);
  }
}
.nt-reminders__row {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: #fff;
  border: 1px solid #e4e9f0;
  border-radius: 16px;
  padding: 0.85rem 0.95rem;
  min-width: 0;
  height: 100%;
}
.nt-reminders__top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.65rem;
  min-width: 0;
}
.nt-reminders__days {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}
.nt-reminders__days .sc-add-chapter-form__control {
  width: 88px;
  max-width: 100%;
  min-width: 0;
  text-align: center;
  padding-left: 0.65rem;
  padding-right: 0.65rem;
}
.nt-reminders__days .nt-reminders__field-label {
  white-space: nowrap;
}
.nt-reminders__field {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
}
.nt-reminders__field .sc-add-chapter-form__control--textarea {
  min-height: 120px;
  resize: vertical;
}
.nt-reminders__field--channel {
  flex: 1 1 auto;
  min-width: 0;
}
.nt-reminders__field-label {
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #7a8799;
  margin-left: 0;
}
.nt-reminders__controls {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.35rem;
  flex-shrink: 0;
  margin-left: auto;
}
.nt-reminders__add {
  align-self: flex-start;
  margin-top: 0.85rem;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: transparent;
  border: 1px dashed rgba(31, 65, 105, 0.4);
  color: #1f4169;
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 0.5rem 0.9rem;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.nt-reminders__add:hover {
  background: rgba(31, 65, 105, 0.06);
  border-color: #1f4169;
}

@media (max-width: 991.98px) {
  .nt-channels-card {
    padding: 0.9rem 0.85rem;
  }
  .nt-events-group {
    padding: 0.9rem 0.85rem;
  }
  .nt-events-group__head {
    flex-direction: column;
    align-items: stretch;
  }
  .nt-events-group__add {
    align-self: flex-start;
  }
  .nt-events-group__switch {
    align-self: flex-end;
    width: fit-content;
  }
  .nt-event-card {
    padding: 0.85rem;
  }
  .nt-event-item {
    flex-wrap: wrap;
    padding: 0.7rem 0.75rem;
    gap: 0.75rem;
  }
  .nt-event-item__text {
    flex: 1 1 calc(100% - 70px);
    min-width: 0;
  }
  .nt-event-item__controls {
    flex: 1 1 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    border-top: 1px solid #e4e9f0;
    padding-top: 0.6rem;
    margin-top: 0.15rem;
  }
  .nt-event-item__controls .resources-switch {
    width: fit-content;
  }
  .nt-event-item__controls .resources-action:first-of-type {
    margin-left: auto;
  }
  .nt-event-card__footer .resources-modal__btn {
    width: 100%;
    max-width: 280px;
  }
}
@media (max-width: 575.98px) {
  .nt-channels-card {
    padding: 0.75rem 0.7rem;
  }
  .nt-events-group {
    padding: 0.75rem 0.7rem;
    border-radius: 18px;
  }
  .nt-event-card {
    padding: 0.7rem;
    margin-top: 1rem;
  }
  .nt-events-list {
    margin-top: 1rem;
  }
  .nt-reminders__row {
    padding: 0.75rem 0.7rem;
  }
  .nt-reminders__top {
    gap: 0.5rem;
  }
  .nt-reminders__days .sc-add-chapter-form__control {
    width: 72px;
  }
  .nt-reminders__controls {
    gap: 0.35rem;
  }
}
.notifications-list {
  gap: 0;
  overflow: visible;
  padding: 2rem 2rem 1.35rem;
}
.notifications-list__table-scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.notifications-list__sort {
  font-size: 0.7rem;
  color: #9aa8b8;
  vertical-align: middle;
  margin-left: 0.15rem;
}
.notifications-list__cell {
  justify-self: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #000;
  min-width: 0;
}
.notifications-list__cell--modules {
  justify-self: start;
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: 400;
  color: #3a3a3a;
  line-height: 1.35;
  word-break: break-word;
}
.notifications-list__cell--date {
  white-space: nowrap;
}
.notifications-list__cell--message {
  justify-self: start;
  text-align: left;
  justify-content: flex-start;
  font-weight: 400;
  color: #3a3a3a;
  line-height: 1.35;
  word-break: break-word;
}
.notifications-list__cell--default {
  font-weight: 500;
}
.notifications-list__modules {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.15rem;
  width: 100%;
  min-width: 0;
  text-align: left;
}
.notifications-list__module {
  display: block;
  width: 100%;
  text-align: left;
  line-height: 1.35;
  word-break: break-word;
}
.notifications-list__default-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: rgba(241, 91, 85, 0.12);
  color: #F15B55;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

@media (min-width: 1200px) {
  .notifications-list__table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .notifications-list__head,
  .notifications-list .resources-row--notification-general,
  .notifications-list .resources-row--notification-email,
  .notifications-list .resources-row--notification-template {
    display: grid;
    gap: 0.85rem;
    align-items: center;
    min-width: 1120px;
  }
  .notifications-list__head--general,
  .notifications-list .resources-row--notification-general {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.55fr) minmax(0, 2.1fr) minmax(0, 0.8fr) minmax(0, 0.8fr) minmax(0, 0.65fr) calc(36px * 3 + 0.35rem * 2);
  }
  .notifications-list__head--email,
  .notifications-list .resources-row--notification-email {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 0.55fr) minmax(0, 2.3fr) calc(36px * 3 + 0.35rem * 2);
  }
  .notifications-list__head--template,
  .notifications-list .resources-row--notification-template {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2.2fr) minmax(0, 0.55fr) minmax(0, 0.65fr) calc(36px * 3 + 0.35rem * 2);
    min-width: 980px;
  }
  .notifications-list__head {
    padding: 0.65rem 1.5rem 1rem;
    border-bottom: 1px solid #e8ecf0;
    margin-bottom: 0;
    background: transparent;
    border-radius: 0;
  }
  .notifications-list__head span {
    justify-self: center;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .notifications-list__head--general span:nth-child(1), .notifications-list__head--general span:nth-child(3), .notifications-list__head--email span:nth-child(1), .notifications-list__head--email span:nth-child(2), .notifications-list__head--email span:nth-child(4) {
    justify-self: start;
    text-align: left;
  }
  .notifications-list__head--general span:nth-child(7), .notifications-list__head--email span:nth-child(5), .notifications-list__head--template span:nth-child(5) {
    justify-self: end;
    text-align: right;
    width: calc(36px * 3 + 0.35rem * 2);
  }
  .notifications-list__head--template span:nth-child(1), .notifications-list__head--template span:nth-child(2) {
    justify-self: start;
    text-align: left;
  }
}
.resources-row--notification-general,
.resources-row--notification-email,
.resources-row--notification-template {
  padding: 1rem 1.5rem;
  align-items: center;
  gap: 0.85rem;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  border-bottom: 1px solid #eef1f5;
}
.resources-row--notification-general > *,
.resources-row--notification-email > *,
.resources-row--notification-template > * {
  min-width: 0;
}
.resources-row--notification-general:last-child,
.resources-row--notification-email:last-child,
.resources-row--notification-template:last-child {
  border-bottom: none;
}
.resources-row--notification-general:hover,
.resources-row--notification-email:hover,
.resources-row--notification-template:hover {
  background: #f7f9ff;
}
.resources-row--notification-general .resources-row__name,
.resources-row--notification-email .resources-row__name,
.resources-row--notification-template .resources-row__name {
  display: block;
  justify-self: start;
  max-width: 100%;
  min-width: 0;
  width: 100%;
  overflow: hidden;
}
.resources-row--notification-general .resources-row__name > .resources-row__title,
.resources-row--notification-email .resources-row__name > .resources-row__title,
.resources-row--notification-template .resources-row__name > .resources-row__title {
  display: block;
  flex: unset;
}
.resources-row--notification-general .resources-row__title,
.resources-row--notification-email .resources-row__title,
.resources-row--notification-template .resources-row__title {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.35;
  letter-spacing: 0.02em;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: normal;
  overflow-wrap: normal;
}
.resources-row--notification-general .resources-row__title.notifications-list__title--truncatable,
.resources-row--notification-email .resources-row__title.notifications-list__title--truncatable,
.resources-row--notification-template .resources-row__title.notifications-list__title--truncatable {
  cursor: pointer;
}
.resources-row--notification-general .resources-row__title.is-title-expanded,
.resources-row--notification-email .resources-row__title.is-title-expanded,
.resources-row--notification-template .resources-row__title.is-title-expanded {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.resources-row--notification-general .resources-row__status,
.resources-row--notification-email .resources-row__status,
.resources-row--notification-template .resources-row__status {
  display: flex;
  align-items: center;
  justify-content: center;
}
.resources-row--notification-general .resources-row__actions--triple,
.resources-row--notification-email .resources-row__actions--triple,
.resources-row--notification-template .resources-row__actions--triple {
  display: grid;
  grid-template-columns: repeat(3, 36px);
  justify-content: end;
  justify-self: end;
  gap: 0.35rem;
  width: calc(36px * 3 + 0.35rem * 2);
  margin-left: 0;
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
.resources-row--notification-general .resources-row__actions--triple .resources-action i,
.resources-row--notification-email .resources-row__actions--triple .resources-action i,
.resources-row--notification-template .resources-row__actions--triple .resources-action i {
  font-size: 17px;
  color: #1f4169;
}

.notifications-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem 0;
  margin-top: 0.5rem;
  border-top: 1px solid #eef1f5;
}
.notifications-pagination__info {
  font-size: 0.8125rem;
  color: #7a8799;
}
.notifications-pagination__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.notifications-pagination__btn {
  border: 1px solid #e4e9f0;
  background: #fff;
  color: #1f4169;
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.45rem 0.9rem;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.notifications-pagination__btn:hover:not(:disabled) {
  background: #f4f7fb;
}
.notifications-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.notifications-pagination__pages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}
.notifications-pagination__page {
  min-width: 34px;
  height: 34px;
  padding: 0 0.5rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #7a8799;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
}
.notifications-pagination__page--active {
  background: #1f4169;
  color: #fff;
  border-color: #1f4169;
}
.notifications-pagination__page:hover:not(.notifications-pagination__page--active) {
  background: #f4f7fb;
  color: #1f4169;
}

@media (max-width: 1199.98px) {
  .notifications-page .notifications__actions {
    width: 100%;
  }
  .notifications-page .notifications__actions .resources-btn,
  .notifications-page .notifications__actions .sc-btn {
    width: 100%;
  }
  .notifications-page .notifications-toolbar .resources-toolbar__row--top {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr);
  }
  .notifications-page .notifications-toolbar .resources-toolbar__search {
    width: 100%;
  }
  .notifications-page .notifications-toolbar .resources-toolbar__dropdowns {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .notifications-page .notifications-list {
    padding: 1.15rem 1rem 1rem;
    border-radius: 28px;
    gap: 0.65rem;
    overflow: visible;
  }
  .notifications-page .notifications-list__table-scroll {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    overflow: visible;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .notifications-page .notifications-list__head {
    display: none !important;
  }
  .notifications-page .notifications-list .resources-row--notification-general,
  .notifications-page .notifications-list .resources-row--notification-email,
  .notifications-page .notifications-list .resources-row--notification-template {
    display: grid;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 0.75rem 1rem;
    padding: 1rem 1.15rem;
    border: 1px solid #eef1f5;
    border-radius: 16px;
    margin-bottom: 0;
    border-bottom: none;
    background: #fff;
    box-shadow: 0 2px 10px rgba(31, 65, 105, 0.09);
  }
  .notifications-page .notifications-list .resources-row--notification-general .resources-row__name,
  .notifications-page .notifications-list .resources-row--notification-email .resources-row__name,
  .notifications-page .notifications-list .resources-row--notification-template .resources-row__name {
    grid-area: name;
    width: 100%;
    min-width: 0;
  }
  .notifications-page .notifications-list .resources-row--notification-general .resources-row__title,
  .notifications-page .notifications-list .resources-row--notification-email .resources-row__title,
  .notifications-page .notifications-list .resources-row--notification-template .resources-row__title {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    font-size: 0.9375rem;
    line-height: 1.4;
    word-break: break-word;
  }
  .notifications-page .notifications-list .resources-row--notification-general .resources-row__status,
  .notifications-page .notifications-list .resources-row--notification-email .resources-row__status,
  .notifications-page .notifications-list .resources-row--notification-template .resources-row__status {
    grid-area: status;
    justify-content: flex-start;
    width: auto;
    padding-top: 0;
  }
  .notifications-page .notifications-list .resources-row--notification-general .resources-row__status::before,
  .notifications-page .notifications-list .resources-row--notification-email .resources-row__status::before,
  .notifications-page .notifications-list .resources-row--notification-template .resources-row__status::before {
    content: "Active";
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .notifications-page .notifications-list .resources-row--notification-general .resources-row__actions--triple,
  .notifications-page .notifications-list .resources-row--notification-email .resources-row__actions--triple,
  .notifications-page .notifications-list .resources-row--notification-template .resources-row__actions--triple {
    grid-area: actions;
    justify-self: end;
    align-self: center;
    width: calc(36px * 3 + 0.35rem * 2);
    border-top: none;
    padding-top: 0;
    margin-top: 0;
  }
  .notifications-page .notifications-list .resources-row--notification-general {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "name name" "audience modules" "start end" "status actions";
  }
  .notifications-page .notifications-list .resources-row--notification-email {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "name name" "subject subject" "audience modules" "actions actions";
  }
  .notifications-page .notifications-list .resources-row--notification-template {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "name name" "message message" "default status" "actions actions";
  }
  .notifications-page .notifications-list .resources-row--notification-general > :nth-child(2) {
    grid-area: audience;
  }
  .notifications-page .notifications-list .resources-row--notification-general > :nth-child(3) {
    grid-area: modules;
  }
  .notifications-page .notifications-list .resources-row--notification-general > :nth-child(4) {
    grid-area: start;
  }
  .notifications-page .notifications-list .resources-row--notification-general > :nth-child(5) {
    grid-area: end;
  }
  .notifications-page .notifications-list .resources-row--notification-email > :nth-child(2) {
    grid-area: subject;
  }
  .notifications-page .notifications-list .resources-row--notification-email > :nth-child(3) {
    grid-area: audience;
  }
  .notifications-page .notifications-list .resources-row--notification-email > :nth-child(4) {
    grid-area: modules;
  }
  .notifications-page .notifications-list .resources-row--notification-template > :nth-child(2) {
    grid-area: message;
  }
  .notifications-page .notifications-list .resources-row--notification-template > :nth-child(3) {
    grid-area: default;
  }
  .notifications-page .notifications-list .resources-row--notification-general > .notifications-list__cell,
  .notifications-page .notifications-list .resources-row--notification-email > .notifications-list__cell,
  .notifications-page .notifications-list .resources-row--notification-template > .notifications-list__cell {
    flex-direction: column;
    align-items: flex-start;
    justify-self: stretch;
    text-align: left;
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
  }
  .notifications-page .notifications-list .resources-row--notification-general > :nth-child(2)::before {
    content: "Audience";
  }
  .notifications-page .notifications-list .resources-row--notification-general > :nth-child(3)::before {
    content: "Modules";
  }
  .notifications-page .notifications-list .resources-row--notification-general > :nth-child(4)::before {
    content: "Start Date";
  }
  .notifications-page .notifications-list .resources-row--notification-general > :nth-child(5)::before {
    content: "End Date";
  }
  .notifications-page .notifications-list .resources-row--notification-email > :nth-child(1) .resources-row__title::before {
    content: "Email Name";
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .notifications-page .notifications-list .resources-row--notification-general > :nth-child(1) .resources-row__title::before {
    content: "Notification";
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .notifications-page .notifications-list .resources-row--notification-email > :nth-child(2)::before {
    content: "Email Subject";
  }
  .notifications-page .notifications-list .resources-row--notification-email > :nth-child(3)::before {
    content: "Audience";
  }
  .notifications-page .notifications-list .resources-row--notification-email > :nth-child(4)::before {
    content: "Modules";
  }
  .notifications-page .notifications-list .resources-row--notification-template > :nth-child(1) .resources-row__title::before {
    content: "Template Name";
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .notifications-page .notifications-list .resources-row--notification-template > :nth-child(2)::before {
    content: "Message";
  }
  .notifications-page .notifications-list .resources-row--notification-template > :nth-child(3)::before {
    content: "Default";
  }
  .notifications-page .notifications-list .resources-row--notification-general > .notifications-list__cell::before,
  .notifications-page .notifications-list .resources-row--notification-email > .notifications-list__cell::before,
  .notifications-page .notifications-list .resources-row--notification-template > .notifications-list__cell::before,
  .notifications-page .notifications-list .resources-row--notification-general > :nth-child(2)::before,
  .notifications-page .notifications-list .resources-row--notification-general > :nth-child(3)::before,
  .notifications-page .notifications-list .resources-row--notification-general > :nth-child(4)::before,
  .notifications-page .notifications-list .resources-row--notification-general > :nth-child(5)::before,
  .notifications-page .notifications-list .resources-row--notification-email > :nth-child(2)::before,
  .notifications-page .notifications-list .resources-row--notification-email > :nth-child(3)::before,
  .notifications-page .notifications-list .resources-row--notification-email > :nth-child(4)::before,
  .notifications-page .notifications-list .resources-row--notification-template > :nth-child(2)::before,
  .notifications-page .notifications-list .resources-row--notification-template > :nth-child(3)::before {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .notifications-page .notifications-list .resources-row--notification-email .resources-row__actions--triple,
  .notifications-page .notifications-list .resources-row--notification-template .resources-row__actions--triple {
    justify-self: end;
    width: calc(36px * 3 + 0.35rem * 2);
  }
  .notifications-page .notifications-tabs {
    display: flex;
    width: 100%;
    max-width: 100%;
  }
  .notifications-page .notifications-tabs__btn {
    text-align: center;
  }
  .notifications-page .notifications-pagination {
    flex-direction: column;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }
  .notifications-page .notifications-pagination__controls {
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .notifications-page .notifications-toolbar .resources-toolbar__dropdowns {
    grid-template-columns: 1fr;
  }
  .notifications-page .notifications-list {
    padding: 1rem 0.75rem 0.85rem;
    border-radius: 22px;
  }
  .notifications-page .notifications-list .resources-row--notification-general,
  .notifications-page .notifications-list .resources-row--notification-email,
  .notifications-page .notifications-list .resources-row--notification-template {
    gap: 0.65rem;
    padding: 0.95rem 1rem;
    grid-template-columns: 1fr;
  }
  .notifications-page .notifications-list .resources-row--notification-general .resources-row__title,
  .notifications-page .notifications-list .resources-row--notification-email .resources-row__title,
  .notifications-page .notifications-list .resources-row--notification-template .resources-row__title {
    font-size: 0.875rem;
  }
  .notifications-page .notifications-list .resources-row--notification-general > .notifications-list__cell::before,
  .notifications-page .notifications-list .resources-row--notification-general > :nth-child(2)::before,
  .notifications-page .notifications-list .resources-row--notification-general > :nth-child(3)::before,
  .notifications-page .notifications-list .resources-row--notification-general > :nth-child(4)::before,
  .notifications-page .notifications-list .resources-row--notification-general > :nth-child(5)::before,
  .notifications-page .notifications-list .resources-row--notification-general .resources-row__status::before,
  .notifications-page .notifications-list .resources-row--notification-general > :nth-child(1) .resources-row__title::before,
  .notifications-page .notifications-list .resources-row--notification-email > .notifications-list__cell::before,
  .notifications-page .notifications-list .resources-row--notification-email > :nth-child(2)::before,
  .notifications-page .notifications-list .resources-row--notification-email > :nth-child(3)::before,
  .notifications-page .notifications-list .resources-row--notification-email > :nth-child(4)::before,
  .notifications-page .notifications-list .resources-row--notification-email > :nth-child(5)::before,
  .notifications-page .notifications-list .resources-row--notification-email .resources-row__status::before,
  .notifications-page .notifications-list .resources-row--notification-email > :nth-child(1) .resources-row__title::before,
  .notifications-page .notifications-list .resources-row--notification-template > .notifications-list__cell::before,
  .notifications-page .notifications-list .resources-row--notification-template > :nth-child(2)::before,
  .notifications-page .notifications-list .resources-row--notification-template > :nth-child(3)::before,
  .notifications-page .notifications-list .resources-row--notification-template > :nth-child(4)::before,
  .notifications-page .notifications-list .resources-row--notification-template > :nth-child(5)::before,
  .notifications-page .notifications-list .resources-row--notification-template .resources-row__status::before,
  .notifications-page .notifications-list .resources-row--notification-template > :nth-child(1) .resources-row__title::before {
    font-size: 0.6875rem;
  }
  .notifications-page .notifications-list .resources-row--notification-general > .notifications-list__cell,
  .notifications-page .notifications-list .resources-row--notification-email > .notifications-list__cell,
  .notifications-page .notifications-list .resources-row--notification-template > .notifications-list__cell {
    font-size: 0.875rem;
  }
  .notifications-page .notifications-list .resources-row--notification-general .resources-row__actions--triple,
  .notifications-page .notifications-list .resources-row--notification-email .resources-row__actions--triple,
  .notifications-page .notifications-list .resources-row--notification-template .resources-row__actions--triple {
    justify-self: stretch;
    width: 100%;
    justify-content: flex-end;
  }
  .notifications-page .notifications-list .resources-row--notification-template {
    grid-template-areas: "name" "message" "default" "status" "actions";
  }
  .notifications-page .notifications-list .resources-row--notification-general {
    grid-template-areas: "name" "audience" "modules" "start" "end" "status" "actions";
  }
  .notifications-page .notifications-list .resources-row--notification-email {
    grid-template-areas: "name" "subject" "audience" "modules" "actions";
  }
}
.notifications-email-preview__dialog {
  max-width: min(820px, calc(100% - 2rem));
  width: 100%;
  margin: 1rem auto;
}
.notifications-email-preview__client {
  border: 1px solid #e8ecf0;
  border-radius: 14px;
  background: #fff;
  padding: 1.35rem 1.5rem 1.5rem;
  margin-bottom: 1.5rem;
}
.notifications-email-preview__subject-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.15rem;
}
.notifications-email-preview__subject {
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.35;
  color: #202124;
  word-break: break-word;
  overflow-wrap: anywhere;
  flex: 1;
  min-width: 0;
}
.notifications-email-preview__inbox-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  flex-shrink: 0;
  margin-top: 0.2rem;
  padding: 0.2rem 0.55rem;
  border-radius: 4px;
  background: #f1f3f4;
  color: #5f6368;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
}
.notifications-email-preview__inbox-tag .bi {
  font-size: 0.8rem;
}
.notifications-email-preview__header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.85rem 1rem;
  align-items: start;
  margin-bottom: 1.35rem;
}
.notifications-email-preview__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #1a73e8;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}
.notifications-email-preview__sender {
  min-width: 0;
}
.notifications-email-preview__sender-top {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem;
  margin-bottom: 0.15rem;
}
.notifications-email-preview__sender-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: #202124;
  line-height: 1.3;
}
.notifications-email-preview__sender-email {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #5f6368;
  line-height: 1.3;
}
.notifications-email-preview__recipient {
  font-size: 0.75rem;
  color: #5f6368;
  line-height: 1.3;
}
.notifications-email-preview__recipient .bi {
  font-size: 0.65rem;
  vertical-align: middle;
  margin-left: 0.1rem;
}
.notifications-email-preview__date {
  font-size: 0.75rem;
  color: #5f6368;
  line-height: 1.3;
  white-space: nowrap;
  padding-top: 0.1rem;
}
.notifications-email-preview__body {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.6;
  color: #202124;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
  margin-bottom: 0;
}
.notifications-email-preview__message {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.notifications-email-preview__brand {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  /* Footer/bottom brand matches real email layout (left-aligned). */
}
.notifications-email-preview__brand[data-nt-preview-brand-bottom] {
  justify-content: flex-start;
}
.notifications-email-preview__brand-img {
  display: block;
  max-width: 100%;
  max-height: 96px;
  width: auto;
  height: auto;
  object-fit: contain;
}
.notifications-email-preview__modules {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #5f6368;
  margin-bottom: 1rem;
}
.notifications-email-preview__ps {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #5f6368;
}
@media (max-width: 767.98px) {
  .notifications-email-preview__dialog {
    max-width: calc(100% - 2.5rem);
    margin: 0.85rem auto;
  }
  .notifications-email-preview .sm-edit-module-modal__content {
    border-radius: 24px;
  }
  .notifications-email-preview .sm-edit-module-modal__body {
    padding: 1.75rem 1.15rem 1.35rem;
  }
  .notifications-email-preview__client {
    padding: 1.1rem 1rem 1.2rem;
  }
}
@media (max-width: 575.98px) {
  .notifications-email-preview__dialog {
    max-width: calc(100% - 2rem);
    margin: 0.65rem auto;
  }
}

.notifications-brand-settings-modal .modal-dialog {
  max-width: 480px;
}

.notifications-brand-settings .form-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 0;
  min-width: 0;
}
.notifications-brand-settings .form-field__label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
}
.notifications-brand-settings .form-field__label-row > label {
  margin: 0;
  margin-left: 20px;
  font-size: 13px;
  font-weight: 400;
  padding-top: 1rem;
  color: #1a2b42;
}
.notifications-brand-settings .form-field__hint {
  margin: 0;
  margin-right: 20px;
  padding-left: 0;
  text-align: right;
  flex-shrink: 1;
  min-width: 0;
  font-size: 11px;
  color: #6b7c93;
}
.notifications-brand-settings .form-field__control {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.notifications-brand-settings .form-field__control--doc {
  cursor: pointer;
}
.notifications-brand-settings .form-field__control--doc input[type=file] {
  position: absolute;
  top: 0;
  right: 46px;
  bottom: 0;
  left: 0;
  width: auto;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  padding: 0;
  border: none;
  z-index: 2;
}
.notifications-brand-settings .form-field__control--doc .form-field__file-label {
  padding: 14px 72px 14px 18px;
}
.notifications-brand-settings .form-field__control--doc:focus-within .form-field__file-label {
  border-color: rgba(12, 31, 61, 0.35);
}
.notifications-brand-settings .form-field__file-label {
  display: block;
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 14px 18px 14px 44px;
  font-size: 13px;
  color: #a0aec0;
  background: #fff;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: border-color 0.15s, color 0.15s;
}
.notifications-brand-settings .form-field__file-label.is-filled {
  color: #1a2b42;
}
.notifications-brand-settings .form-field__attach {
  position: absolute;
  left: 16px;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #6b7c93;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 1;
  cursor: pointer;
}
.notifications-brand-settings .form-field__attach svg {
  width: 18px;
  height: 18px;
  display: block;
}
.notifications-brand-settings .form-field__attach--doc {
  left: auto;
  right: 44px;
  pointer-events: auto;
  z-index: 3;
}
.notifications-brand-settings .form-field__reset {
  position: absolute;
  right: 8px;
  z-index: 5;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 50%;
  background: #f15b55;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  cursor: pointer;
  pointer-events: auto;
}
.notifications-brand-settings .form-field__reset svg {
  width: 14px;
  height: 14px;
  pointer-events: none;
}
.notifications-brand-settings .form-field__reset:hover {
  opacity: 0.9;
}
.notifications-brand-settings__thumb {
  margin-top: 0.35rem;
  display: flex;
  justify-content: center;
  /* Bottom/footer position: left-align to match email rendering. */
}
.notifications-brand-settings__thumb--bottom {
  justify-content: flex-start;
}
.notifications-brand-settings__thumb img {
  display: block;
  max-width: 180px;
  max-height: 72px;
  width: auto;
  height: auto;
  object-fit: contain;
  border: 1px solid #e8ecf0;
  border-radius: 8px;
  padding: 0.35rem;
  background: #fff;
}

.notifications-detail__dialog {
  max-width: 720px;
}
.notifications-detail__section {
  margin-bottom: 2rem;
}
.notifications-detail__label {
  font-size: 1rem;
  font-weight: 700;
  color: #18273c;
  line-height: 1.3;
}
.notifications-detail__value {
  font-size: 1rem;
  font-weight: 400;
  color: #18273c;
  line-height: 1.45;
  word-break: break-word;
}
.notifications-detail__modules li {
  font-size: 1rem;
  font-weight: 400;
  color: #18273c;
  line-height: 1.5;
}
.notifications-detail__modules li + li {
  margin-top: 0.15rem;
}

.testimonials-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}
.testimonials-page .testimonials {
  width: 100%;
  min-width: 0;
}
.testimonials-page #addTestimonialModal .sm-edit-module-modal__dialog {
  max-width: min(640px, calc(100% - 2rem));
}
.testimonials-page #addTestimonialModal .sm-edit-module-modal__body {
  padding: 1.35rem 1.25rem 1.25rem;
}
.testimonials-page #addTestimonialModal .sm-edit-module-modal__header {
  margin-bottom: 1.1rem;
  padding-top: 0.25rem;
  padding-bottom: 1rem;
}
.testimonials-page #addTestimonialModal .sm-edit-module-form {
  gap: 0.95rem;
}
.testimonials-page #addTestimonialModal .coupon-banner-upload__dropzone {
  min-height: 96px;
  padding: 0.75rem;
}
.testimonials-page #addTestimonialModal .sc-add-chapter-form__control--textarea {
  min-height: 96px;
}

.testimonials-toolbar .resources-toolbar__row--top {
  grid-template-columns: minmax(0, 1fr) repeat(2, minmax(140px, 180px));
}
.testimonials-toolbar .resources-toolbar__dropdowns {
  display: grid;
  grid-template-columns: repeat(2, minmax(175px, 1fr));
  gap: 0.65rem;
}

.testimonials-image-upload {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
}
.testimonials-image-upload__preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  border: 1px solid #d8dee6;
  border-radius: 12px;
  background: #f4f6f9;
  cursor: pointer;
  overflow: hidden;
  margin: 0;
  flex-shrink: 0;
}
.testimonials-image-upload__preview--filled {
  background: #fff;
}
.testimonials-image-upload__preview--filled .testimonials-image-upload__icon {
  display: none;
}
.testimonials-image-upload__icon {
  font-size: 2rem;
  color: #9aa8b8;
}
.testimonials-image-upload__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonials-image-upload__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-top: 0.35rem;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: #18273c;
  cursor: pointer;
}
.testimonials-image-upload__remove:hover {
  background: #eef1f5;
}

.testimonials-list {
  gap: 0;
  overflow: visible;
  padding: 2rem 2rem 1.35rem;
}
.testimonials-list__table-scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.testimonials-list__head,
.testimonials-list .resources-row--testimonial {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1.8fr) minmax(0, 0.75fr) calc(36px * 2 + 0.35rem);
  min-width: 980px;
  gap: 0.85rem;
  align-items: center;
}
.testimonials-list__head {
  padding: 0.65rem 1.5rem 1rem;
  border-bottom: 1px solid #e8ecf0;
  margin-bottom: 0;
  background: transparent;
  border-radius: 0;
}
.testimonials-list__head span {
  justify-self: center;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
  color: #7a8799;
  min-width: 0;
}
.testimonials-list__head span:nth-child(1),
.testimonials-list__head span:nth-child(3) {
  justify-self: start;
  text-align: left;
}
.testimonials-list__head span:nth-child(2) {
  justify-self: center;
  text-align: center;
}
.testimonials-list__head span:nth-child(5) {
  justify-self: end;
  text-align: right;
  width: calc(36px * 2 + 0.35rem);
}
.testimonials-list .resources-row--testimonial > * {
  min-width: 0;
  max-width: 100%;
}
.testimonials-list__name {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
  justify-self: start;
}
.testimonials-list__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.02em;
}
.testimonials-list__avatar--1 {
  background: #4a6fa5;
}
.testimonials-list__avatar--2 {
  background: #c45c6e;
}
.testimonials-list__avatar--3 {
  background: #3d8b7a;
}
.testimonials-list__avatar--4 {
  background: #8b6bb8;
}
.testimonials-list__avatar--5 {
  background: #c98b3d;
}
.testimonials-list__sort {
  font-size: 0.7rem;
  color: #9aa8b8;
  vertical-align: middle;
  margin-left: 0.15rem;
}
.testimonials-list__cell {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #3a3a3a;
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.testimonials-list__cell--designation {
  display: block;
  justify-self: start;
  text-align: left;
}
.testimonials-list__cell--desc {
  display: block;
  justify-self: start;
  text-align: left;
}
.testimonials-list__cell--truncatable {
  cursor: pointer;
}
.testimonials-list__cell--truncatable:hover {
  color: #1f4169;
}

.testimonials-text-popover {
  position: fixed;
  z-index: 1080;
  max-width: min(440px, calc(100vw - 2rem));
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease, visibility 0.15s ease;
}
.testimonials-text-popover.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.testimonials-text-popover__arrow {
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #3d4450;
}
.testimonials-text-popover__box {
  background: #3d4450;
  color: #fff;
  padding: 0.85rem 1rem;
  border-radius: 10px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.45;
  text-align: left;
  box-shadow: 0 8px 28px rgba(15, 31, 63, 0.22);
  word-break: break-word;
}

.tm-rating-field {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 0.85rem;
  min-height: 2.75rem;
}
.tm-rating-field .sc-add-chapter-form__label {
  flex-shrink: 0;
  margin-bottom: 0;
}
.tm-rating-field .tm-star-rating {
  flex: 0 0 auto;
}

.tm-star-rating {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}
.tm-star-rating__star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 1.65rem;
  line-height: 1;
  color: #d7dde5;
  cursor: pointer;
  transition: color 0.15s ease, transform 0.15s ease;
}
.tm-star-rating__star:hover {
  transform: scale(1.12);
}
.tm-star-rating__star:focus-visible {
  outline: 2px solid rgba(31, 65, 105, 0.5);
  outline-offset: 2px;
  border-radius: 4px;
}
.tm-star-rating__star.is-active, .tm-star-rating__star.is-hover {
  color: #f6b100;
}

.resources-row--testimonial {
  padding: 1rem 1.5rem;
  align-items: center;
  gap: 0.85rem;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  border-bottom: 1px solid #eef1f5;
}
.resources-row--testimonial:last-child {
  border-bottom: none;
}
.resources-row--testimonial:hover {
  background: #f7f9ff;
}
.resources-row--testimonial .resources-row__name {
  justify-self: start;
  min-width: 0;
}
.resources-row--testimonial .resources-row__title {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.35;
  letter-spacing: 0.02em;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.resources-row--testimonial .resources-row__status {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  justify-self: center;
}
.resources-row--testimonial .resources-row__actions--dual {
  display: grid;
  grid-template-columns: repeat(2, 36px);
  justify-content: end;
  justify-self: end;
  gap: 0.35rem;
  width: calc(36px * 2 + 0.35rem);
  flex-shrink: 0;
  margin-left: 0;
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
.resources-row--testimonial .resources-row__actions--dual .resources-action i {
  font-size: 17px;
  color: #1f4169;
}

.testimonials-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem 0;
  margin-top: 0.5rem;
  border-top: 1px solid #eef1f5;
}
.testimonials-pagination__info {
  font-size: 0.8125rem;
  color: #7a8799;
}
.testimonials-pagination__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.testimonials-pagination__btn {
  border: 1px solid #e4e9f0;
  background: #fff;
  color: #1f4169;
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.45rem 0.9rem;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.testimonials-pagination__btn:hover:not(:disabled) {
  background: #f4f7fb;
}
.testimonials-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.testimonials-pagination__pages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}
.testimonials-pagination__page {
  min-width: 34px;
  height: 34px;
  padding: 0 0.5rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #7a8799;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
}
.testimonials-pagination__page--active {
  background: #1f4169;
  color: #fff;
  border-color: #1f4169;
}
.testimonials-pagination__page:hover:not(.testimonials-pagination__page--active) {
  background: #f4f7fb;
  color: #1f4169;
}

@media (max-width: 1199.98px) {
  .testimonials-page .notifications-tabs {
    display: flex;
    width: fit-content;
    max-width: 100%;
  }
  .testimonials-page .notifications-tabs__btn {
    text-align: center;
  }
  .testimonials-page .testimonials__actions {
    width: 100%;
  }
  .testimonials-page .testimonials__actions .resources-btn {
    width: 100%;
  }
  .testimonials-page .testimonials-toolbar .resources-toolbar__row--top {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr);
  }
  .testimonials-page .testimonials-toolbar .resources-toolbar__search {
    width: 100%;
  }
  .testimonials-page .testimonials-toolbar .resources-toolbar__dropdowns {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .testimonials-page .testimonials-list {
    padding: 1.15rem 1rem 1rem;
    border-radius: 28px;
    gap: 0.65rem;
    overflow: visible;
  }
  .testimonials-page .testimonials-list__table-scroll {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    overflow: visible;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .testimonials-page .testimonials-list__head {
    display: none !important;
  }
  .testimonials-page .testimonials-list .resources-row--testimonial {
    display: grid;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 0.75rem 1rem;
    padding: 1rem 1.15rem;
    border: 1px solid #eef1f5;
    border-radius: 16px;
    margin-bottom: 0;
    border-bottom: none;
    background: #fff;
    box-shadow: 0 2px 10px rgba(31, 65, 105, 0.09);
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "name name" "designation designation" "desc desc" "status actions";
  }
  .testimonials-page .testimonials-list .resources-row--testimonial .testimonials-list__name {
    grid-area: name;
    width: 100%;
  }
  .testimonials-page .testimonials-list .resources-row--testimonial .resources-row__title {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    font-size: 0.9375rem;
    line-height: 1.4;
    word-break: break-word;
  }
  .testimonials-page .testimonials-list .resources-row--testimonial > :nth-child(2) {
    grid-area: designation;
  }
  .testimonials-page .testimonials-list .resources-row--testimonial > :nth-child(3) {
    grid-area: desc;
  }
  .testimonials-page .testimonials-list .resources-row--testimonial .resources-row__status {
    grid-area: status;
    justify-content: flex-start;
    width: auto;
    padding-top: 0;
    border-top: none;
    margin-top: 0;
  }
  .testimonials-page .testimonials-list .resources-row--testimonial .resources-row__status::before {
    content: "Active";
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .testimonials-page .testimonials-list .resources-row--testimonial .resources-row__actions--dual {
    grid-area: actions;
    justify-self: end;
    align-self: center;
    border-top: none;
    padding-top: 0;
    margin-top: 0;
  }
  .testimonials-page .testimonials-list .resources-row--testimonial > .testimonials-list__cell {
    flex-direction: column;
    align-items: flex-start;
    justify-self: stretch;
    text-align: left;
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }
  .testimonials-page .testimonials-list .resources-row--testimonial > :nth-child(2)::before {
    content: "Designation";
  }
  .testimonials-page .testimonials-list .resources-row--testimonial > :nth-child(3)::before {
    content: "Description";
  }
  .testimonials-page .testimonials-list .resources-row--testimonial > .testimonials-list__cell::before {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .testimonials-page .testimonials-pagination {
    flex-direction: column;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }
  .testimonials-page .testimonials-pagination__controls {
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .testimonials-page .testimonials-toolbar .resources-toolbar__dropdowns {
    grid-template-columns: 1fr;
  }
  .testimonials-page .testimonials-list {
    padding: 1rem 0.75rem 0.85rem;
    border-radius: 22px;
  }
  .testimonials-page .testimonials-list .resources-row--testimonial {
    gap: 0.65rem;
    padding: 0.95rem 1rem;
    grid-template-columns: 1fr;
  }
  .testimonials-page .testimonials-list .resources-row--testimonial .resources-row__title {
    font-size: 0.875rem;
  }
  .testimonials-page .testimonials-list .resources-row--testimonial > .testimonials-list__cell::before {
    font-size: 0.6875rem;
  }
  .testimonials-page .testimonials-list .resources-row--testimonial > .testimonials-list__cell {
    font-size: 0.875rem;
  }
  .testimonials-page .testimonials-list .resources-row--testimonial .resources-row__actions--dual {
    justify-self: stretch;
    width: 100%;
    justify-content: flex-end;
  }
}
.quotes-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}
.quotes-page .quotes {
  width: 100%;
  min-width: 0;
}
.quotes-page .sm-edit-module-modal__dialog {
  max-width: min(400px, calc(100% - 2rem));
}

.quotes-featured {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0 1.5rem 1.25rem;
  padding: 1rem 1.15rem;
  border-radius: 14px;
  background: linear-gradient(90deg, #3a7bd5 0%, #5eb3f6 55%, #7ec8ff 100%);
  color: #fff;
}
.quotes-featured__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  font-size: 1.35rem;
  color: #fff;
}
.quotes-featured__content {
  flex: 1;
  min-width: 0;
}
.quotes-featured__label {
  font-size: 0.8125rem;
  font-weight: 500;
  opacity: 0.92;
  line-height: 1.3;
}
.quotes-featured__text {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.45;
  word-break: break-word;
}
.quotes-featured__edit {
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.95) !important;
  border: none;
}
.quotes-featured__edit:hover {
  background: #fff !important;
}

.quotes-list {
  gap: 0;
  overflow: visible;
  padding: 2rem 0 1.35rem;
}
.quotes-list__toolbar {
  display: flex;
  justify-content: flex-end;
  padding: 0 1.5rem 1rem;
}
.quotes-list__filter {
  width: min(100%, 180px);
  min-width: 140px;
}
.quotes-list__table-scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.quotes-list__quote {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  min-width: 0;
  justify-self: start;
}
.quotes-list__quote-icon {
  flex-shrink: 0;
  margin-top: 0.1rem;
  font-size: 1rem;
  color: #5a9fd4;
}
.quotes-list__sort {
  font-size: 0.7rem;
  color: #9aa8b8;
  vertical-align: middle;
  margin-left: 0.15rem;
}
.quotes-list__cell {
  justify-self: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #000;
  min-width: 0;
}
.quotes-list__cell--date {
  white-space: nowrap;
}

.quotes-file-field {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 0 1rem 0 2.75rem;
  border: 1px solid #d8dee6;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
}
.quotes-file-field__icon {
  position: absolute;
  left: 1rem;
  font-size: 1rem;
  color: #7a8799;
  pointer-events: none;
}
.quotes-file-field__input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.quotes-file-field__text {
  font-size: 0.9375rem;
  color: #7a8799;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 1200px) {
  .quotes-list__table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .quotes-list__head,
  .quotes-list .resources-row--quote {
    display: grid;
    gap: 0.85rem;
    align-items: center;
    min-width: 860px;
  }
  .quotes-list__head,
  .quotes-list .resources-row--quote {
    grid-template-columns: minmax(0, 2.4fr) minmax(0, 0.7fr) 36px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .quotes-list__head {
    padding-top: 0.65rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e8ecf0;
    margin-bottom: 0;
    background: transparent;
    border-radius: 0;
  }
  .quotes-list__head span {
    justify-self: center;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .quotes-list__head span:nth-child(1) {
    justify-self: start;
    text-align: left;
  }
  .quotes-list__head span:nth-child(4) {
    justify-self: end;
    text-align: right;
    width: 36px;
  }
}
.resources-row--quote {
  padding: 1rem 1.5rem;
  align-items: center;
  gap: 0.85rem;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  border-bottom: 1px solid #eef1f5;
}
.resources-row--quote:last-child {
  border-bottom: none;
}
.resources-row--quote:hover {
  background: #f7f9ff;
}
.resources-row--quote .resources-row__title {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.35;
  letter-spacing: 0.01em;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.resources-row--quote .resources-row__status {
  display: flex;
  align-items: center;
  justify-content: center;
}
.resources-row--quote .resources-row__actions--single {
  display: grid;
  grid-template-columns: 36px;
  justify-content: end;
  justify-self: end;
  gap: 0.35rem;
  width: 36px;
  margin-left: 0;
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

.quotes-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem 0;
  margin-top: 0.5rem;
  border-top: 1px solid #eef1f5;
}
.quotes-pagination__info {
  font-size: 0.8125rem;
  color: #7a8799;
}
.quotes-pagination__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.quotes-pagination__btn {
  border: 1px solid #e4e9f0;
  background: #fff;
  color: #1f4169;
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.45rem 0.9rem;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.quotes-pagination__btn:hover:not(:disabled) {
  background: #f4f7fb;
}
.quotes-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.quotes-pagination__pages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}
.quotes-pagination__page {
  min-width: 34px;
  height: 34px;
  padding: 0 0.5rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #7a8799;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
}
.quotes-pagination__page--active {
  background: #1f4169;
  color: #fff;
  border-color: #1f4169;
}
.quotes-pagination__page:hover:not(.quotes-pagination__page--active) {
  background: #f4f7fb;
  color: #1f4169;
}

@media (max-width: 1199.98px) {
  .quotes-page .quotes__actions {
    width: 100%;
  }
  .quotes-page .quotes__actions .resources-btn {
    width: 100%;
  }
  .quotes-page .quotes-featured {
    margin-left: 0;
    margin-right: 0;
    flex-wrap: wrap;
    padding: 0.95rem 1rem;
    gap: 0.75rem;
  }
  .quotes-page .quotes-featured__edit {
    margin-left: auto;
  }
  .quotes-page .quotes-list {
    padding: 1.15rem 1rem 1rem;
    border-radius: 28px;
    gap: 0.65rem;
    overflow: visible;
  }
  .quotes-page .quotes-list__toolbar {
    padding-left: 0;
    padding-right: 0;
    justify-content: stretch;
  }
  .quotes-page .quotes-list__toolbar .quotes-list__filter {
    width: 100%;
    max-width: 100%;
  }
  .quotes-page .quotes-list__table-scroll {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    overflow: visible;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .quotes-page .quotes-list__head {
    display: none !important;
  }
  .quotes-page .quotes-list .resources-row--quote {
    display: grid;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 0.75rem 1rem;
    padding: 1rem 1.15rem;
    border: 1px solid #eef1f5;
    border-radius: 16px;
    margin-bottom: 0;
    border-bottom: none;
    background: #fff;
    box-shadow: 0 2px 10px rgba(31, 65, 105, 0.09);
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "quote quote" "date status" "actions actions";
  }
  .quotes-page .quotes-list .resources-row--quote .quotes-list__quote {
    grid-area: quote;
    width: 100%;
  }
  .quotes-page .quotes-list .resources-row--quote .resources-row__title {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    font-size: 0.9375rem;
    line-height: 1.4;
    word-break: break-word;
  }
  .quotes-page .quotes-list .resources-row--quote > :nth-child(2) {
    grid-area: date;
  }
  .quotes-page .quotes-list .resources-row--quote .resources-row__status {
    grid-area: status;
    justify-content: flex-start;
    width: auto;
    padding-top: 0;
    border-top: none;
    margin-top: 0;
  }
  .quotes-page .quotes-list .resources-row--quote .resources-row__status::before {
    content: "Active";
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .quotes-page .quotes-list .resources-row--quote .resources-row__actions--single {
    grid-area: actions;
    justify-self: end;
    align-self: center;
    border-top: none;
    padding-top: 0;
    margin-top: 0;
  }
  .quotes-page .quotes-list .resources-row--quote > .quotes-list__cell {
    flex-direction: column;
    align-items: flex-start;
    justify-self: stretch;
    text-align: left;
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
  }
  .quotes-page .quotes-list .resources-row--quote > :nth-child(2)::before {
    content: "Last Shown";
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .quotes-page .quotes-pagination {
    flex-direction: column;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }
  .quotes-page .quotes-pagination__controls {
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .quotes-page .quotes-featured {
    border-radius: 12px;
  }
  .quotes-page .quotes-featured__text {
    font-size: 0.875rem;
  }
  .quotes-page .quotes-list {
    padding: 1rem 0.75rem 0.85rem;
    border-radius: 22px;
  }
  .quotes-page .quotes-list .resources-row--quote {
    gap: 0.65rem;
    padding: 0.95rem 1rem;
    grid-template-columns: 1fr;
    grid-template-areas: "quote" "date" "status" "actions";
  }
  .quotes-page .quotes-list .resources-row--quote .resources-row__title {
    font-size: 0.875rem;
  }
  .quotes-page .quotes-list .resources-row--quote > :nth-child(2)::before {
    font-size: 0.6875rem;
  }
  .quotes-page .quotes-list .resources-row--quote .resources-row__actions--single {
    justify-self: stretch;
    width: 100%;
    justify-content: flex-end;
  }
}
.faqs-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}
.faqs-page .faqs {
  width: 100%;
  min-width: 0;
}
.faqs-page .sm-edit-module-modal__dialog {
  max-width: min(600px, calc(100% - 2rem));
}
.faqs-page .tox-tinymce {
  border: 1px solid #e0e0e0 !important;
  border-radius: 6px !important;
  overflow: hidden;
  box-shadow: none !important;
  font-family: "Urbanist", system-ui, sans-serif !important;
}
.faqs-page .tox .tox-editor-header {
  border-bottom: 1px solid #e4e9f0 !important;
  background: #f7f7f7 !important;
  box-shadow: none !important;
}
.faqs-page .tox .tox-menubar,
.faqs-page .tox .tox-toolbar-overlord,
.faqs-page .tox .tox-toolbar__primary {
  background: #f7f7f7 !important;
}
.faqs-page .tox .tox-mbtn {
  color: #1f4169 !important;
  font-family: "Urbanist", system-ui, sans-serif !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
}
.faqs-page .tox .tox-mbtn:hover:not(:disabled) {
  background: rgba(31, 65, 105, 0.08) !important;
  color: #1f4169 !important;
}
.faqs-page .tox .tox-tbtn {
  color: #1f4169 !important;
}
.faqs-page .tox .tox-tbtn:hover:not(:disabled) {
  background: rgba(31, 65, 105, 0.08) !important;
  color: #1f4169 !important;
}
.faqs-page .tox .tox-tbtn--enabled, .faqs-page .tox .tox-tbtn--enabled:hover {
  background: rgba(31, 65, 105, 0.12) !important;
  color: #1f4169 !important;
}
.faqs-page .tox .tox-split-button:hover {
  box-shadow: none !important;
}
.faqs-page .tox .tox-statusbar {
  border-top: 1px solid #e4e9f0 !important;
  background: #fff !important;
  font-family: "Urbanist", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
}
.faqs-page .tox .tox-statusbar__path-item,
.faqs-page .tox .tox-statusbar__wordcount {
  color: #7a8799 !important;
}
.faqs-page .tox .tox-edit-area__iframe {
  background: #fff !important;
}
.faqs-page .tox-tinymce {
  max-width: 100%;
}

.faqs-toolbar .resources-toolbar__row--top {
  grid-template-columns: minmax(0, 1fr) repeat(2, minmax(140px, 180px));
}
.faqs-toolbar .resources-toolbar__dropdowns {
  display: grid;
  grid-template-columns: repeat(2, minmax(175px, 1fr));
  gap: 0.65rem;
}

.faqs-list {
  gap: 0;
  overflow: visible;
  padding: 2rem 2rem 1.35rem;
}
.faqs-list__table-scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.faqs-list__question {
  min-width: 0;
  justify-self: start;
}
.faqs-list__sort {
  font-size: 0.7rem;
  color: #9aa8b8;
  vertical-align: middle;
  margin-left: 0.15rem;
}
.faqs-list__cell {
  justify-self: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #000;
  min-width: 0;
}
.faqs-list__cell--category {
  justify-self: start;
  text-align: left;
  justify-content: flex-start;
  font-weight: 500;
  color: #18273c;
}

.faqs-view__label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #7a8799;
  line-height: 1.3;
}
.faqs-view__value {
  font-size: 1rem;
  font-weight: 500;
  color: #18273c;
  line-height: 1.45;
  word-break: break-word;
}
.faqs-view__answer {
  font-size: 0.9375rem;
  font-weight: 400;
  color: #3a3a3a;
  line-height: 1.5;
  word-break: break-word;
}
.faqs-view__answer p:last-child {
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .faqs-list__table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .faqs-list__head,
  .faqs-list .resources-row--faq {
    display: grid;
    gap: 0.85rem;
    align-items: center;
    min-width: 920px;
  }
  .faqs-list__head,
  .faqs-list .resources-row--faq {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2.5fr) minmax(0, 0.7fr) calc(36px * 3 + 0.35rem * 2);
  }
  .faqs-list__head {
    padding: 0.65rem 1.5rem 1rem;
    border-bottom: 1px solid #e8ecf0;
    margin-bottom: 0;
    background: transparent;
    border-radius: 0;
  }
  .faqs-list__head span {
    justify-self: center;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .faqs-list__head span:nth-child(1),
  .faqs-list__head span:nth-child(2) {
    justify-self: start;
    text-align: left;
  }
  .faqs-list__head span:nth-child(4) {
    justify-self: end;
    text-align: right;
    width: calc(36px * 3 + 0.35rem * 2);
  }
}
.resources-row--faq {
  padding: 1rem 1.5rem;
  align-items: center;
  gap: 0.85rem;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  border-bottom: 1px solid #eef1f5;
}
.resources-row--faq:last-child {
  border-bottom: none;
}
.resources-row--faq:hover {
  background: #f7f9ff;
}
.resources-row--faq .resources-row__title {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.35;
  letter-spacing: 0.01em;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.resources-row--faq .resources-row__status {
  display: flex;
  align-items: center;
  justify-content: center;
}
.resources-row--faq .resources-row__actions--triple {
  display: grid;
  grid-template-columns: repeat(3, 36px);
  justify-content: end;
  justify-self: end;
  gap: 0.35rem;
  width: calc(36px * 3 + 0.35rem * 2);
  margin-left: 0;
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
.resources-row--faq .resources-row__actions--triple .resources-action i {
  font-size: 17px;
  color: #1f4169;
}

.faqs-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem 0;
  margin-top: 0.5rem;
  border-top: 1px solid #eef1f5;
}
.faqs-pagination__info {
  font-size: 0.8125rem;
  color: #7a8799;
}
.faqs-pagination__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.faqs-pagination__btn {
  border: 1px solid #e4e9f0;
  background: #fff;
  color: #1f4169;
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.45rem 0.9rem;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.faqs-pagination__btn:hover:not(:disabled) {
  background: #f4f7fb;
}
.faqs-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.faqs-pagination__pages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}
.faqs-pagination__page {
  min-width: 34px;
  height: 34px;
  padding: 0 0.5rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #7a8799;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
}
.faqs-pagination__page--active {
  background: #1f4169;
  color: #fff;
  border-color: #1f4169;
}
.faqs-pagination__page:hover:not(.faqs-pagination__page--active) {
  background: #f4f7fb;
  color: #1f4169;
}

@media (max-width: 1199.98px) {
  .faqs-page .faqs__actions {
    width: 100%;
  }
  .faqs-page .faqs__actions .resources-btn {
    width: 100%;
  }
  .faqs-page .faqs-toolbar .resources-toolbar__row--top {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr);
  }
  .faqs-page .faqs-toolbar .resources-toolbar__search {
    width: 100%;
  }
  .faqs-page .faqs-toolbar .resources-toolbar__dropdowns {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .faqs-page .faqs-list {
    padding: 1.15rem 1rem 1rem;
    border-radius: 28px;
    gap: 0.65rem;
    overflow: visible;
  }
  .faqs-page .faqs-list__table-scroll {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    overflow: visible;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .faqs-page .faqs-list__head {
    display: none !important;
  }
  .faqs-page .faqs-list .resources-row--faq {
    display: grid;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 0.75rem 1rem;
    padding: 1rem 1.15rem;
    border: 1px solid #eef1f5;
    border-radius: 16px;
    margin-bottom: 0;
    border-bottom: none;
    background: #fff;
    box-shadow: 0 2px 10px rgba(31, 65, 105, 0.09);
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "category category" "question question" "status actions";
  }
  .faqs-page .faqs-list .resources-row--faq > :nth-child(1) {
    grid-area: category;
  }
  .faqs-page .faqs-list .resources-row--faq .faqs-list__question {
    grid-area: question;
    width: 100%;
  }
  .faqs-page .faqs-list .resources-row--faq .resources-row__title {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    font-size: 0.9375rem;
    line-height: 1.4;
    word-break: break-word;
  }
  .faqs-page .faqs-list .resources-row--faq .resources-row__status {
    grid-area: status;
    justify-content: flex-start;
    width: auto;
    padding-top: 0;
    border-top: none;
    margin-top: 0;
  }
  .faqs-page .faqs-list .resources-row--faq .resources-row__status::before {
    content: "Active";
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .faqs-page .faqs-list .resources-row--faq .resources-row__actions--triple {
    grid-area: actions;
    justify-self: end;
    align-self: center;
    border-top: none;
    padding-top: 0;
    margin-top: 0;
  }
  .faqs-page .faqs-list .resources-row--faq > .faqs-list__cell {
    flex-direction: column;
    align-items: flex-start;
    justify-self: stretch;
    text-align: left;
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
  }
  .faqs-page .faqs-list .resources-row--faq > :nth-child(1)::before {
    content: "Category";
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .faqs-page .faqs-pagination {
    flex-direction: column;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }
  .faqs-page .faqs-pagination__controls {
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .faqs-page .faqs-toolbar .resources-toolbar__dropdowns {
    grid-template-columns: 1fr;
  }
  .faqs-page .faqs-list {
    padding: 1rem 0.75rem 0.85rem;
    border-radius: 22px;
  }
  .faqs-page .faqs-list .resources-row--faq {
    gap: 0.65rem;
    padding: 0.95rem 1rem;
    grid-template-columns: 1fr;
    grid-template-areas: "category" "question" "status" "actions";
  }
  .faqs-page .faqs-list .resources-row--faq > :nth-child(1)::before {
    font-size: 0.6875rem;
  }
  .faqs-page .faqs-list .resources-row--faq .resources-row__title {
    font-size: 0.875rem;
  }
  .faqs-page .faqs-list .resources-row--faq .resources-row__actions--triple {
    justify-self: stretch;
    width: 100%;
    justify-content: flex-end;
  }
}
.school-logo-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}
.school-logo-page .school-logo {
  width: 100%;
  min-width: 0;
}
.school-logo-page .resources-btn--ghost {
  background: #eef1f5;
  color: #1f4169;
  border: 1px solid transparent;
}
.school-logo-page .resources-btn--ghost:hover {
  background: #e2e8f0;
  color: #1f4169;
}

.school-logo__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 1.25rem;
  align-items: start;
}

.school-logo__panel {
  background: #fff;
  border: 1px solid #e8ecf0;
  border-radius: 24px;
  padding: 1.35rem 1.5rem 1.5rem;
  box-shadow: 0 2px 14px rgba(31, 65, 105, 0.06);
}
.school-logo__panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1.15rem;
}
.school-logo__panel-title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: #1f4169;
  line-height: 1.3;
}

.school-logo__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.3rem 0.65rem;
  border-radius: 999px;
  background: #f4f7fb;
  border: 1px solid #e4e9f0;
  font-size: 0.75rem;
  font-weight: 500;
  color: #7a8799;
  white-space: nowrap;
}

.school-logo__context {
  border: 1px solid #e8ecf0;
  border-radius: 18px;
  overflow: hidden;
  background: #f8fafc;
  margin-bottom: 1.15rem;
}
.school-logo__context-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1rem;
  background: #fff;
  border-bottom: 1px solid #eef1f5;
}
.school-logo__context-img {
  display: block;
  max-width: 190px;
  max-height: 56px;
  width: auto;
  height: auto;
  object-fit: contain;
}
.school-logo__context-label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #7a8799;
  white-space: nowrap;
}
.school-logo__context-body {
  padding: 1rem;
  display: grid;
  gap: 0.55rem;
}
.school-logo__context-line {
  height: 10px;
  border-radius: 999px;
  background: #e8ecf0;
}
.school-logo__context-line--short {
  width: 62%;
}

.school-logo__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  padding-top: 0.15rem;
}
.school-logo__meta-label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #7a8799;
  line-height: 1.3;
}
.school-logo__meta-value {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #18273c;
  line-height: 1.35;
  word-break: break-word;
}

.school-logo__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.school-logo__dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 210px;
  padding: 1.5rem 1.25rem;
  border: 2px dashed #c9d4e2;
  border-radius: 18px;
  background: #f8fbff;
  cursor: pointer;
  text-align: center;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.school-logo__dropzone:hover, .school-logo__dropzone--drag {
  border-color: #7eb8e8;
  background: #f0f7ff;
  box-shadow: inset 0 0 0 1px rgba(58, 123, 213, 0.08);
}
.school-logo__dropzone--filled {
  border-style: solid;
  border-color: #b8d4f0;
  background: #fff;
}
.school-logo__dropzone-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #e4e9f0;
  color: #3a7bd5;
  font-size: 1.35rem;
  margin-bottom: 0.25rem;
}
.school-logo__dropzone-title {
  font-size: 1rem;
  font-weight: 600;
  color: #1f4169;
  line-height: 1.35;
}
.school-logo__dropzone-sub {
  font-size: 0.8125rem;
  color: #7a8799;
  line-height: 1.35;
}
.school-logo__dropzone-file {
  margin-top: 0.35rem;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  background: #eef5fc;
  color: #1f4169;
  font-size: 0.8125rem;
  font-weight: 500;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.school-logo__rules {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.55rem;
}

.school-logo__rule {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #3a4a5c;
}
.school-logo__rule i {
  flex-shrink: 0;
  margin-top: 0.1rem;
  font-size: 0.95rem;
  color: #3a7bd5;
}

.school-logo__hint {
  font-size: 0.8125rem;
  color: #7a8799;
  line-height: 1.4;
}
.school-logo__hint--error {
  color: #c0392b;
}

.school-logo__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem;
  padding-top: 0.35rem;
  border-top: 1px solid #eef1f5;
  margin-top: 0.15rem;
}
.school-logo__actions .resources-btn {
  min-width: 130px;
}

@media (max-width: 1199.98px) {
  .school-logo-page .school-logo__grid {
    grid-template-columns: 1fr;
  }
  .school-logo-page .school-logo__panel {
    border-radius: 20px;
    padding: 1.15rem 1.1rem 1.25rem;
  }
  .school-logo-page .school-logo__context-bar {
    flex-direction: column;
    align-items: flex-start;
  }
  .school-logo-page .school-logo__meta {
    grid-template-columns: 1fr;
  }
  .school-logo-page .school-logo__dropzone {
    min-height: 180px;
    padding: 1.25rem 1rem;
  }
  .school-logo-page .school-logo__actions {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .school-logo-page .school-logo__actions .resources-btn {
    width: 100%;
    min-width: 0;
  }
}
@media (max-width: 575.98px) {
  .school-logo-page .resources__title {
    font-size: 1.35rem;
  }
  .school-logo-page .school-logo__panel {
    border-radius: 16px;
    padding: 1rem 0.9rem 1.1rem;
  }
  .school-logo-page .school-logo__panel-title {
    font-size: 1rem;
  }
  .school-logo-page .school-logo__badge {
    font-size: 0.6875rem;
  }
}
.login-page-images-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}
.login-page-images-page .login-page-images {
  width: 100%;
  min-width: 0;
}

.lpi-layout {
  display: grid;
  grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
  gap: 1.25rem;
  align-items: start;
}
.lpi-layout .login-page-images-directory {
  min-width: 0;
}

.lpi-preview {
  background: #fff;
  border: 1px solid #e8ecf0;
  border-radius: 24px;
  padding: 1.15rem 1rem 1.25rem;
  box-shadow: 0 2px 14px rgba(31, 65, 105, 0.06);
}
.lpi-preview__label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1f4169;
  line-height: 1.3;
}
.lpi-preview__frame {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 280px;
  padding: 0.75rem;
  border: 1px solid #eef1f5;
  border-radius: 16px;
  background: #f8fafc;
  margin-bottom: 0.75rem;
}
.lpi-preview__img {
  display: block;
  width: 100%;
  max-width: 170px;
  max-height: 255px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(31, 65, 105, 0.12);
}
.lpi-preview__name {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #7a8799;
  text-align: center;
  word-break: break-word;
}

.lpi-list {
  gap: 0;
  overflow: visible;
  padding: 1.35rem 1.5rem 1.35rem;
  min-width: 0;
}
.lpi-list__table-scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.lpi-list__sort {
  font-size: 0.7rem;
  color: #9aa8b8;
  vertical-align: middle;
  margin-left: 0.15rem;
}
.lpi-list__cell {
  justify-self: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #000;
  min-width: 0;
}
.lpi-list__cell--name {
  justify-self: start;
  text-align: left;
  justify-content: flex-start;
  font-weight: 600;
  color: #18273c;
  word-break: break-word;
}
.lpi-list__cell--date {
  white-space: nowrap;
}
.lpi-list__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35rem;
  justify-self: end;
  width: 100%;
  max-width: calc(36px * 3 + 0.35rem * 2);
  flex-wrap: wrap;
}
.lpi-list__switch {
  margin-left: 0.15rem;
}
.lpi-list__switch .resources-switch__label {
  display: none;
}

.lpi-upload__dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.5rem;
  padding: 1.35rem 1.15rem;
  border-radius: 16px;
  background: #f0f6fc;
  border: 1px solid #d8e6f5;
  cursor: pointer;
  margin-bottom: 1rem;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.lpi-upload__dropzone:hover {
  background: #e8f2fb;
  border-color: #b8d4f0;
}
.lpi-upload__dropzone-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e4e9f0;
  color: #6b8fbf;
  font-size: 1.75rem;
}
.lpi-upload__dropzone-badge {
  position: absolute;
  right: -6px;
  bottom: -6px;
  font-size: 1.1rem;
  color: #3a7bd5;
  background: #fff;
  border-radius: 50%;
  line-height: 1;
}
.lpi-upload__dropzone-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #1f4169;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.lpi-upload__dropzone-hint {
  font-size: 0.8125rem;
  line-height: 1.45;
  color: #3a7bd5;
  max-width: 34rem;
}
.lpi-upload__files {
  min-height: 72px;
  padding: 0.85rem 1rem;
  border: 1px solid #e8ecf0;
  border-radius: 12px;
  background: #fff;
  margin-bottom: 0.25rem;
}
.lpi-upload__files-empty {
  text-align: center;
  font-size: 0.875rem;
  color: #7a8799;
  line-height: 1.4;
  padding: 0.65rem 0;
}
.lpi-upload__file-item {
  font-size: 0.875rem;
  font-weight: 500;
  color: #18273c;
  padding: 0.35rem 0;
  border-bottom: 1px solid #f0f2f5;
}
.lpi-upload__file-item:last-child {
  border-bottom: none;
}

.lpi-confirm-modal__content {
  border-radius: 20px;
  padding: 0.5rem 0.25rem 1.25rem;
}
.lpi-confirm-modal__body {
  padding: 1.5rem 1.75rem 1rem;
}
.lpi-confirm-modal__title {
  margin: 0 0 1rem;
  font-size: 1.35rem;
  font-weight: 600;
  color: #5c6672;
  line-height: 1.3;
}
.lpi-confirm-modal__text {
  font-size: 0.9375rem;
  color: #7a8799;
  line-height: 1.45;
}
.lpi-confirm-modal__footer {
  padding-bottom: 1.25rem;
}
.lpi-confirm-modal__footer .resources-modal__btn {
  min-width: 160px;
}

.lpi-view__label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #7a8799;
  line-height: 1.3;
}
.lpi-view__value {
  font-size: 1rem;
  font-weight: 600;
  color: #18273c;
  line-height: 1.4;
  word-break: break-word;
}
.lpi-view__frame {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  border: 1px solid #e8ecf0;
  border-radius: 16px;
  background: #f8fafc;
  min-height: 320px;
}
.lpi-view__img {
  display: block;
  max-width: 100%;
  max-height: 420px;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(31, 65, 105, 0.1);
}

@media (min-width: 1200px) {
  .lpi-list__table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .lpi-list__head,
  .lpi-list .resources-row--login-image {
    display: grid;
    gap: 0.85rem;
    align-items: center;
    min-width: 680px;
  }
  .lpi-list__head,
  .lpi-list .resources-row--login-image {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.9fr) minmax(0, 0.75fr) calc(36px * 3 + 0.35rem * 2);
  }
  .lpi-list__head {
    padding: 0.65rem 1.5rem 1rem;
    border-bottom: 1px solid #e8ecf0;
    margin-bottom: 0;
    background: transparent;
    border-radius: 0;
  }
  .lpi-list__head span {
    justify-self: center;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .lpi-list__head span:nth-child(1) {
    justify-self: start;
    text-align: left;
  }
  .lpi-list__head span:nth-child(3) {
    justify-self: end;
    text-align: right;
    width: calc(36px * 3 + 0.35rem * 2);
  }
}
.resources-row--login-image {
  padding: 1rem 1.5rem;
  align-items: center;
  gap: 0.85rem;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  border-bottom: 1px solid #eef1f5;
}
.resources-row--login-image:last-child {
  border-bottom: none;
}
.resources-row--login-image:hover {
  background: #f7f9ff;
}

.lpi-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem 0;
  margin-top: 0.5rem;
  border-top: 1px solid #eef1f5;
}
.lpi-pagination__info {
  font-size: 0.8125rem;
  color: #7a8799;
}
.lpi-pagination__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.lpi-pagination__btn {
  border: 1px solid #e4e9f0;
  background: #fff;
  color: #1f4169;
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.45rem 0.9rem;
  border-radius: 10px;
  cursor: pointer;
}
.lpi-pagination__btn:hover:not(:disabled) {
  background: #f4f7fb;
}
.lpi-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.lpi-pagination__pages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}
.lpi-pagination__page {
  min-width: 34px;
  height: 34px;
  padding: 0 0.5rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #7a8799;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
}
.lpi-pagination__page--active {
  background: #1f4169;
  color: #fff;
  border-color: #1f4169;
}
.lpi-pagination__page:hover:not(.lpi-pagination__page--active) {
  background: #f4f7fb;
  color: #1f4169;
}

@media (max-width: 1199.98px) {
  .login-page-images-page .lpi__actions {
    width: 100%;
  }
  .login-page-images-page .lpi__actions .resources-btn {
    width: 100%;
  }
  .login-page-images-page .lpi-layout {
    grid-template-columns: 1fr;
  }
  .login-page-images-page .lpi-preview {
    border-radius: 20px;
  }
  .login-page-images-page .lpi-preview__frame {
    min-height: 220px;
  }
  .login-page-images-page .lpi-list {
    padding: 1.15rem 1rem 1rem;
    border-radius: 28px;
  }
  .login-page-images-page .lpi-list__table-scroll {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    overflow: visible;
  }
  .login-page-images-page .lpi-list__head {
    display: none !important;
  }
  .login-page-images-page .lpi-list .resources-row--login-image {
    display: grid;
    width: 100%;
    min-width: 0;
    gap: 0.75rem;
    padding: 1rem 1.15rem;
    border: 1px solid #eef1f5;
    border-radius: 16px;
    border-bottom: none;
    background: #fff;
    box-shadow: 0 2px 10px rgba(31, 65, 105, 0.09);
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "name name" "date actions";
  }
  .login-page-images-page .lpi-list .resources-row--login-image > :nth-child(1) {
    grid-area: name;
  }
  .login-page-images-page .lpi-list .resources-row--login-image > :nth-child(2) {
    grid-area: date;
  }
  .login-page-images-page .lpi-list .resources-row--login-image .lpi-list__actions {
    grid-area: actions;
    justify-self: end;
    align-self: center;
  }
  .login-page-images-page .lpi-list .resources-row--login-image > .lpi-list__cell {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    justify-content: flex-start;
  }
  .login-page-images-page .lpi-list .resources-row--login-image > :nth-child(1)::before {
    content: "Image Name";
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #7a8799;
  }
  .login-page-images-page .lpi-list .resources-row--login-image > :nth-child(2)::before {
    content: "Last Shown";
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #7a8799;
  }
  .login-page-images-page .lpi-pagination {
    flex-direction: column;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }
  .login-page-images-page .lpi-pagination__controls {
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .login-page-images-page .lpi-preview {
    padding: 1rem 0.9rem;
  }
  .login-page-images-page .lpi-preview__img {
    max-width: 140px;
    max-height: 210px;
  }
  .login-page-images-page .lpi-list {
    padding: 1rem 0.75rem 0.85rem;
    border-radius: 22px;
  }
  .login-page-images-page .lpi-list .resources-row--login-image {
    grid-template-columns: 1fr;
    grid-template-areas: "name" "date" "actions";
    padding: 0.95rem 1rem;
  }
  .login-page-images-page .lpi-list .resources-row--login-image .lpi-list__actions {
    justify-self: stretch;
    max-width: 100%;
    justify-content: flex-end;
  }
}
.dashboard-button-link-page .dashboard-button-link {
  width: 100%;
  max-width: none;
}
.dashboard-button-link-page .sm-edit-module-modal__dialog {
  max-width: min(540px, calc(100% - 2rem));
}
.dashboard-button-link-page .notifications-rich-editor {
  width: 100%;
}
.dashboard-button-link-page .notifications-rich-editor .tox-tinymce {
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  overflow: hidden;
  max-width: 100%;
  min-height: 12rem;
  font-family: "Urbanist", system-ui, sans-serif !important;
}
.dashboard-button-link-page .notifications-rich-editor .tox .tox-editor-header {
  border-bottom: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  box-shadow: none !important;
}
.dashboard-button-link-page .notifications-rich-editor .tox .tox-toolbar-overlord,
.dashboard-button-link-page .notifications-rich-editor .tox .tox-toolbar__primary {
  background: #f8fafc !important;
}
.dashboard-button-link-page .notifications-rich-editor .tox .tox-tbtn {
  color: #1f4169 !important;
}
.dashboard-button-link-page .notifications-rich-editor .tox .tox-tbtn:hover:not(:disabled) {
  background: rgba(31, 65, 105, 0.08) !important;
  color: #1f4169 !important;
}
.dashboard-button-link-page .notifications-rich-editor .tox .tox-tbtn--enabled, .dashboard-button-link-page .notifications-rich-editor .tox .tox-tbtn--enabled:hover {
  background: rgba(31, 65, 105, 0.12) !important;
  color: #1f4169 !important;
}
.dashboard-button-link-page .notifications-rich-editor .tox .tox-edit-area__iframe {
  background: #fff !important;
}
.dashboard-button-link-page .dbl__actions {
  display: flex;
  flex-shrink: 0;
}
.dashboard-button-link-page .resources-btn {
  min-width: 120px;
}

.dbl-card {
  background: #fff;
  border: 1px solid #e8edf3;
  border-radius: 24px;
  box-shadow: 0 0 13.1px rgba(0, 0, 0, 0.04);
  padding: 1.75rem 2rem;
}
.dbl-card__section {
  min-width: 0;
}
.dbl-card__label {
  font-family: "Urbanist", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
  color: #8b95a5;
}
.dbl-card__label--link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.dbl-card__label--link i {
  font-size: 1rem;
  color: #8b95a5;
}
.dbl-card__value {
  font-family: "Urbanist", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.45;
  color: #2f3b4c;
  word-break: break-word;
}
.dbl-card__value--link {
  font-weight: 400;
}
.dbl-card__description {
  font-family: "Urbanist", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  color: #1a2b42;
}
.dbl-card__description p {
  margin: 0 0 0.35rem;
}
.dbl-card__description p:last-child {
  margin-bottom: 0;
}
.dbl-card__link {
  color: inherit;
  text-decoration: none;
}
.dbl-card__link:hover {
  color: #1f4169;
  text-decoration: underline;
}
.dbl-card__divider {
  margin: 1.35rem 0;
  border: 0;
  border-top: 1px solid #edf1f6;
  opacity: 1;
}

@media (max-width: 767.98px) {
  .dashboard-button-link-page .resources__top {
    align-items: stretch !important;
  }
  .dashboard-button-link-page .dbl__actions {
    width: 100%;
  }
  .dashboard-button-link-page .dbl__actions .resources-btn {
    width: 100%;
  }
  .dashboard-button-link-page .dbl-card {
    padding: 1.35rem 1.25rem;
    border-radius: 20px;
  }
}
@media (max-width: 575.98px) {
  .dashboard-button-link-page .dbl-card {
    padding: 1.15rem 1rem;
    border-radius: 18px;
  }
  .dashboard-button-link-page .dbl-card__value {
    font-size: 0.9375rem;
  }
}
.flying-schools-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}
.flying-schools-page .flying-schools {
  width: 100%;
  min-width: 0;
}
.flying-schools-page .sm-edit-module-modal__dialog {
  max-width: min(400px, calc(100% - 2rem));
}

.flying-schools-toolbar .resources-toolbar__row--top {
  grid-template-columns: minmax(0, 1fr) repeat(2, minmax(140px, 180px));
}
.flying-schools-toolbar .resources-toolbar__dropdowns {
  display: grid;
  grid-template-columns: repeat(2, minmax(175px, 1fr));
  gap: 0.65rem;
}

.flying-schools-list {
  gap: 0;
  overflow: visible;
  padding: 2rem 2rem 1.35rem;
}
.flying-schools-list__table-scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.flying-schools-list__sort {
  font-size: 0.7rem;
  color: #9aa8b8;
  vertical-align: middle;
  margin-left: 0.15rem;
}
.flying-schools-list__cell {
  justify-self: start;
  min-width: 0;
}
.flying-schools-list__cell--name {
  display: flex;
  align-items: center;
  width: 100%;
}

@media (min-width: 1200px) {
  .flying-schools-list__table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .flying-schools-list__head,
  .flying-schools-list .resources-row--flying-school {
    display: grid;
    gap: 0.85rem;
    align-items: center;
    min-width: 720px;
  }
  .flying-schools-list__head,
  .flying-schools-list .resources-row--flying-school {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.55fr) calc(36px * 2 + 0.35rem);
  }
  .flying-schools-list__head {
    padding: 0.65rem 1.5rem 1rem;
    border-bottom: 1px solid #e8ecf0;
    margin-bottom: 0;
    background: transparent;
    border-radius: 0;
  }
  .flying-schools-list__head span {
    justify-self: center;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .flying-schools-list__head span:nth-child(1) {
    justify-self: start;
    text-align: left;
  }
  .flying-schools-list__head span:nth-child(3) {
    justify-self: end;
    text-align: right;
    width: calc(36px * 2 + 0.35rem);
  }
}
.resources-row--flying-school {
  padding: 1rem 1.5rem;
  align-items: center;
  gap: 0.85rem;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  border-bottom: 1px solid #eef1f5;
}
.resources-row--flying-school:last-child {
  border-bottom: none;
}
.resources-row--flying-school:hover {
  background: #f7f9ff;
}
.resources-row--flying-school .resources-row__title {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.35;
  letter-spacing: 0.02em;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.resources-row--flying-school .resources-row__status {
  display: flex;
  align-items: center;
  justify-content: center;
}
.resources-row--flying-school .resources-row__actions--dual {
  display: grid;
  grid-template-columns: repeat(2, 36px);
  justify-content: end;
  justify-self: end;
  gap: 0.35rem;
  width: calc(36px * 2 + 0.35rem);
  margin-left: 0;
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
.resources-row--flying-school .resources-row__actions--dual .resources-action i {
  font-size: 17px;
  color: #1f4169;
}

.flying-schools-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem 0;
  margin-top: 0.5rem;
  border-top: 1px solid #eef1f5;
}
.flying-schools-pagination__info {
  font-size: 0.8125rem;
  color: #7a8799;
}
.flying-schools-pagination__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.flying-schools-pagination__btn {
  border: 1px solid #e4e9f0;
  background: #fff;
  color: #1f4169;
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.45rem 0.9rem;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.flying-schools-pagination__btn:hover:not(:disabled) {
  background: #f4f7fb;
}
.flying-schools-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.flying-schools-pagination__pages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}
.flying-schools-pagination__page {
  min-width: 34px;
  height: 34px;
  padding: 0 0.5rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #7a8799;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
}
.flying-schools-pagination__page--active {
  background: #1f4169;
  color: #fff;
  border-color: #1f4169;
}
.flying-schools-pagination__page:hover:not(.flying-schools-pagination__page--active) {
  background: #f4f7fb;
  color: #1f4169;
}

@media (max-width: 1199.98px) {
  .flying-schools-page .flying-schools__actions {
    width: 100%;
  }
  .flying-schools-page .flying-schools__actions .resources-btn {
    width: 100%;
  }
  .flying-schools-page .flying-schools-toolbar .resources-toolbar__row--top {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr);
  }
  .flying-schools-page .flying-schools-toolbar .resources-toolbar__search {
    width: 100%;
  }
  .flying-schools-page .flying-schools-toolbar .resources-toolbar__dropdowns {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .flying-schools-page .flying-schools-list {
    padding: 1.15rem 1rem 1rem;
    border-radius: 28px;
    gap: 0.65rem;
    overflow: visible;
  }
  .flying-schools-page .flying-schools-list__table-scroll {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    overflow: visible;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .flying-schools-page .flying-schools-list__head {
    display: none !important;
  }
  .flying-schools-page .flying-schools-list .resources-row--flying-school {
    display: grid;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 0.75rem 1rem;
    padding: 1rem 1.15rem;
    border: 1px solid #eef1f5;
    border-radius: 16px;
    margin-bottom: 0;
    border-bottom: none;
    background: #fff;
    box-shadow: 0 2px 10px rgba(31, 65, 105, 0.09);
    grid-template-columns: 1fr auto;
    grid-template-areas: "name name" "status actions";
  }
  .flying-schools-page .flying-schools-list .resources-row--flying-school .flying-schools-list__cell--name {
    grid-area: name;
    width: 100%;
  }
  .flying-schools-page .flying-schools-list .resources-row--flying-school .resources-row__title {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    font-size: 0.9375rem;
    line-height: 1.4;
    word-break: break-word;
  }
  .flying-schools-page .flying-schools-list .resources-row--flying-school .resources-row__status {
    grid-area: status;
    justify-content: flex-start;
    width: auto;
    padding-top: 0;
    border-top: none;
    margin-top: 0;
  }
  .flying-schools-page .flying-schools-list .resources-row--flying-school .resources-row__status::before {
    content: "Active";
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .flying-schools-page .flying-schools-list .resources-row--flying-school .resources-row__actions--dual {
    grid-area: actions;
    justify-self: end;
    align-self: center;
    border-top: none;
    padding-top: 0;
    margin-top: 0;
  }
  .flying-schools-page .flying-schools-pagination {
    flex-direction: column;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }
  .flying-schools-page .flying-schools-pagination__controls {
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .flying-schools-page .flying-schools-toolbar .resources-toolbar__dropdowns {
    grid-template-columns: 1fr;
  }
  .flying-schools-page .flying-schools-list {
    padding: 1rem 0.75rem 0.85rem;
    border-radius: 22px;
  }
  .flying-schools-page .flying-schools-list .resources-row--flying-school {
    gap: 0.65rem;
    padding: 0.95rem 1rem;
    grid-template-columns: 1fr;
  }
  .flying-schools-page .flying-schools-list .resources-row--flying-school .resources-row__title {
    font-size: 0.875rem;
  }
  .flying-schools-page .flying-schools-list .resources-row--flying-school .resources-row__actions--dual {
    justify-self: stretch;
    width: 100%;
    max-width: 100%;
  }
}
.aircraft-list-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}
.aircraft-list-page .aircraft-list {
  width: 100%;
  min-width: 0;
}
.aircraft-list-page .sm-edit-module-modal__dialog {
  max-width: min(400px, calc(100% - 2rem));
}

.aircraft-list-toolbar .resources-toolbar__row--top {
  grid-template-columns: minmax(0, 1fr) repeat(2, minmax(140px, 180px));
}
.aircraft-list-toolbar .resources-toolbar__dropdowns {
  display: grid;
  grid-template-columns: repeat(2, minmax(175px, 1fr));
  gap: 0.65rem;
}

.aircraft-list-panel {
  gap: 0;
  overflow: visible;
  padding: 2rem 2rem 1.35rem;
}
.aircraft-list-panel__table-scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.aircraft-list-panel__sort {
  font-size: 0.7rem;
  color: #9aa8b8;
  vertical-align: middle;
  margin-left: 0.15rem;
}
.aircraft-list-panel__cell {
  justify-self: start;
  min-width: 0;
}
.aircraft-list-panel__cell--name {
  display: flex;
  align-items: center;
  width: 100%;
}

@media (min-width: 1200px) {
  .aircraft-list-panel__table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .aircraft-list-panel__head,
  .aircraft-list-panel .resources-row--aircraft {
    display: grid;
    gap: 0.85rem;
    align-items: center;
    min-width: 720px;
  }
  .aircraft-list-panel__head,
  .aircraft-list-panel .resources-row--aircraft {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.55fr) calc(36px * 2 + 0.35rem);
  }
  .aircraft-list-panel__head {
    padding: 0.65rem 1.5rem 1rem;
    border-bottom: 1px solid #e8ecf0;
    margin-bottom: 0;
    background: transparent;
    border-radius: 0;
  }
  .aircraft-list-panel__head span {
    justify-self: center;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .aircraft-list-panel__head span:nth-child(1) {
    justify-self: start;
    text-align: left;
  }
  .aircraft-list-panel__head span:nth-child(3) {
    justify-self: end;
    text-align: right;
    width: calc(36px * 2 + 0.35rem);
  }
}
.resources-row--aircraft {
  padding: 1rem 1.5rem;
  align-items: center;
  gap: 0.85rem;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  border-bottom: 1px solid #eef1f5;
}
.resources-row--aircraft:last-child {
  border-bottom: none;
}
.resources-row--aircraft:hover {
  background: #f7f9ff;
}
.resources-row--aircraft .resources-row__title {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.35;
  letter-spacing: 0.02em;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.resources-row--aircraft .resources-row__status {
  display: flex;
  align-items: center;
  justify-content: center;
}
.resources-row--aircraft .resources-row__actions--dual {
  display: grid;
  grid-template-columns: repeat(2, 36px);
  justify-content: end;
  justify-self: end;
  gap: 0.35rem;
  width: calc(36px * 2 + 0.35rem);
  margin-left: 0;
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
.resources-row--aircraft .resources-row__actions--dual .resources-action i {
  font-size: 17px;
  color: #1f4169;
}

.aircraft-list-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem 0;
  margin-top: 0.5rem;
  border-top: 1px solid #eef1f5;
}
.aircraft-list-pagination__info {
  font-size: 0.8125rem;
  color: #7a8799;
}
.aircraft-list-pagination__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.aircraft-list-pagination__btn {
  border: 1px solid #e4e9f0;
  background: #fff;
  color: #1f4169;
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.45rem 0.9rem;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.aircraft-list-pagination__btn:hover:not(:disabled) {
  background: #f4f7fb;
}
.aircraft-list-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.aircraft-list-pagination__pages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}
.aircraft-list-pagination__page {
  min-width: 34px;
  height: 34px;
  padding: 0 0.5rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #7a8799;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
}
.aircraft-list-pagination__page--active {
  background: #1f4169;
  color: #fff;
  border-color: #1f4169;
}
.aircraft-list-pagination__page:hover:not(.aircraft-list-pagination__page--active) {
  background: #f4f7fb;
  color: #1f4169;
}

@media (max-width: 1199.98px) {
  .aircraft-list-page .aircraft-list__actions {
    width: 100%;
  }
  .aircraft-list-page .aircraft-list__actions .resources-btn {
    width: 100%;
  }
  .aircraft-list-page .aircraft-list-toolbar .resources-toolbar__row--top {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr);
  }
  .aircraft-list-page .aircraft-list-toolbar .resources-toolbar__search {
    width: 100%;
  }
  .aircraft-list-page .aircraft-list-toolbar .resources-toolbar__dropdowns {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .aircraft-list-page .aircraft-list-panel {
    padding: 1.15rem 1rem 1rem;
    border-radius: 28px;
    gap: 0.65rem;
    overflow: visible;
  }
  .aircraft-list-page .aircraft-list-panel__table-scroll {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    overflow: visible;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .aircraft-list-page .aircraft-list-panel__head {
    display: none !important;
  }
  .aircraft-list-page .aircraft-list-panel .resources-row--aircraft {
    display: grid;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 0.75rem 1rem;
    padding: 1rem 1.15rem;
    border: 1px solid #eef1f5;
    border-radius: 16px;
    margin-bottom: 0;
    border-bottom: none;
    background: #fff;
    box-shadow: 0 2px 10px rgba(31, 65, 105, 0.09);
    grid-template-columns: 1fr auto;
    grid-template-areas: "name name" "status actions";
  }
  .aircraft-list-page .aircraft-list-panel .resources-row--aircraft .aircraft-list-panel__cell--name {
    grid-area: name;
    width: 100%;
  }
  .aircraft-list-page .aircraft-list-panel .resources-row--aircraft .resources-row__title {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    font-size: 0.9375rem;
    line-height: 1.4;
    word-break: break-word;
  }
  .aircraft-list-page .aircraft-list-panel .resources-row--aircraft .resources-row__status {
    grid-area: status;
    justify-content: flex-start;
    width: auto;
    padding-top: 0;
    border-top: none;
    margin-top: 0;
  }
  .aircraft-list-page .aircraft-list-panel .resources-row--aircraft .resources-row__status::before {
    content: "Active";
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    color: #7a8799;
  }
  .aircraft-list-page .aircraft-list-panel .resources-row--aircraft .resources-row__actions--dual {
    grid-area: actions;
    justify-self: end;
    align-self: center;
    border-top: none;
    padding-top: 0;
    margin-top: 0;
  }
  .aircraft-list-page .aircraft-list-pagination {
    flex-direction: column;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }
  .aircraft-list-page .aircraft-list-pagination__controls {
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .aircraft-list-page .aircraft-list-toolbar .resources-toolbar__dropdowns {
    grid-template-columns: 1fr;
  }
  .aircraft-list-page .aircraft-list-panel {
    padding: 1rem 0.75rem 0.85rem;
    border-radius: 22px;
  }
  .aircraft-list-page .aircraft-list-panel .resources-row--aircraft {
    gap: 0.65rem;
    padding: 0.95rem 1rem;
    grid-template-columns: 1fr;
  }
  .aircraft-list-page .aircraft-list-panel .resources-row--aircraft .resources-row__title {
    font-size: 0.875rem;
  }
  .aircraft-list-page .aircraft-list-panel .resources-row--aircraft .resources-row__actions--dual {
    justify-self: stretch;
    width: 100%;
    max-width: 100%;
  }
}
.student-list-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}
.student-list-page .student-list {
  width: 100%;
  min-width: 0;
}
@media (max-width: 1199.98px) {
  .student-list-page .student-list__actions {
    width: 100%;
  }
  .student-list-page .student-list__actions .resources-btn {
    width: 100%;
    text-align: center;
  }
}

.prospective-students-list-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}
.prospective-students-list-page .prospective-students-list {
  width: 100%;
  min-width: 0;
}

.prospective-students-toolbar .resources-toolbar__row--top {
  grid-template-columns: minmax(0, 1fr) repeat(2, minmax(140px, 180px));
}
.prospective-students-toolbar .resources-toolbar__dropdowns {
  display: grid;
  grid-template-columns: repeat(2, minmax(175px, 1fr));
  gap: 0.65rem;
}

.prospective-students-list-panel {
  gap: 0;
  overflow: visible;
  padding: 2rem 2rem 1.35rem;
}
.prospective-students-list-panel__section-title {
  font-size: 1rem;
  font-weight: 600;
  color: #3a3a3a;
}
.prospective-students-list-panel__table-scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.prospective-students-list-panel__sort-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0;
  border: none;
  background: transparent;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.prospective-students-list-panel__sort-btn--active {
  color: #1f4169;
  font-weight: 600;
}
.prospective-students-list-panel__sort {
  font-size: 0.7rem;
  color: #9aa8b8;
  vertical-align: middle;
}
.prospective-students-list-panel__sort-btn--active .prospective-students-list-panel__sort {
  color: #1f4169;
}
.prospective-students-list-panel__cell {
  justify-self: center;
  text-align: center;
  font-size: 14px;
  line-height: 1.35;
  color: #3a3a3a;
  min-width: 0;
}
.prospective-students-list-panel__cell--name, .prospective-students-list-panel__cell--module {
  justify-self: start;
  text-align: left;
}
.prospective-students-list-panel__cell--contact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
  word-break: break-word;
}
.prospective-students-list-panel__cell--status {
  color: #7a8799;
}
.prospective-students-list-panel__verified {
  font-size: 0.95rem;
  color: #2f9e44;
  flex-shrink: 0;
}

@media (min-width: 1200px) {
  .prospective-students-list-panel__table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .prospective-students-list-panel__head,
  .prospective-students-list-panel .resources-row--prospective-student {
    display: grid;
    gap: 0.75rem;
    align-items: center;
    min-width: 1020px;
  }
  .prospective-students-list-panel__head,
  .prospective-students-list-panel .resources-row--prospective-student {
    grid-template-columns: minmax(110px, 0.9fr) minmax(150px, 1.2fr) minmax(120px, 1fr) minmax(170px, 1.4fr) minmax(110px, 0.85fr) minmax(90px, 0.7fr);
  }
  .prospective-students-list-panel__head {
    padding: 0.65rem 1.5rem 1rem;
    border-bottom: 1px solid #e8ecf0;
  }
  .prospective-students-list-panel__head span {
    justify-self: center;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
    color: #7a8799;
  }
  .prospective-students-list-panel__head span:nth-child(1),
  .prospective-students-list-panel__head span:nth-child(4) {
    justify-self: start;
    text-align: left;
  }
}
.resources-row--prospective-student {
  padding: 1rem 1.5rem;
  gap: 0.75rem;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  border-bottom: 1px solid #eef1f5;
}
.resources-row--prospective-student:last-child {
  border-bottom: none;
}
.resources-row--prospective-student:hover {
  background: #f7f9ff;
}
.resources-row--prospective-student .resources-row__title {
  font-weight: 600;
  font-size: 0.9375rem;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.prospective-students-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem 0;
  margin-top: 0.5rem;
  border-top: 1px solid #eef1f5;
}
.prospective-students-pagination__info {
  font-size: 0.8125rem;
  color: #7a8799;
}
.prospective-students-pagination__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.prospective-students-pagination__btn {
  border: 1px solid #e4e9f0;
  background: #fff;
  color: #1f4169;
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.45rem 0.9rem;
  border-radius: 10px;
  cursor: pointer;
}
.prospective-students-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.prospective-students-pagination__pages {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.prospective-students-pagination__page {
  min-width: 34px;
  height: 34px;
  padding: 0 0.5rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #7a8799;
  font-size: 0.8125rem;
  cursor: pointer;
}
.prospective-students-pagination__page--active {
  background: #1f4169;
  color: #fff;
  border-color: #1f4169;
}

@media (max-width: 1199.98px) {
  .prospective-students-list-page .prospective-students-toolbar .resources-toolbar__row--top {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .prospective-students-list-page .prospective-students-toolbar .resources-toolbar__search,
  .prospective-students-list-page .prospective-students-toolbar .resources-toolbar__dropdowns {
    width: 100%;
  }
  .prospective-students-list-page .prospective-students-toolbar .resources-toolbar__dropdowns {
    grid-template-columns: 1fr 1fr;
  }
  .prospective-students-list-page .prospective-students-list-panel {
    padding: 1.15rem 1rem 1rem;
    border-radius: 28px;
  }
  .prospective-students-list-page .prospective-students-list-panel__head {
    display: none !important;
  }
  .prospective-students-list-page .prospective-students-list-panel__table-scroll {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
  }
  .prospective-students-list-page .prospective-students-list-panel .resources-row--prospective-student {
    display: grid;
    gap: 0.6rem;
    padding: 1rem 1.15rem;
    border: 1px solid #eef1f5;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(31, 65, 105, 0.09);
    grid-template-columns: 1fr;
    grid-template-areas: "name" "email" "phone" "module" "created" "status";
  }
  .prospective-students-list-page .prospective-students-list-panel .resources-row--prospective-student .prospective-students-list-panel__cell--name {
    grid-area: name;
  }
  .prospective-students-list-page .prospective-students-list-panel .resources-row--prospective-student > :nth-child(2) {
    grid-area: email;
  }
  .prospective-students-list-page .prospective-students-list-panel .resources-row--prospective-student > :nth-child(3) {
    grid-area: phone;
  }
  .prospective-students-list-page .prospective-students-list-panel .resources-row--prospective-student > :nth-child(4) {
    grid-area: module;
  }
  .prospective-students-list-page .prospective-students-list-panel .resources-row--prospective-student > :nth-child(5) {
    grid-area: created;
  }
  .prospective-students-list-page .prospective-students-list-panel .resources-row--prospective-student > :nth-child(6) {
    grid-area: status;
  }
  .prospective-students-list-page .prospective-students-list-panel .resources-row--prospective-student .resources-row__title {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }
  .prospective-students-list-page .prospective-students-list-panel .resources-row--prospective-student > .prospective-students-list-panel__cell {
    flex-direction: row;
    align-items: center;
    justify-self: stretch;
    justify-content: flex-start;
    text-align: left;
  }
  .prospective-students-list-page .prospective-students-list-panel .resources-row--prospective-student > :nth-child(2)::before {
    content: "Email ID";
  }
  .prospective-students-list-page .prospective-students-list-panel .resources-row--prospective-student > :nth-child(3)::before {
    content: "Phone No.";
  }
  .prospective-students-list-page .prospective-students-list-panel .resources-row--prospective-student > :nth-child(4)::before {
    content: "Module Name";
  }
  .prospective-students-list-page .prospective-students-list-panel .resources-row--prospective-student > :nth-child(5)::before {
    content: "Created On";
  }
  .prospective-students-list-page .prospective-students-list-panel .resources-row--prospective-student > :nth-child(6)::before {
    content: "Status";
  }
  .prospective-students-list-page .prospective-students-list-panel .resources-row--prospective-student > .prospective-students-list-panel__cell:not(.prospective-students-list-panel__cell--name)::before {
    display: block;
    width: 100%;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #7a8799;
  }
  .prospective-students-list-page .prospective-students-list-panel .resources-row--prospective-student > .prospective-students-list-panel__cell--contact {
    flex-wrap: wrap;
  }
  .prospective-students-list-page .prospective-students-pagination {
    flex-direction: column;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }
  .prospective-students-list-page .prospective-students-pagination__controls {
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .prospective-students-list-page .prospective-students-toolbar .resources-toolbar__dropdowns {
    grid-template-columns: 1fr;
  }
  .prospective-students-list-page .prospective-students-list-panel {
    padding: 1rem 0.75rem 0.85rem;
    border-radius: 22px;
  }
}
.student-export-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}

.st-export {
  width: 100%;
  min-width: 0;
}
.st-export__top .resources-btn {
  min-width: 120px;
  text-decoration: none;
  text-align: center;
}
.st-export__card {
  padding: 2rem 2.25rem;
  background: #fff;
  border-radius: 32px;
  box-shadow: 0 0 21.4px rgba(0, 0, 0, 0.08);
}
.st-export__section-title {
  font-size: 1rem;
  font-weight: 600;
  color: #3a3a3a;
  margin-bottom: 1.25rem;
}
.st-export__section-title--fields {
  margin-top: 2rem;
}
.st-export__grid {
  display: grid;
  gap: 1rem 1.25rem;
}
.st-export__grid--filters {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.st-export__field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}
.st-export__label {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #555;
}
.st-export__select, .st-export__input {
  width: 100%;
  min-height: 55px;
  padding: 0.75rem 1.25rem;
  border: 1px solid #d8dee6;
  border-radius: 999px;
  background: #fff;
  font-size: 0.9375rem;
  color: #2f3b4c;
}
.st-export__date-wrap {
  position: relative;
}
.st-export__date-wrap .st-export__input {
  padding-right: 3rem;
}
.st-export__date-icon {
  position: absolute;
  top: 50%;
  right: 1.1rem;
  transform: translateY(-50%);
  color: #7a8799;
  pointer-events: none;
}
.st-export__checks {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem 1.25rem;
}
.st-export__check {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0;
  cursor: pointer;
  min-width: 0;
}
.st-export__checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.st-export__checkbox:checked + .st-export__check-box {
  background: #1f4169;
  border-color: #1f4169;
}
.st-export__checkbox:checked + .st-export__check-box::after {
  opacity: 1;
}
.st-export__check-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 1px solid #c5ced8;
  border-radius: 4px;
  background: #fff;
  flex-shrink: 0;
}
.st-export__check-box::after {
  content: "";
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  margin-top: -2px;
  opacity: 0;
}
.st-export__check-label {
  font-size: 0.9375rem;
  color: #3a3a3a;
}
.st-export__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 2rem;
}

@media (max-width: 991.98px) {
  .st-export__grid--filters, .st-export__checks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .st-export__card {
    padding: 1.5rem 1.25rem;
    border-radius: 24px;
  }
}
@media (max-width: 575.98px) {
  .st-export__top .resources-btn {
    width: 100%;
  }
  .st-export__grid--filters, .st-export__checks {
    grid-template-columns: 1fr;
  }
  .st-export__footer .resources-btn {
    width: 100%;
  }
}
.student-view-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}

.st-view {
  width: 100%;
  min-width: 0;
}
.st-view__actions .btn {
  text-decoration: none;
  white-space: nowrap;
}
.st-view__btn--muted {
  background: #eef1f5;
  color: #1f4169;
  box-shadow: none;
}
.st-view__btn--muted:hover {
  background: #e2e8f0;
  color: #1f4169;
}
.st-view__toast {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  margin-bottom: 1rem;
  padding: 0.85rem 1.25rem;
  border-radius: 12px;
  background: #22c55e;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 600;
  box-shadow: 0 4px 14px rgba(34, 197, 94, 0.25);
}
.st-view__toast i {
  font-size: 1.1rem;
}
.st-view__profile {
  display: flex;
  align-items: stretch;
  gap: 0;
  padding: 1.75rem 0;
  margin-bottom: 1.25rem;
  background: #fff;
  border-radius: 28px;
  box-shadow: 0 0 21.4px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.st-view__profile-col {
  flex: 1 1 0;
  min-width: 0;
  padding: 0 1.75rem;
  border-right: 1px solid #eef1f5;
}
.st-view__profile-col:last-child {
  border-right: none;
}
.st-view__profile-col--identity {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  flex: 1.1 1 0;
}
.st-view__profile-col--billing {
  flex: 1.2 1 0;
}
.st-view__identity-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}
.st-view__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: #e8edf3;
  color: #6b7280;
  font-size: 2rem;
  font-weight: 700;
  flex-shrink: 0;
}
.st-view__item {
  min-width: 0;
}
.st-view__label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #7a8799;
}
.st-view__value {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #2f3b4c;
  word-break: break-word;
}
.st-view__billing {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem 1.25rem;
  font-size: 0.9375rem;
}
.st-view__billing .st-view__label {
  margin-right: 0.25rem;
}
.st-view__billing .st-view__value {
  font-weight: 500;
}
.st-view__accordions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.st-view__accordion-item {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
.st-view__accordion-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 1.35rem;
  border: none;
  background: #fff;
  font-size: 1rem;
  font-weight: 600;
  color: #3a3a3a;
  text-align: left;
  cursor: pointer;
}
.st-view__accordion-btn.collapsed .st-view__accordion-icon {
  transform: rotate(-90deg);
}
.st-view__accordion-icon {
  font-size: 0.9rem;
  color: #7a8799;
  transition: transform 0.2s ease;
}
.st-view__accordion-body {
  padding: 0 1.35rem 1.25rem;
}
.st-view__accordion-body .directory,
.st-view__accordion-body .sa-directory-panel--embedded {
  margin-bottom: 0;
}
.st-view__accordion-body--flush {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.st-view__sub-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 0.75rem;
}
.st-view__sub-head, .st-view__sub-row {
  display: grid;
  gap: 0.65rem;
  align-items: center;
  min-width: 1100px;
  grid-template-columns: minmax(150px, 1.4fr) repeat(8, minmax(90px, 1fr)) auto;
}
.st-view__sub-head {
  padding: 0.5rem 0 0.85rem;
  border-bottom: 1px solid #eef1f5;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #7a8799;
}
.st-view__sub-row {
  padding: 0.85rem 0;
  border-bottom: 1px solid #f3f5f8;
  font-size: 0.875rem;
  color: #3a3a3a;
}
.st-view__sub-cell {
  min-width: 0;
  word-break: break-word;
}
.st-view__sub-cell--module {
  font-weight: 500;
}
.st-view__sub-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  justify-content: flex-end;
  min-width: 148px;
}
.st-view__sub-info {
  font-size: 0.8125rem;
  color: #7a8799;
}
.st-view__placeholder {
  font-size: 0.9375rem;
  color: #7a8799;
}
.st-view__progress-card {
  background: #fff;
}
.st-view__progress-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  padding: 1rem 1.25rem 0.85rem;
  background: #fff;
}
.st-view__progress-tab {
  border: 1px solid transparent;
  border-radius: 999px;
  background: #f4f7fb;
  color: #1f4169;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.45rem 1.1rem;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.st-view__progress-tab--active {
  background: #fff;
  border-color: #1f4169;
  color: #1f4169;
  box-shadow: 0 2px 8px rgba(31, 65, 105, 0.1);
}
.st-view__progress-body {
  margin: 0 1rem 1rem;
  padding: 0.85rem 1rem 1rem;
  background: #f8fafc;
  border: 1px solid #eef2f6;
  border-radius: 18px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.st-view__progress-head, .st-view__progress-row {
  display: grid;
  grid-template-columns: minmax(150px, 1.15fr) repeat(3, minmax(180px, 1fr));
  gap: 1rem 1.25rem;
  align-items: center;
  min-width: 860px;
}
.st-view__progress-head {
  padding: 0.35rem 1rem 0.75rem;
  margin-bottom: 0.15rem;
}
.st-view__progress-head-cell {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7a8799;
  text-align: center;
}
.st-view__progress-head-cell--subject {
  text-align: left;
}
.st-view__progress-panel {
  padding: 0;
}
.st-view__progress-row {
  padding: 1rem;
  margin-bottom: 0.65rem;
  background: #fff;
  border: 1px solid #e8ecf0;
  border-radius: 20px;
  box-shadow: 0 2px 10px rgba(31, 65, 105, 0.06);
}
.st-view__progress-row:last-child {
  margin-bottom: 0;
}
.st-view__progress-subject {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #000;
  line-height: 1.35;
}
.st-view__progress-metric {
  min-width: 0;
}
.st-view__progress-metric--chapters .st-view__progress-bar-fill {
  background: linear-gradient(90deg, #1f4169 0%, rgb(44.95, 94.25, 152.25) 100%);
}
.st-view__progress-metric--questions .st-view__progress-bar-fill {
  background: linear-gradient(90deg, #0ea5e9 0%, #38bdf8 100%);
}
.st-view__progress-metric--exam .st-view__progress-bar-fill {
  background: linear-gradient(90deg, #F15B55 0%, rgb(244.1043478261, 127.3652173913, 122.6956521739) 100%);
}
.st-view__progress-metric-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.45rem;
}
.st-view__progress-pct {
  font-size: 0.875rem;
  font-weight: 700;
  color: #1a1a1a;
  flex-shrink: 0;
}
.st-view__progress-meta {
  font-size: 0.75rem;
  color: #7a8799;
  text-align: right;
  line-height: 1.35;
}
.st-view__progress-bar {
  height: 7px;
  border-radius: 999px;
  background: #eef1f5;
  overflow: hidden;
}
.st-view__progress-bar-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  min-width: 0;
  transition: width 0.35s ease;
}
.st-view__table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 0.75rem;
}
.st-view__table-head, .st-view__table-row {
  display: grid;
  gap: 0.75rem;
  align-items: center;
  min-width: 720px;
}
.st-view__table-head {
  padding: 0.5rem 0 0.85rem;
  border-bottom: 1px solid #eef1f5;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #7a8799;
}
.st-view__table-row {
  padding: 0.85rem 0;
  border-bottom: 1px solid #f3f5f8;
  font-size: 0.875rem;
  color: #3a3a3a;
}
.st-view__table-cell {
  min-width: 0;
  word-break: break-word;
}
.st-view__table-head--live, .st-view__table-row--live {
  grid-template-columns: minmax(180px, 1.4fr) minmax(120px, 0.8fr) minmax(100px, 0.6fr);
}
.st-view__table-head--referral, .st-view__table-row--referral {
  grid-template-columns: repeat(4, minmax(120px, 1fr));
}
.st-view__table-head--support, .st-view__table-row--support, .st-view__table-head--error, .st-view__table-row--error {
  grid-template-columns: minmax(90px, 0.7fr) minmax(180px, 1.5fr) minmax(120px, 0.9fr) minmax(90px, 0.7fr) minmax(80px, 0.5fr);
}
.st-view__table-head--activity, .st-view__table-row--activity {
  grid-template-columns: minmax(150px, 1fr) minmax(120px, 0.8fr) minmax(220px, 1.6fr);
}
.st-view__table-row--device, .st-view__table-head--device {
  grid-template-columns: minmax(90px, 0.7fr) minmax(90px, 0.7fr) minmax(260px, 2fr) minmax(150px, 0.9fr);
}
.st-view__subheading {
  margin: 1rem 0 0.85rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #3a3a3a;
}

.student-feedback-directory {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.student-feedback-directory__panel-title {
  margin-bottom: 1rem;
}
.student-feedback-directory__panel .sa-directory-pagination {
  margin-bottom: 0;
}

.student-dgca-directory__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.5rem;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #eef2f6;
}
.student-dgca-directory__meta-item {
  min-width: 0;
}
.student-dgca-directory__meta-label, .student-dgca-directory__field-label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7a8799;
  line-height: 1.3;
}
.student-dgca-directory__meta-value {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #000;
  word-break: break-word;
}
.student-dgca-directory__additional {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid #eef2f6;
}
.student-dgca-directory__additional-title {
  margin-bottom: 1rem;
}
.student-dgca-directory__additional-card {
  background: #fff;
  border: 1px solid #e8ecf0;
  border-radius: 20px;
  box-shadow: 0 2px 10px rgba(31, 65, 105, 0.06);
  padding: 1rem 1.15rem;
  margin-bottom: 1rem;
}
.student-dgca-directory__additional-card .sa-directory-records--student-dgca-tech {
  margin-bottom: 0;
}
.student-dgca-directory__additional-card .sa-directory-row--student-dgca-tech {
  box-shadow: none;
  border: 1px solid #eef2f6;
  border-radius: 14px;
  background: #f8fafc;
  margin-bottom: 0;
}
.student-dgca-directory__additional-grid {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) minmax(260px, 2fr);
  gap: 1.25rem 1.5rem;
  align-items: start;
}
.student-dgca-directory__field {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}
.student-dgca-directory__field-value {
  font-size: 0.875rem;
  font-weight: 500;
  color: #3a3a3a;
  word-break: break-word;
}
.student-dgca-directory__tech-title {
  display: block;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #2f3b4c;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.student-dgca-directory__footer-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.5rem;
}
@media (max-width: 1199.98px) {
  .student-dgca-directory__meta, .student-dgca-directory__additional-grid, .student-dgca-directory__footer-fields {
    grid-template-columns: 1fr;
  }
}

.st-view-sub-modal__hero {
  margin-bottom: 1.25rem;
}
.st-view-sub-modal__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 0.65rem;
  color: #6b7280;
  font-size: 1.35rem;
}
.st-view-sub-modal__module {
  font-size: 1rem;
  font-weight: 700;
  color: #3a3a3a;
}
.st-view-sub-modal__field-label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #3a3a3a;
}
.st-view-sub-modal__field-value {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #2f3b4c;
}
.st-view-sub-modal__date {
  border: 1px solid #d9d9d9;
  border-radius: 14px;
  padding: 0.75rem 1rem;
  font-size: 0.9375rem;
  box-shadow: none;
}
.st-view-sub-modal__date:focus {
  border-color: #9aa8b8;
  box-shadow: none;
}

.st-view-sub-logs-modal .sc-app-modal__header {
  padding: 1.25rem 1.5rem 0.5rem;
}
.st-view-sub-logs-modal .sc-app-modal__title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #3a3a3a;
}
.st-view-sub-logs-modal .sc-app-modal__body {
  padding: 0.5rem 1.5rem 1.5rem;
}
.st-view-sub-logs-modal .student-sub-logs-directory__panel {
  margin-bottom: 0;
}
.st-view-sub-logs-modal .sa-directory-records--student-sub-logs {
  overflow-x: visible;
}
.st-view-sub-logs-modal .sa-directory-empty {
  padding-top: 0.5rem;
  text-align: center;
}

.st-view-modal__form {
  width: 100%;
}
.st-view-modal__label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #3a3a3a;
}
.st-view-modal__required {
  color: #F15B55;
  margin-left: 0.1rem;
}
.st-view-modal__textarea {
  border: 1px solid #d9d9d9;
  border-radius: 14px;
  padding: 0.85rem 1rem;
  font-size: 0.9375rem;
  resize: vertical;
  min-height: 120px;
  box-shadow: none;
}
.st-view-modal__textarea:focus {
  border-color: #9aa8b8;
  box-shadow: none;
}
.st-view-modal__limit {
  margin-top: 0.45rem;
  text-align: right;
  font-size: 0.75rem;
  color: #7a8799;
}
.st-view-modal .sc-delete-subject-modal__body {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (max-width: 1199.98px) {
  .st-view__profile {
    flex-direction: column;
    padding: 1.35rem 0;
    border-radius: 22px;
  }
  .st-view__profile-col {
    border-right: none;
    border-bottom: 1px solid #eef1f5;
    padding: 0 1.25rem 1.15rem;
    margin-bottom: 1.15rem;
  }
  .st-view__profile-col:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .st-view__billing {
    grid-template-columns: 1fr 1fr;
  }
  .st-view__progress-body {
    margin: 0 0.75rem 0.75rem;
    padding: 0.75rem;
  }
  .st-view__progress-head {
    display: none;
  }
  .st-view__progress-head, .st-view__progress-row {
    min-width: 0;
  }
  .st-view__progress-row {
    grid-template-columns: 1fr;
    gap: 0.85rem;
    padding: 1rem;
  }
  .st-view__progress-subject {
    padding-bottom: 0.65rem;
    margin-bottom: 0.15rem;
    border-bottom: 1px solid #eef2f6;
  }
  .st-view__progress-metric {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    gap: 0.15rem 0.75rem;
    align-items: center;
  }
  .st-view__progress-metric::before {
    content: attr(data-label);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7a8799;
    line-height: 1.3;
    grid-column: 1;
    grid-row: 1;
  }
  .st-view__progress-metric .st-view__progress-metric-top {
    grid-column: 1/-1;
    grid-row: 2;
    margin-bottom: 0.35rem;
  }
  .st-view__progress-metric .st-view__progress-bar {
    grid-column: 1/-1;
    grid-row: 3;
  }
  .st-view__actions {
    justify-content: stretch !important;
  }
  .st-view__actions .resources-btn {
    flex: 1 1 auto;
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .st-view__billing {
    grid-template-columns: 1fr;
  }
  .st-view__progress-metric-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
  }
  .st-view__progress-meta {
    text-align: left;
  }
  .st-view__actions {
    flex-direction: column;
  }
  .st-view__actions .resources-btn {
    width: 100%;
  }
}
.school-support-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}
.school-support-page .school-support {
  width: 100%;
  min-width: 0;
}

.school-support-toolbar .resources-toolbar__row--top {
  grid-template-columns: minmax(0, 1fr) repeat(2, minmax(140px, 180px));
}
.school-support-toolbar .resources-toolbar__dropdowns {
  display: grid;
  grid-template-columns: repeat(2, minmax(175px, 1fr));
  gap: 0.65rem;
}

.school-support-list {
  gap: 0;
  overflow: visible;
  padding: 2rem 2rem 1.35rem;
}
.school-support-list__table-scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.school-support-list__sort-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0;
  border: none;
  background: transparent;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.school-support-list__sort-btn--active {
  color: #1f4169;
  font-weight: 600;
}
.school-support-list__sort {
  font-size: 0.7rem;
  color: #9aa8b8;
}
.school-support-list__sort-btn--active .school-support-list__sort {
  color: #1f4169;
}
.school-support-list__cell {
  justify-self: center;
  text-align: center;
  font-size: 14px;
  line-height: 1.35;
  color: #3a3a3a;
  min-width: 0;
}
.school-support-list__cell--name, .school-support-list__cell--email {
  justify-self: start;
  text-align: left;
  word-break: break-word;
}

@media (min-width: 1200px) {
  .school-support-list__table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .school-support-list__head,
  .school-support-list .resources-row--school-support {
    display: grid;
    gap: 0.85rem;
    align-items: center;
    min-width: 860px;
  }
  .school-support-list__head,
  .school-support-list .resources-row--school-support {
    grid-template-columns: minmax(160px, 1.2fr) minmax(180px, 1.4fr) minmax(120px, 1fr) minmax(100px, 0.7fr) calc(36px * 2 + 0.35rem);
  }
  .school-support-list__head {
    padding: 0.65rem 1.5rem 1rem;
    border-bottom: 1px solid #e8ecf0;
  }
  .school-support-list__head span {
    justify-self: center;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
    color: #7a8799;
  }
  .school-support-list__head span:nth-child(1),
  .school-support-list__head span:nth-child(2) {
    justify-self: start;
    text-align: left;
  }
  .school-support-list__head span:nth-child(5) {
    justify-self: end;
    width: calc(36px * 2 + 0.35rem);
  }
}
.resources-row--school-support {
  padding: 1rem 1.5rem;
  gap: 0.85rem;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  border-bottom: 1px solid #eef1f5;
}
.resources-row--school-support:last-child {
  border-bottom: none;
}
.resources-row--school-support:hover {
  background: #f7f9ff;
}
.resources-row--school-support .resources-row__title {
  font-weight: 600;
  font-size: 1rem;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.resources-row--school-support .resources-row__status {
  display: flex;
  align-items: center;
  justify-content: center;
}
.resources-row--school-support .resources-row__actions--dual {
  display: grid;
  grid-template-columns: repeat(2, 36px);
  justify-content: end;
  justify-self: end;
  gap: 0.35rem;
  width: calc(36px * 2 + 0.35rem);
  margin: 0;
  padding: 0;
  border: none;
}
.resources-row--school-support .resources-row__actions--dual .resources-action i {
  font-size: 17px;
  color: #1f4169;
}

.school-support-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem 0;
  margin-top: 0.5rem;
  border-top: 1px solid #eef1f5;
}
.school-support-pagination__info {
  font-size: 0.8125rem;
  color: #7a8799;
}
.school-support-pagination__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.school-support-pagination__btn {
  border: 1px solid #e4e9f0;
  background: #fff;
  color: #1f4169;
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.45rem 0.9rem;
  border-radius: 10px;
  cursor: pointer;
}
.school-support-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.school-support-pagination__pages {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.school-support-pagination__page {
  min-width: 34px;
  height: 34px;
  padding: 0 0.5rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #7a8799;
  font-size: 0.8125rem;
  cursor: pointer;
}
.school-support-pagination__page--active {
  background: #1f4169;
  color: #fff;
  border-color: #1f4169;
}

.school-support-modal__dialog {
  max-width: 720px;
}

.school-support-form__date-wrap {
  position: relative;
}
.school-support-form__date-icon {
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  color: #7a8799;
  pointer-events: none;
  z-index: 1;
}
.school-support-form__date-input {
  padding-left: 2.75rem !important;
}

@media (max-width: 1199.98px) {
  .school-support-page .school-support__actions {
    width: 100%;
  }
  .school-support-page .school-support__actions .resources-btn {
    width: 100%;
  }
  .school-support-page .school-support-toolbar .resources-toolbar__row--top {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .school-support-page .school-support-toolbar .resources-toolbar__search,
  .school-support-page .school-support-toolbar .resources-toolbar__dropdowns {
    width: 100%;
  }
  .school-support-page .school-support-toolbar .resources-toolbar__dropdowns {
    grid-template-columns: 1fr 1fr;
  }
  .school-support-page .school-support-list {
    padding: 1.15rem 1rem 1rem;
    border-radius: 28px;
  }
  .school-support-page .school-support-list__head {
    display: none !important;
  }
  .school-support-page .school-support-list__table-scroll {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
  }
  .school-support-page .school-support-list .resources-row--school-support {
    display: grid;
    gap: 0.75rem 1rem;
    padding: 1rem 1.15rem;
    border: 1px solid #eef1f5;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(31, 65, 105, 0.09);
    grid-template-columns: 1fr auto;
    grid-template-areas: "name actions" "email email" "phone phone" "status status";
  }
  .school-support-page .school-support-list .resources-row--school-support .school-support-list__cell--name {
    grid-area: name;
  }
  .school-support-page .school-support-list .resources-row--school-support > :nth-child(2) {
    grid-area: email;
  }
  .school-support-page .school-support-list .resources-row--school-support > :nth-child(3) {
    grid-area: phone;
  }
  .school-support-page .school-support-list .resources-row--school-support .resources-row__status {
    grid-area: status;
    justify-content: flex-start;
  }
  .school-support-page .school-support-list .resources-row--school-support .resources-row__actions--dual {
    grid-area: actions;
  }
  .school-support-page .school-support-list .resources-row--school-support .resources-row__title {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }
  .school-support-page .school-support-list .resources-row--school-support > .school-support-list__cell {
    flex-direction: column;
    align-items: flex-start;
    justify-self: stretch;
    text-align: left;
  }
  .school-support-page .school-support-list .resources-row--school-support > :nth-child(2)::before {
    content: "Email ID";
  }
  .school-support-page .school-support-list .resources-row--school-support > :nth-child(3)::before {
    content: "Phone No.";
  }
  .school-support-page .school-support-list .resources-row--school-support > .school-support-list__cell::before {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #7a8799;
  }
  .school-support-page .school-support-list .resources-row--school-support .resources-row__status::before {
    content: "Active";
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #7a8799;
  }
  .school-support-page .school-support-pagination {
    flex-direction: column;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }
  .school-support-page .school-support-pagination__controls {
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .school-support-page .school-support-toolbar .resources-toolbar__dropdowns {
    grid-template-columns: 1fr;
  }
  .school-support-page .school-support-list {
    padding: 1rem 0.75rem 0.85rem;
    border-radius: 22px;
  }
  .school-support-page .school-support-list .resources-row--school-support {
    grid-template-columns: 1fr;
  }
  .school-support-page .school-support-list .resources-row--school-support .resources-row__actions--dual {
    justify-self: stretch;
    width: 100%;
  }
}
.support-feedback-page .main-layout,
.support-feedback-reply-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}
.support-feedback-page .sf-reply .sc-add-topic__header,
.support-feedback-reply-page .sf-reply .sc-add-topic__header {
  margin-bottom: 0;
}

@media (min-width: 1100px) {
  .support-feedback-reply-page .main-layout {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
  }
  .support-feedback-reply-page .support-feedback-reply,
  .support-feedback-reply-page .content.fto-adm-ui,
  .support-feedback-reply-page .sf-reply {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
  }
  .support-feedback-reply-page .sc-add-topic__header {
    flex-shrink: 0;
  }
  .support-feedback-reply-page .sf-ticket-chat:not([hidden]) {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    gap: 0.65rem;
  }
  .support-feedback-reply-page .sf-ticket-chat__reporter {
    flex-shrink: 0;
    padding: 1rem 1.25rem;
  }
  .support-feedback-reply-page .sf-ticket-chat__reporter-main {
    margin-bottom: 0.65rem;
  }
  .support-feedback-reply-page .sf-ticket-chat__panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    max-height: none;
    overflow: hidden;
  }
  .support-feedback-reply-page .sf-ticket-chat__thread {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.85rem 1.15rem;
  }
  .support-feedback-reply-page .sf-ticket-chat__composer {
    flex-shrink: 0;
  }
  .support-feedback-reply-page .sf-ticket-chat__input {
    min-height: 44px;
    max-height: 150px;
  }
  .support-feedback-reply-page .sf-reply__layout:not([hidden]) {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
  }
}
.support-feedback-reply-page:has([data-sf-reply-classic]:not([hidden])) .main-layout,
.support-feedback-reply-page:has([data-sf-reply-classic]:not([hidden])) .support-feedback-reply,
.support-feedback-reply-page:has([data-sf-reply-classic]:not([hidden])) .support-feedback-reply .content.fto-adm-ui {
  overflow-y: auto;
}

.sf-summary__card {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1.35rem 1.5rem;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.06);
  border: 1px solid #eef1f5;
  text-align: center;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.sf-summary__card:hover {
  border-color: #d8e0ea;
}
.sf-summary__card--active {
  background: #f3f6fa;
  border-color: #d8e0ea;
  box-shadow: inset 0 0 0 1px rgba(31, 65, 105, 0.06);
}
.sf-summary__counts {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
  color: #1f4169;
}
.sf-summary__counts span:not(.sf-summary__sep) {
  color: #1f4169;
}
.sf-summary__sep {
  margin: 0 0.35rem;
  color: #9aa8b8;
  font-weight: 500;
}
.sf-summary__label {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #3a3a3a;
}
.sf-summary__meta {
  margin-top: 0.35rem;
  font-size: 0.75rem;
  color: #7a8799;
}

.sf-ticket-list {
  gap: 0;
  overflow: visible;
  padding: 1.75rem 2rem 1.35rem;
}
.sf-ticket-list__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.sf-ticket-list__toolbar-controls {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.65rem;
  margin-left: auto;
  flex-shrink: 0;
}
.sf-ticket-list__toolbar-controls .resources-toolbar__select {
  flex: 0 0 auto;
  width: auto;
  min-width: 140px;
  max-width: 180px;
}
.sf-ticket-list__toolbar-controls .resources-toolbar__search {
  flex: 0 1 240px;
  width: 240px;
  min-width: 180px;
}
.sf-ticket-list__section-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1f4169;
}
.sf-ticket-list__table-scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.sf-ticket-list__sort-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0;
  border: none;
  background: transparent;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.sf-ticket-list__sort-btn--active {
  color: #1f4169;
  font-weight: 600;
}
.sf-ticket-list__sort {
  font-size: 0.7rem;
  color: #9aa8b8;
}
.sf-ticket-list__sort-btn--active .sf-ticket-list__sort {
  color: #1f4169;
}
.sf-ticket-list__cell {
  justify-self: center;
  text-align: center;
  font-size: 14px;
  line-height: 1.35;
  color: #3a3a3a;
  min-width: 0;
}
.sf-ticket-list__cell--id, .sf-ticket-list__cell--name, .sf-ticket-list__cell--desc {
  justify-self: start;
  text-align: left;
}
.sf-ticket-list__cell--desc {
  word-break: break-word;
}
.sf-ticket-list__name-link {
  color: #1f4169;
  font-weight: 600;
  text-decoration: none;
}
.sf-ticket-list__name-link:hover {
  text-decoration: underline;
}
.sf-ticket-list__name-text {
  font-weight: 600;
  color: #000;
}
.sf-ticket-list__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  font-size: 0.8125rem;
  font-weight: 500;
}
.sf-ticket-list__status--open {
  color: #1f4169;
}
.sf-ticket-list__status--closed {
  color: #7a8799;
}

@media (min-width: 1200px) {
  .sf-ticket-list__table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .sf-ticket-list__head,
  .sf-ticket-list .resources-row--support-ticket {
    display: grid;
    gap: 0.7rem;
    align-items: center;
    min-width: 1100px;
  }
  .sf-ticket-list__head,
  .sf-ticket-list .resources-row--support-ticket {
    grid-template-columns: minmax(80px, 0.7fr) minmax(120px, 1fr) minmax(110px, 0.95fr) minmax(150px, 1.35fr) minmax(130px, 1fr) minmax(80px, 0.7fr) minmax(80px, 0.65fr) 36px;
  }
  .sf-ticket-list__head--no-type,
  .sf-ticket-list .resources-row--support-ticket.sf-ticket-row--no-type {
    grid-template-columns: minmax(80px, 0.7fr) minmax(120px, 1fr) minmax(110px, 0.95fr) minmax(150px, 1.35fr) minmax(130px, 1fr) minmax(80px, 0.7fr) 36px;
  }
  .sf-ticket-list__head {
    padding: 0.65rem 1.5rem 1rem;
    border-bottom: 1px solid #e8ecf0;
  }
  .sf-ticket-list__head span {
    justify-self: center;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
    color: #7a8799;
  }
  .sf-ticket-list__head span:nth-child(1),
  .sf-ticket-list__head span:nth-child(2),
  .sf-ticket-list__head span:nth-child(4) {
    justify-self: start;
    text-align: left;
  }
  .sf-ticket-list__head span:nth-child(8) {
    justify-self: end;
    width: 36px;
  }
  .sf-ticket-list__head--no-type span:nth-child(7) {
    justify-self: end;
    width: 36px;
  }
}
.resources-row--support-ticket {
  padding: 1rem 1.5rem;
  gap: 0.7rem;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  border-bottom: 1px solid #eef1f5;
}
.resources-row--support-ticket:nth-child(even) {
  background: #fafbfd;
}
.resources-row--support-ticket:hover {
  background: #f7f9ff;
}
.resources-row--support-ticket:last-child {
  border-bottom: none;
}
.resources-row--support-ticket .resources-row__actions--single {
  display: flex;
  justify-content: end;
  justify-self: end;
  width: 36px;
  margin: 0;
  padding: 0;
  border: none;
}
.resources-row--support-ticket .resources-row__actions--single .resources-action {
  text-decoration: none;
}
.resources-row--support-ticket .resources-row__actions--single .resources-action i {
  font-size: 1rem;
  color: #1f4169;
}

.sf-ticket-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem 0;
  margin-top: 0.5rem;
  border-top: 1px solid #eef1f5;
}
.sf-ticket-pagination__info {
  font-size: 0.8125rem;
  color: #7a8799;
}
.sf-ticket-pagination__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.sf-ticket-pagination__btn {
  border: 1px solid #e4e9f0;
  background: #fff;
  color: #1f4169;
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.45rem 0.9rem;
  border-radius: 10px;
  cursor: pointer;
}
.sf-ticket-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.sf-ticket-pagination__pages {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.sf-ticket-pagination__page {
  min-width: 34px;
  height: 34px;
  padding: 0 0.5rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #7a8799;
  font-size: 0.8125rem;
  cursor: pointer;
}
.sf-ticket-pagination__page--active {
  background: #1f4169;
  color: #fff;
  border-color: #1f4169;
}

.sf-reply {
  width: 100%;
  min-width: 0;
}
.sf-reply__top .resources-btn {
  min-width: 120px;
  text-decoration: none;
  text-align: center;
}
.sf-reply__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 1.25rem;
  align-items: stretch;
}
.sf-reply__details, .sf-reply__form-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 1.75rem 2rem;
  background: #f8fafc;
  border: 1px solid #eef2f6;
  border-radius: 24px;
  box-shadow: none;
}
.sf-reply__form {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.sf-reply__reply-field {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  margin-bottom: 1rem;
}
.sf-reply__details-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.sf-reply__profile {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  min-width: 0;
}
.sf-reply__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #e8edf3;
  color: #1f4169;
  font-size: 1.35rem;
  font-weight: 600;
  flex-shrink: 0;
}
.sf-reply__name {
  font-size: 1rem;
  font-weight: 700;
  color: #2f3b4c;
}
.sf-reply__role {
  font-weight: 500;
  color: #7a8799;
}
.sf-reply__meta {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  font-size: 0.875rem;
  color: #3a3a3a;
}
.sf-reply__meta li {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}
.sf-reply__meta i {
  color: #7a8799;
  flex-shrink: 0;
}
.sf-reply__ticket-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  padding: 0.35rem 0.75rem;
  border-radius: 8px;
  background: #1f4169;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
  flex-shrink: 0;
}
.sf-reply__source-label, .sf-reply__comment-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #7a8799;
}
.sf-reply__source-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.45;
}
.sf-reply__source-crumb--link {
  color: #1f4169;
  font-weight: 600;
  text-decoration: none;
}
.sf-reply__source-crumb--link:hover {
  text-decoration: underline;
}
.sf-reply__source-crumb--plain {
  color: #7a8799;
  font-weight: 500;
}
.sf-reply__source-crumb--current {
  color: #3a3a3a;
  font-weight: 600;
}
.sf-reply__source-sep {
  color: #b8c4d4;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 500;
}
.sf-reply__source-empty {
  font-size: 0.875rem;
  color: #7a8799;
}
.sf-reply__source-link {
  display: inline-block;
  font-size: 0.875rem;
  color: #1f4169;
  word-break: break-all;
  text-decoration: none;
}
.sf-reply__source-link:hover {
  text-decoration: underline;
}
.sf-reply__divider {
  margin: 1.25rem 0;
  border: 0;
  border-top: 1px solid #eef1f5;
  opacity: 1;
}
.sf-reply__comment {
  flex: 1;
  min-height: 0;
}
.sf-reply__comment-text {
  font-size: 0.9375rem;
  color: #3a3a3a;
  line-height: 1.45;
}
.sf-reply__ratings {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid #eef1f5;
}
.sf-reply__ratings-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #3a3a3a;
}
.sf-reply__ratings-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.55rem 0;
  border-bottom: 1px solid #f1f4f8;
}
.sf-reply__ratings-item:last-child {
  border-bottom: none;
}
.sf-reply__ratings-label {
  font-size: 0.875rem;
  color: #3a3a3a;
}
.sf-reply__ratings-stars {
  display: inline-flex;
  gap: 0.15rem;
}
.sf-reply__star {
  font-size: 0.95rem;
  color: #f5b301;
}
.sf-reply__star.bi-star {
  color: #d1d9e6;
}
.sf-reply__textarea {
  flex: 1;
  min-height: 180px;
  resize: vertical;
}
.sf-reply__send {
  min-width: 160px;
}

.sf-ticket-chat {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}
.sf-ticket-chat__reporter {
  padding: 1.25rem 1.5rem;
  background: #f8fafc;
  border: 1px solid #eef2f6;
  border-radius: 24px;
}
.sf-ticket-chat__reporter-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.sf-ticket-chat__profile {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  min-width: 0;
}
.sf-ticket-chat__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #e8edf3;
  color: #1f4169;
  font-size: 1.25rem;
  font-weight: 600;
  flex-shrink: 0;
}
.sf-ticket-chat__identity {
  min-width: 0;
}
.sf-ticket-chat__name-row {
  font-size: 1rem;
  font-weight: 700;
  color: #2f3b4c;
  line-height: 1.35;
}
.sf-ticket-chat__name-link {
  color: #1f4169;
  text-decoration: none;
}
.sf-ticket-chat__name-link:hover {
  color: rgb(21.7, 45.5, 73.5);
  text-decoration: underline;
}
.sf-ticket-chat__name-text {
  color: #2f3b4c;
}
.sf-ticket-chat__role {
  margin-left: 0.25rem;
  font-weight: 500;
  color: #7a8799;
}
.sf-ticket-chat__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1.25rem;
  font-size: 0.875rem;
  color: #3a3a3a;
}
.sf-ticket-chat__meta li {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}
.sf-ticket-chat__meta i {
  color: #7a8799;
  flex-shrink: 0;
}
.sf-ticket-chat__ticket-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  padding: 0.35rem 0.75rem;
  border-radius: 8px;
  background: #1f4169;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
  flex-shrink: 0;
}
.sf-ticket-chat__reporter-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  flex-shrink: 0;
}
.sf-ticket-chat__source-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #7a8799;
}
.sf-ticket-chat__source-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.45;
}
.sf-ticket-chat__source-crumb--link {
  color: #1f4169;
  font-weight: 600;
  text-decoration: none;
}
.sf-ticket-chat__source-crumb--link:hover {
  text-decoration: underline;
}
.sf-ticket-chat__source-crumb--plain {
  color: #7a8799;
  font-weight: 500;
}
.sf-ticket-chat__source-crumb--current {
  color: #3a3a3a;
  font-weight: 600;
}
.sf-ticket-chat__source-sep {
  color: #b8c4d4;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 500;
}
.sf-ticket-chat__source-link {
  display: inline-block;
  font-size: 0.875rem;
  color: #1f4169;
  word-break: break-all;
  text-decoration: none;
}
.sf-ticket-chat__source-link:hover {
  text-decoration: underline;
}
.sf-ticket-chat__handler {
  min-width: 0;
  margin-left: auto;
  text-align: right;
}
.sf-ticket-chat__source {
  min-width: 0;
}
.sf-ticket-chat__handler-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #7a8799;
}
.sf-ticket-chat__handler-name {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #1f4169;
}
.sf-ticket-chat__panel {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 360px;
  max-height: min(62dvh, 620px);
  background: #f8fafc;
  border: 1px solid #eef2f6;
  border-radius: 24px;
  overflow: hidden;
}
.sf-ticket-chat__thread {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: #f3f6fa;
  border-radius: 24px 24px 0 0;
}
.sf-ticket-chat__thread::-webkit-scrollbar {
  width: 6px;
}
.sf-ticket-chat__thread::-webkit-scrollbar-thumb {
  background: rgba(31, 65, 105, 0.18);
  border-radius: 999px;
}
.sf-ticket-chat__composer {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.65rem 0.85rem 0.7rem;
  border-top: 1px solid #eef2f6;
  background: #fff;
  border-radius: 0 0 24px 24px;
  overflow: visible;
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}
.sf-ticket-chat__composer-row {
  display: flex;
  align-items: flex-end;
  gap: 0.65rem;
  min-width: 0;
}
.sf-ticket-chat__input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 44px;
  max-height: 150px;
  resize: none;
  overflow-x: hidden;
  overflow-y: hidden;
  border-radius: 22px;
  border-color: #e2e8f0;
  padding: 0.65rem 0.95rem;
  font-size: 0.9375rem;
  line-height: 1.35;
  scrollbar-width: none;
}
.sf-ticket-chat__input::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.sf-ticket-chat__input:focus {
  border-color: rgba(31, 65, 105, 0.35);
  box-shadow: 0 0 0 0.2rem rgba(31, 65, 105, 0.08);
}
.sf-ticket-chat__input.is-scrollable {
  overflow-y: auto;
  scrollbar-width: thin;
}
.sf-ticket-chat__input.is-scrollable::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  display: block;
}
.sf-ticket-chat__input.is-scrollable::-webkit-scrollbar-thumb {
  background: rgba(31, 65, 105, 0.2);
  border-radius: 999px;
}
.sf-ticket-chat__limit {
  font-size: 0.75rem;
  color: #7a8799;
  text-align: right;
  line-height: 1.1;
  padding-right: 0.35rem;
}
.sf-ticket-chat__composer-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem 1rem;
}
.sf-ticket-chat__status-field {
  flex: 0 0 118px;
  min-width: 0;
  max-width: 130px;
}
.sf-ticket-chat__status-field .sc-add-chapter-form__control {
  min-height: 34px;
  height: 34px;
  padding: 0.35rem 2.15rem 0.35rem 0.75rem;
  font-size: 0.8125rem;
  line-height: 1.2;
}
.sf-ticket-chat__status-field .sc-add-chapter-form__select-btn {
  right: 4px;
  width: 26px;
  height: 26px;
  font-size: 0.65rem;
}
.sf-ticket-chat__status-label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #3a3a3a;
}
.sf-ticket-chat__send-group {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  flex: 0 0 auto;
}
.sf-ticket-chat__channel-picker {
  display: none;
}
.sf-ticket-chat__channel-trigger, .sf-ticket-chat__channel-option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #1f4169;
  font-size: 1.05rem;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.sf-ticket-chat__channel-trigger:hover, .sf-ticket-chat__channel-option:hover {
  border-color: rgba(31, 65, 105, 0.28);
  background: #f8fafc;
}
.sf-ticket-chat__channel-trigger:focus-visible, .sf-ticket-chat__channel-option:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(31, 65, 105, 0.12);
}
.sf-ticket-chat__channel-trigger {
  position: relative;
  z-index: 2;
}
.sf-ticket-chat__channel-trigger.is-channel-email {
  background: #1f4169;
  border-color: #1f4169;
  color: #fff;
}
.sf-ticket-chat__channel-trigger.is-channel-whatsapp {
  background: #25d366;
  border-color: #25d366;
  color: #fff;
}
.sf-ticket-chat__channel-menu {
  position: absolute;
  right: 0;
  bottom: calc(100% + 0.5rem);
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.45rem;
  padding: 0.35rem;
  border: 1px solid #eef2f6;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(31, 65, 105, 0.12);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px) scale(0.94);
  transform-origin: bottom center;
  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
}
.sf-ticket-chat__channel-menu.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}
.sf-ticket-chat__channel-option.is-active {
  background: #1f4169;
  border-color: #1f4169;
  color: #fff;
}
.sf-ticket-chat__channel-option[data-sf-ticket-channel=whatsapp].is-active {
  background: #25d366;
  border-color: #25d366;
  color: #fff;
}
.sf-ticket-chat__send {
  flex-shrink: 0;
  min-height: 42px;
  min-width: 150px;
  border-radius: 999px;
}

.sf-ticket-msg {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  max-width: min(85%, 560px);
}
.sf-ticket-msg--student {
  align-self: flex-start;
}
.sf-ticket-msg--student .sf-ticket-msg__bubble {
  align-self: flex-start;
}
.sf-ticket-msg--admin {
  align-self: flex-end;
  align-items: flex-end;
}
.sf-ticket-msg__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  margin-bottom: 0.5rem;
}
.sf-ticket-msg__sender {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #1f4169;
  min-width: 0;
}
.sf-ticket-msg--student .sf-ticket-msg__sender {
  color: rgba(255, 255, 255, 0.92);
}
.sf-ticket-msg--admin .sf-ticket-msg__sender {
  color: rgba(255, 255, 255, 0.92);
}
.sf-ticket-msg__menu-wrap {
  position: relative;
  flex-shrink: 0;
}
.sf-ticket-msg__menu-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #7a8799;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.sf-ticket-msg__menu-btn:hover, .sf-ticket-msg__menu-btn[aria-expanded=true] {
  background: rgba(31, 65, 105, 0.08);
  color: #1f4169;
}
.sf-ticket-msg__menu-btn.has-remark {
  color: #1f4169;
}
.sf-ticket-msg--student .sf-ticket-msg__menu-btn, .sf-ticket-msg--admin .sf-ticket-msg__menu-btn {
  color: rgba(255, 255, 255, 0.75);
}
.sf-ticket-msg--student .sf-ticket-msg__menu-btn:hover, .sf-ticket-msg--student .sf-ticket-msg__menu-btn[aria-expanded=true], .sf-ticket-msg--admin .sf-ticket-msg__menu-btn:hover, .sf-ticket-msg--admin .sf-ticket-msg__menu-btn[aria-expanded=true] {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}
.sf-ticket-msg--student .sf-ticket-msg__menu-btn.has-remark, .sf-ticket-msg--admin .sf-ticket-msg__menu-btn.has-remark {
  color: #fff;
}
.sf-ticket-msg--student .sf-ticket-msg__remark-dot, .sf-ticket-msg--admin .sf-ticket-msg__remark-dot {
  border-color: #1f4169;
}
.sf-ticket-msg__remark-dot {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #c9a227;
  border: 1.5px solid #fff;
}
.sf-ticket-msg__menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 5;
  min-width: 168px;
  padding: 0.35rem;
  border: 1px solid #e8edf3;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(31, 65, 105, 0.12);
}
.sf-ticket-msg--student .sf-ticket-msg__menu {
  right: auto;
  left: 0;
}
.sf-ticket-msg__menu-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.5rem 0.65rem;
  border: none;
  border-radius: 8px;
  background: transparent;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #3a3a3a;
  text-align: left;
  cursor: pointer;
}
.sf-ticket-msg__menu-item i {
  color: #7a8799;
  font-size: 0.9rem;
}
.sf-ticket-msg__menu-item:hover {
  background: #f4f7fb;
  color: #1f4169;
}
.sf-ticket-msg__menu-item:hover i {
  color: #1f4169;
}
.sf-ticket-msg__body {
  display: inline-flex;
  flex-direction: column;
  max-width: 100%;
  min-width: 0;
}
.sf-ticket-msg__bubble {
  padding: 0.85rem 1rem;
  border-radius: 16px;
  font-size: 0.9375rem;
  line-height: 1.45;
  color: #3a3a3a;
  word-break: break-word;
  overflow: visible;
  min-width: min(320px, 100%);
}
.sf-ticket-msg__bubble-text {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.sf-ticket-msg--student .sf-ticket-msg__bubble {
  background: #1f4169;
  color: #fff;
  border: none;
  border-bottom-left-radius: 4px;
}
.sf-ticket-msg--admin .sf-ticket-msg__bubble {
  background: #1f4169;
  color: #fff;
  border-bottom-right-radius: 4px;
}
.sf-ticket-msg__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.65rem;
  font-size: 0.75rem;
  color: #7a8799;
}
.sf-ticket-msg__channel {
  display: none;
}
.sf-ticket-msg__remark-panel {
  width: 100%;
  margin-top: 8px;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}
.sf-ticket-msg--student .sf-ticket-msg__remark-panel {
  align-self: flex-end;
  margin-left: auto;
  width: auto;
  max-width: 100%;
  text-align: left;
}
.sf-ticket-msg--admin .sf-ticket-msg__remark-panel {
  background: transparent;
}
.sf-ticket-msg__remark-panel-head {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.35rem;
}
.sf-ticket-msg__remark-panel-label {
  flex: 1;
  min-width: 0;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7a8799;
}
.sf-ticket-msg--student .sf-ticket-msg__remark-panel-label {
  text-align: left;
}
.sf-ticket-msg__remark-panel-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 0.8125rem;
  color: #7a8799;
}
.sf-ticket-msg__remark-panel-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #7a8799;
  cursor: pointer;
}
.sf-ticket-msg__remark-panel-close:hover {
  background: rgba(31, 65, 105, 0.08);
  color: #1f4169;
}
.sf-ticket-msg__remark-panel-text {
  font-size: 0.8125rem;
  line-height: 1.35;
  color: #3a3a3a;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sf-ticket-msg__remark-panel-list {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sf-ticket-msg__remark-entry {
  padding: 0.4rem 0.6rem;
  border: 1px solid #e8edf3;
  border-left: 3px solid #c9a227;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(31, 65, 105, 0.04);
}
.sf-ticket-msg--student .sf-ticket-msg__remark-entry {
  border-left: 1px solid #e8edf3;
  border-right: 3px solid #c9a227;
}
.sf-ticket-msg__remark-entry-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.1rem;
}
.sf-ticket-msg__remark-entry-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.1rem;
  flex-shrink: 0;
}
.sf-ticket-msg__remark-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #1f4169;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.sf-ticket-msg__remark-action:hover {
  background: rgba(31, 65, 105, 0.1);
  color: #1f4169;
}
.sf-ticket-msg__remark-action .bi {
  font-size: 0.8125rem;
  line-height: 1;
}
.sf-ticket-msg__remark-panel-meta {
  margin: 0;
  min-width: 0;
  font-size: 0.6875rem;
  line-height: 1.3;
  color: #7a8799;
}

.sf-ticket-remark-modal__subtitle {
  margin-top: 0.35rem;
  font-size: 0.8125rem;
  color: #7a8799;
}

.sf-ticket-remark-modal__dialog {
  max-width: min(480px, 100% - 2rem);
  width: min(480px, 100% - 2rem);
}

#sfTicketRemarkModal .sm-edit-module-form {
  gap: 0;
}
#sfTicketRemarkModal .sc-add-chapter-form__control--textarea {
  min-height: 140px;
}
#sfTicketRemarkModal .sm-edit-module-form__limit {
  margin-bottom: 0;
}
#sfTicketRemarkModal .resources-modal__footer {
  margin-top: 0;
  padding-top: 0.75rem;
}

#sfTicketRemarkViewModal .sf-ticket-remark-view {
  margin-bottom: 0;
}
#sfTicketRemarkViewModal .resources-modal__footer {
  margin-top: 0;
  padding-top: 0.75rem;
}

.sf-ticket-remark-view {
  padding: 0.85rem 1rem;
  border: 1px solid #e8edf3;
  border-radius: 12px;
  background: #f8fafc;
}
.sf-ticket-remark-view__text {
  font-size: 0.9375rem;
  line-height: 1.5;
  color: #3a3a3a;
  white-space: pre-wrap;
  word-break: break-word;
}
.sf-ticket-remark-view__text .sf-ticket-msg__remark-panel-list {
  gap: 0.85rem;
}
.sf-ticket-remark-view__text .sf-ticket-msg__remark-panel-text {
  font-size: 0.9375rem;
  line-height: 1.5;
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
  text-overflow: unset;
  white-space: pre-wrap;
}
.sf-ticket-remark-view__text .sf-ticket-msg__remark-entry:not(:last-child) {
  padding-bottom: 0.85rem;
  border-bottom: 1px solid #e8edf3;
}
.sf-ticket-remark-view__meta {
  margin-top: 0.65rem;
  font-size: 0.75rem;
  color: #7a8799;
}

@media (max-width: 1199.98px) {
  .sf-ticket-chat__reporter-main {
    flex-direction: column;
    align-items: stretch;
  }
  .sf-ticket-chat__reporter-actions {
    width: 100%;
    justify-content: flex-start;
  }
  .sf-ticket-chat__panel {
    min-height: 0;
    max-height: min(62dvh, 620px);
  }
  .sf-ticket-chat__composer-row {
    flex-wrap: nowrap;
  }
  .sf-ticket-chat__input {
    flex: 1 1 0;
    min-width: 0;
  }
  .sf-ticket-chat__status-field {
    max-width: none;
  }
  .sf-ticket-chat__send-group {
    width: auto;
    margin-left: 0;
    flex: 0 0 auto;
    justify-content: flex-end;
  }
  .sf-ticket-chat__channel-picker {
    flex: 0 0 auto;
    justify-content: flex-end;
  }
  .sf-ticket-chat__send {
    flex: 0 0 auto;
    width: auto;
    min-width: 150px;
  }
  .sf-ticket-msg {
    max-width: 100%;
  }
  .sf-ticket-msg__bubble {
    min-width: 0;
  }
}
@media (max-width: 575.98px) {
  .support-feedback-reply-page .sf-ticket-chat__reporter, .support-feedback-reply-page .sf-ticket-chat__panel {
    border-radius: 18px;
  }
  .support-feedback-reply-page .sf-ticket-chat__reporter {
    padding: 1rem 1.1rem;
  }
  .support-feedback-reply-page .sf-ticket-chat__thread {
    padding: 1rem;
  }
  .support-feedback-reply-page .sf-ticket-chat__composer {
    padding: 0.85rem 0.5rem 0.85rem;
  }
  .support-feedback-reply-page .sf-ticket-chat__composer-row {
    gap: 0.45rem;
    flex-wrap: nowrap;
  }
  .support-feedback-reply-page .sf-ticket-chat__send-group {
    gap: 0.4rem;
    flex: 0 0 auto;
    width: auto;
  }
  .support-feedback-reply-page .sf-ticket-chat__channel-trigger, .support-feedback-reply-page .sf-ticket-chat__channel-option {
    width: 40px;
    height: 40px;
  }
  .support-feedback-reply-page .sf-ticket-chat__send {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 0;
    font-size: 0;
    line-height: 1;
  }
  .support-feedback-reply-page .sf-ticket-chat__send i {
    display: block;
    margin: 0;
    font-size: 1rem;
    line-height: 1;
  }
}
@media (min-width: 992px) {
  .support-feedback-page .sf-ticket-list__toolbar {
    flex-wrap: nowrap;
  }
}
@media (max-width: 1199.98px) {
  .support-feedback-page .sf-ticket-list {
    padding: 1.15rem 1rem 1rem;
    border-radius: 28px;
  }
  .support-feedback-page .sf-ticket-list__toolbar {
    margin-bottom: 0.75rem;
  }
  .support-feedback-page .sf-ticket-list__head {
    display: none !important;
  }
  .support-feedback-page .sf-ticket-list__table-scroll {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 0;
    padding-top: 0;
  }
  .support-feedback-page .sf-ticket-list .resources-row--support-ticket {
    display: grid;
    gap: 0.6rem;
    margin-bottom: 0.75rem;
    padding: 1rem 1.15rem;
    border: 1px solid #eef1f5;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(31, 65, 105, 0.09);
    grid-template-columns: 1fr auto;
    grid-template-areas: "id actions" "name name" "user-type user-type" "desc desc" "created created" "status status" "ticket-type ticket-type";
  }
  .support-feedback-page .sf-ticket-list .resources-row--support-ticket:last-child {
    margin-bottom: 0;
  }
  .support-feedback-page .sf-ticket-list .resources-row--support-ticket.sf-ticket-row--no-type {
    grid-template-areas: "id actions" "name name" "user-type user-type" "desc desc" "created created" "status status";
  }
  .support-feedback-page .sf-ticket-list .resources-row--support-ticket .sf-ticket-list__cell--id {
    grid-area: id;
  }
  .support-feedback-page .sf-ticket-list .resources-row--support-ticket .sf-ticket-list__cell--name {
    grid-area: name;
  }
  .support-feedback-page .sf-ticket-list .resources-row--support-ticket .sf-ticket-list__cell--user-type {
    grid-area: user-type;
  }
  .support-feedback-page .sf-ticket-list .resources-row--support-ticket .sf-ticket-list__cell--desc {
    grid-area: desc;
  }
  .support-feedback-page .sf-ticket-list .resources-row--support-ticket .sf-ticket-list__cell--created {
    grid-area: created;
  }
  .support-feedback-page .sf-ticket-list .resources-row--support-ticket .sf-ticket-list__cell--status {
    grid-area: status;
  }
  .support-feedback-page .sf-ticket-list .resources-row--support-ticket .sf-ticket-list__cell--ticket-type {
    grid-area: ticket-type;
  }
  .support-feedback-page .sf-ticket-list .resources-row--support-ticket .resources-row__actions--single {
    grid-area: actions;
  }
  .support-feedback-page .sf-ticket-list .resources-row--support-ticket > .sf-ticket-list__cell {
    justify-self: stretch;
    text-align: left;
  }
  .support-feedback-page .sf-ticket-list .resources-row--support-ticket > .sf-ticket-list__cell[data-label]::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #7a8799;
  }
  .support-feedback-page .sf-ticket-list .resources-row--support-ticket .sf-ticket-list__status {
    display: inline;
    min-width: 0;
    text-align: left;
  }
  .support-feedback-page .sf-ticket-pagination {
    flex-direction: column;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }
  .support-feedback-page .sf-ticket-pagination__controls {
    justify-content: center;
  }
  .sf-reply__layout {
    grid-template-columns: 1fr;
  }
  .sf-reply__details, .sf-reply__form-card {
    padding: 1.35rem 1.25rem;
    border-radius: 22px;
  }
  .sf-reply__details-head {
    flex-direction: column;
  }
  .sf-reply__ticket-badge {
    align-self: flex-start;
  }
}
@media (max-width: 991.98px) {
  .support-feedback-page .sf-ticket-list__toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .support-feedback-page .sf-ticket-list__toolbar-controls {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    margin-left: 0;
    gap: 0.5rem;
  }
  .support-feedback-page .sf-ticket-list__toolbar-controls .resources-toolbar__select,
  .support-feedback-page .sf-ticket-list__toolbar-controls .resources-toolbar__search {
    width: 100%;
    min-width: 0;
    max-width: none;
    flex: 0 0 auto;
  }
  .support-feedback-page .sf-ticket-list__table-scroll {
    margin-top: 0;
  }
}
@media (max-width: 575.98px) {
  .support-feedback-page .sf-summary__counts {
    font-size: 1.5rem;
  }
  .support-feedback-page .sf-ticket-list {
    padding: 1rem 0.75rem 0.85rem;
    border-radius: 22px;
  }
  .support-feedback-page .sf-ticket-list__toolbar {
    gap: 0.65rem;
    margin-bottom: 0.65rem;
  }
  .support-feedback-page .sf-ticket-list__toolbar-controls {
    gap: 0.5rem;
  }
  .support-feedback-page .sf-ticket-list .resources-row--support-ticket {
    margin-bottom: 0.65rem;
  }
  .sf-reply__top .resources-btn, .sf-reply__send {
    width: 100%;
  }
}
.profile-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}

.profile {
  width: 100%;
  min-width: 0;
  max-width: 1100px;
}
.profile__card {
  background: #fff;
  border: 1px solid #e8ecf0;
  border-radius: 24px;
  padding: 1.5rem 1.75rem 1.75rem;
  box-shadow: 0 2px 14px rgba(31, 65, 105, 0.06);
}
.profile__page-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1f4169;
  line-height: 1.2;
  margin-bottom: 1.35rem;
}
.profile__hero {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1.25rem 1.35rem;
  border: 1px solid #e8ecf0;
  border-radius: 18px;
  margin-bottom: 1.5rem;
}
.profile__avatar-wrap {
  position: relative;
  flex-shrink: 0;
}
.profile__avatar {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: #e8ecf0;
  color: #4b5563;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: 700;
  overflow: hidden;
}
.profile__avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.profile__avatar-edit {
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: #F15B55;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.profile__avatar-edit i {
  font-size: 0.9rem;
}
.profile__name {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.25;
}
.profile__role {
  font-size: 0.9375rem;
  color: #7a8799;
}
.profile__email {
  font-size: 0.9375rem;
  color: #1a1a1a;
}
.profile__section {
  border-top: 1px solid #eef1f5;
  padding-top: 1.35rem;
}
.profile__section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.35rem;
}
.profile__section-head--stack {
  margin-bottom: 1rem;
}
.profile__section-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1a1a1a;
}
.profile__section-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}
.profile__outline-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 42px;
  padding: 0.5rem 1rem;
  border: 1px solid #1f4169;
  border-radius: 999px;
  background: #fff;
  color: #1f4169;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}
.profile__outline-btn:hover {
  background: #f4f7fb;
}
.profile__info-grid, .profile__form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem 1.5rem;
}
.profile__info-item {
  min-width: 0;
}
.profile__info-label, .profile__field-label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #7a8799;
}
.profile__info-value, .profile__static-value {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #1a1a1a;
  word-break: break-word;
}
.profile__info-value--masked, .profile__static-value--masked {
  letter-spacing: 0.08em;
}
.profile__field {
  min-width: 0;
}
.profile__required {
  color: #F15B55;
  margin-left: 0.1rem;
}
.profile__input {
  min-height: 52px;
  border: 1px solid #d9d9d9;
  border-radius: 14px;
  padding: 0.75rem 1rem;
  font-size: 0.9375rem;
  color: #1a1a1a;
  box-shadow: none;
}
.profile__input:focus {
  border-color: #9aa8b8;
  box-shadow: none;
}
.profile__input--password {
  padding-right: 3rem;
}
.profile__password-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 520px;
}
.profile__password-wrap {
  position: relative;
}
.profile__password-toggle {
  position: absolute;
  top: 50%;
  right: 0.85rem;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  color: #7a8799;
  padding: 0;
  line-height: 1;
  cursor: pointer;
}
.profile__password-toggle:hover {
  color: #1f4169;
}
.profile__password-hint {
  margin-top: 0.45rem;
  font-size: 0.75rem;
  line-height: 1.4;
  color: #7a8799;
}
.profile__form-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding-top: 0.25rem;
}
.profile__btn {
  min-width: 150px;
  min-height: 48px;
  padding: 0.65rem 1.5rem;
  border: none;
  border-radius: 999px;
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}
.profile__btn--coral {
  background: #F15B55;
  color: #fff;
}
.profile__btn--coral:hover {
  background: #e04a44;
}

@media (max-width: 1199.98px) {
  .profile__hero {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
  .profile__info-grid, .profile__form-grid {
    grid-template-columns: 1fr 1fr;
  }
  .profile__section-head {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 575.98px) {
  .profile__card {
    padding: 1.15rem 1rem 1.25rem;
    border-radius: 20px;
  }
  .profile__info-grid, .profile__form-grid {
    grid-template-columns: 1fr;
  }
  .profile__form-footer, .profile__section-actions, .profile__outline-btn, .profile__btn {
    width: 100%;
  }
  .profile__form-footer {
    flex-direction: column;
  }
  .staff-list {
    width: 100%;
    min-width: 0;
  }
  .resources__subtitle {
    max-width: 100%;
  }
  .resources__top {
    min-width: 0;
  }
}
.staff-list-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}

.staff-list__btn-icon {
  display: block;
  object-fit: contain;
}

.staff-list-list {
  gap: 0;
  overflow: visible;
}
.staff-list-list__intro {
  margin-bottom: 1.5rem;
}
.staff-list-list__title {
  margin: 0 0 0.35rem;
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 31px;
  letter-spacing: 0.02em;
  color: #3a3a3a;
}
.staff-list-list__subtitle {
  font-size: 0.875rem;
  font-weight: 400;
  color: #7a8799;
  line-height: 1.4;
}
.staff-list-list__divider {
  width: 100%;
  margin: 1.85rem 0 0;
  border: none;
  border-top: 1px solid #c2bfbf;
  opacity: 1;
}
.staff-list-list__table-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.staff-list-list__head,
.staff-list-list .resources-row--staff {
  display: grid;
  grid-template-columns: 72px minmax(120px, 1.4fr) minmax(100px, 0.9fr) minmax(90px, 0.8fr) minmax(70px, 0.6fr) minmax(110px, 1.1fr) minmax(90px, 0.9fr) calc(36px * 2 + 0.35rem);
  min-width: 1040px;
}
.staff-list-list__head {
  padding: 0.65rem 1.5rem 1rem;
  gap: 0.85rem;
  border-bottom: 1px solid #e8ecf0;
  margin-bottom: 0;
}
.staff-list-list__head span {
  justify-self: center;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
  color: #7a8799;
}
.staff-list-list__head span:nth-child(1),
.staff-list-list__head span:nth-child(2) {
  justify-self: start;
  text-align: left;
}
.staff-list-list__head span:nth-child(8) {
  text-align: center;
  width: calc(36px * 2 + 0.35rem);
}
.staff-list-list__profile {
  justify-self: start;
}
.staff-list-list__avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
.staff-list-list__avatar--highlight {
  box-shadow: 0 0 0 2px #e5534b;
}
.staff-list-list__name {
  justify-self: start;
  text-align: left;
  font-weight: 600;
  font-size: 0.875rem;
  color: #1f4169;
  min-width: 0;
}
.staff-list-list__cell, .staff-list-list__status {
  justify-self: center;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #000;
  min-width: 0;
}
.staff-list-list__actions {
  justify-self: end;
  width: calc(36px * 2 + 0.35rem);
  text-align: right;
}
.staff-list-list__action-group {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35rem;
}
.staff-list-list__action-group .resources-action i {
  font-size: 17px;
  color: #1f4169;
}

.staff-list-page .staff-list-toolbar {
  margin-bottom: 1.85rem;
  background: #fff;
  border: none;
  box-shadow: none;
  border-radius: 30px;
  padding: 0;
}
.staff-list-page .staff-list-toolbar .resources-toolbar__row--top {
  grid-template-columns: minmax(0, 1fr) minmax(175px, 220px);
}
.staff-list-page .staff-list-toolbar .resources-toolbar__dropdowns {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.65rem;
}

.resources-row--staff {
  padding: 1.25rem 1.5rem;
  align-items: center;
  gap: 0.85rem;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  border-bottom: 1px solid #eef1f5;
}
.resources-row--staff:last-child {
  border-bottom: none;
}

.sl-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  padding: 0.45rem 0.85rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
.sl-status--active {
  background: #e6f7ed;
  color: #15803d;
}
.sl-status--ongoing {
  background: #e0f4f8;
  color: #0d7a8c;
}

.staff-edit-modal__dialog {
  max-width: min(92%, 820px, calc(100% - 2rem));
}

.staff-list-detail {
  width: 100%;
  min-width: 0;
}
.staff-list-detail__header {
  min-width: 0;
}
.staff-list-detail__back {
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
}
.staff-list-detail .fto-staff-detail__profile,
.staff-list-detail .fto-staff-detail__sections {
  min-width: 0;
  border-radius: 40px;
}

@media (max-width: 1199.98px) {
  .staff-list-page .staff-list-list {
    padding: 1.15rem 1rem 1rem;
    border-radius: 28px;
  }
  .staff-list-page .staff-list-list__intro {
    padding: 0 0.15rem;
  }
  .staff-list-page .staff-list-list__title {
    font-size: 1.35rem;
    line-height: 1.3;
  }
  .staff-list-page .staff-list-list__divider {
    margin-top: 1.25rem;
  }
  .staff-list-page .staff-list-list__table-scroll {
    margin: 0 -0.35rem;
    padding: 0 0.35rem;
  }
  .staff-list-page .staff-list-list__head {
    padding: 0.65rem 1rem 1rem;
  }
  .staff-list-page .staff-list-list .resources-row--staff {
    padding: 1rem;
    min-width: 1040px;
  }
  .staff-list-page .staff-list-toolbar {
    padding: 0;
    border: none;
    box-shadow: none;
  }
  .staff-list-page .staff-list-toolbar .resources-toolbar__row--top {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .staff-list-page .staff-list-toolbar .resources-toolbar__dropdowns {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }
  .staff-list-page .staff-list__actions {
    width: 100%;
  }
}
.fto-adm-ui .detail-overview__section {
  margin-bottom: 24px;
  padding: 0;
}

.filter-multi-select {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
}
.filter-multi-select.filter-select {
  border: none;
  background: transparent;
  padding: 0;
  height: auto;
  box-shadow: none;
}
.filter-multi-select.filter-select--pill:not(.w-100) {
  width: 160px;
  min-width: 160px;
  max-width: 160px;
}
.filter-multi-select.is-open {
  z-index: 40;
}
.filter-multi-select__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  min-width: inherit;
  height: 40px;
  padding: 0 0.85rem 0 1rem;
  border: 1px solid #e4e9f0;
  border-radius: 999px;
  background: #ffffff;
  color: #7a8799;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
  box-shadow: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.filter-multi-select__trigger:hover {
  border-color: rgba(31, 65, 105, 0.25);
}
.filter-multi-select__trigger:focus-visible {
  outline: none;
  border-color: rgba(31, 65, 105, 0.35);
  box-shadow: 0 0 0 3px rgba(31, 65, 105, 0.1);
}
.filter-multi-select__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.filter-multi-select__chevron {
  flex-shrink: 0;
  font-size: 0.7rem;
  color: #7a8799;
  transition: transform 0.15s ease;
}
.filter-multi-select.is-open .filter-multi-select__chevron {
  transform: rotate(180deg);
}
.filter-multi-select__panel {
  position: absolute;
  top: calc(100% + 0.35rem);
  left: 0;
  z-index: 45;
  min-width: 100%;
  width: max(100%, 220px);
  max-width: min(280px, 88vw);
  padding: 0.65rem 0;
  background: #ffffff;
  border: 1px solid #e4e9f0;
  border-radius: 14px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
}
.filter-multi-select__search-row {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0 0.85rem 0.65rem;
  border-bottom: 1px solid #e4e9f0;
}
.filter-multi-select__search-row--no-search {
  padding-bottom: 0.55rem;
}
.filter-multi-select__search {
  flex: 1;
  min-width: 0;
  height: 34px;
  padding: 0 0.65rem;
  border: 1px solid #e4e9f0;
  border-radius: 8px;
  font-size: 0.8125rem;
  color: #0b1f3f;
  background: #ffffff;
}
.filter-multi-select__search::placeholder {
  color: #9aa8b8;
}
.filter-multi-select__search:focus {
  outline: none;
  border-color: rgba(31, 65, 105, 0.35);
  box-shadow: 0 0 0 3px rgba(31, 65, 105, 0.08);
}
.filter-multi-select__list {
  max-height: 220px;
  overflow-y: auto;
  padding: 0.35rem 0.85rem 0.15rem;
}
.filter-multi-select__list::-webkit-scrollbar {
  width: 5px;
}
.filter-multi-select__list::-webkit-scrollbar-thumb {
  background: rgba(31, 65, 105, 0.18);
  border-radius: 999px;
}
.filter-multi-select__option {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.55rem 0;
  margin: 0;
  cursor: pointer;
  user-select: none;
}
.filter-multi-select__option--all {
  flex-shrink: 0;
  padding: 0;
}
.filter-multi-select__option-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #0b1f3f;
  line-height: 1.3;
}
.filter-multi-select__checkbox {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.filter-multi-select__checkbox:checked + .filter-multi-select__check-box {
  background: #1F4169;
  border-color: #1F4169;
}
.filter-multi-select__checkbox:checked + .filter-multi-select__check-box::after {
  opacity: 1;
}
.filter-multi-select__checkbox:focus-visible + .filter-multi-select__check-box {
  outline: 2px solid rgba(31, 65, 105, 0.35);
  outline-offset: 2px;
}
.filter-multi-select__check-box {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1.5px solid #c5ced9;
  background: #ffffff;
  flex-shrink: 0;
  position: relative;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.filter-multi-select__check-box::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.15s ease;
}

.sc-add-chapter-form__select-wrap--multi {
  position: relative;
}
.sc-add-chapter-form__select-wrap--multi .filter-multi-select {
  display: flex;
  width: 100%;
  flex: 1 1 100%;
}
.sc-add-chapter-form__select-wrap--multi .filter-multi-select__trigger {
  position: relative;
  width: 100%;
  min-height: 55px;
  height: auto;
  padding: 0.65rem 3.75rem 0.65rem 1.15rem;
  border: 0.449198px solid #c2bfbf;
  border-radius: 84.4492px;
  background: #fff;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #1f4169;
  box-shadow: none;
}
.sc-add-chapter-form__select-wrap--multi .filter-multi-select__trigger:hover {
  border-color: rgba(31, 65, 105, 0.45);
}
.sc-add-chapter-form__select-wrap--multi .filter-multi-select__trigger:focus-visible {
  border-color: rgba(31, 65, 105, 0.45);
  outline: none;
  box-shadow: none;
}
.sc-add-chapter-form__select-wrap--multi .filter-multi-select__label {
  color: #1f4169;
}
.sc-add-chapter-form__select-wrap--multi .filter-multi-select__chevron {
  position: absolute;
  right: 6px;
  top: 50%;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  background: #F15B55;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  line-height: 1;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
  transition: none;
}
.sc-add-chapter-form__select-wrap--multi .filter-multi-select__chevron::before {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1;
  vertical-align: 0;
  transform-origin: center center;
  transform: translateY(0.1em);
  transition: transform 0.15s ease;
}
.sc-add-chapter-form__select-wrap--multi .filter-multi-select.is-open .filter-multi-select__chevron {
  transform: translateY(-50%);
}
.sc-add-chapter-form__select-wrap--multi .filter-multi-select.is-open .filter-multi-select__chevron::before {
  transform: rotate(180deg) translateY(0.1em);
}
.sc-add-chapter-form__select-wrap--multi .filter-multi-select__panel {
  min-width: 100%;
  max-width: 100%;
}

.modal .filter-multi-select.is-open {
  z-index: 1060;
}

.modal .filter-multi-select__panel {
  z-index: 1061;
}

.filter-multi-select.is-disabled {
  opacity: 0.65;
  pointer-events: none;
}

.section-block__filters .filter-multi-select.filter-select--pill:not(.w-100) {
  width: 160px;
  min-width: 160px;
  max-width: 160px;
}
@media (max-width: 575.98px) {
  .section-block__filters .filter-multi-select.filter-select--pill {
    flex: 1 1 calc(50% - 0.25rem);
    min-width: 0;
    max-width: none;
    width: 100%;
  }
}

.sa-directory-shell {
  width: 100%;
  min-width: 0;
  background: #fff;
  box-shadow: 0px 0px 21.4px rgba(0, 0, 0, 0.08);
  border-radius: 40px;
  padding: 1.25rem 1.35rem;
  overflow: hidden;
}

.sa-directory-panel {
  width: 100%;
  min-width: 0;
  background: #f8fafc;
  border: 1px solid #eef2f6;
  border-radius: 24px;
  padding: 1rem 1rem;
}
.sa-directory-panel--embedded {
  box-shadow: none;
}
.sa-directory-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
  flex-wrap: wrap;
}
.sa-directory-panel__intro {
  min-width: 0;
  flex: 1 1 220px;
}
.sa-directory-panel__title {
  margin: 0 0 0.25rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1f4169;
}
.sa-directory-panel__subtitle {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.4;
  color: #7a8799;
}
.sa-directory-panel__tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem;
  flex-wrap: wrap;
  margin-left: auto;
  flex: 1 1 320px;
}
.sa-directory-panel__search {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
  width: 100%;
  max-width: 280px;
  flex: 1 1 auto;
  box-sizing: border-box;
  height: 42px;
  min-height: 42px;
  padding: 0 1rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
}
@media (min-width: 992px) {
  .sa-directory-panel__search {
    flex: 0 0 280px;
    width: 280px;
    min-width: 280px;
    max-width: 280px;
  }
}
.sa-directory-panel__search svg {
  width: 16px;
  height: 16px;
  color: #7a8799;
  flex-shrink: 0;
}
.sa-directory-panel__search input {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-size: 0.8125rem;
  line-height: 1.25;
  color: #1f4169;
}
.sa-directory-panel__search input::placeholder {
  color: #7a8799;
}

.sa-directory-select {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  height: 44px;
  min-height: 44px;
  min-width: 140px;
  padding: 0 2rem 0 1rem;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='%239aa8b8'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 0.85rem center;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 40px;
  color: #7a8799;
  cursor: pointer;
  flex-shrink: 0;
  vertical-align: middle;
}
.sa-directory-select:focus {
  outline: none;
}
.sa-directory-select:focus-visible {
  outline: 2px solid rgba(31, 65, 105, 0.25);
  outline-offset: 2px;
}

.sa-directory-select--compact {
  padding: 0 15px !important;
}

.btn--ghost-muted {
  background: #eef1f5;
}

.prospective-students-directory__contact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
  word-break: break-word;
}
.prospective-students-directory__contact-text {
  min-width: 0;
}
.prospective-students-directory__verified {
  font-size: 0.95rem;
  color: #2f9e44;
  flex-shrink: 0;
}
.prospective-students-directory__status {
  color: #7a8799;
}

@media (min-width: 992px) {
  .student-list-page .student-list-directory .sa-directory-panel__header {
    flex-wrap: nowrap;
    align-items: center;
  }
  .student-list-page .student-list-directory .sa-directory-panel__intro {
    flex: 1 1 auto;
    min-width: 0;
  }
  .student-list-page .student-list-directory .sa-directory-panel__tools {
    flex: 0 0 auto;
    flex-wrap: nowrap;
    width: auto;
    max-width: none;
    margin-left: auto;
  }
  .student-list-page .student-list-directory .sa-directory-panel__search {
    flex: 0 0 280px;
    width: 280px;
    min-width: 280px;
    max-width: 280px;
  }
  .student-list-page .student-list-directory .sa-directory-select {
    flex: 0 0 auto;
    width: auto;
    min-width: 118px;
    max-width: 150px;
  }
  .prospective-students-list-page .prospective-students-directory .sa-directory-panel__header {
    flex-wrap: nowrap;
    align-items: center;
  }
  .prospective-students-list-page .prospective-students-directory .sa-directory-panel__intro {
    flex: 1 1 auto;
    min-width: 0;
  }
  .prospective-students-list-page .prospective-students-directory .sa-directory-panel__tools {
    flex: 0 0 auto;
    flex-wrap: nowrap;
    width: auto;
    max-width: none;
    margin-left: auto;
  }
  .prospective-students-list-page .prospective-students-directory .sa-directory-panel__search {
    flex: 0 0 280px;
    width: 280px;
    min-width: 280px;
    max-width: 280px;
  }
  .prospective-students-list-page .prospective-students-directory .sa-directory-select {
    flex: 0 0 auto;
    width: auto;
    min-width: 118px;
    max-width: 150px;
  }
  .support-feedback-page .support-feedback-directory .sa-directory-panel__header {
    flex-wrap: nowrap;
    align-items: center;
  }
  .support-feedback-page .support-feedback-directory .sa-directory-panel__intro {
    flex: 1 1 auto;
    min-width: 0;
  }
  .support-feedback-page .support-feedback-directory .sa-directory-panel__tools {
    flex: 0 0 auto;
    flex-wrap: nowrap;
    width: auto;
    max-width: none;
    margin-left: auto;
  }
  .support-feedback-page .support-feedback-directory .sa-directory-panel__search {
    flex: 0 0 280px;
    width: 280px;
    min-width: 280px;
    max-width: 280px;
  }
  .support-feedback-page .support-feedback-directory .sa-directory-select {
    flex: 0 0 auto;
    width: auto;
    min-width: 118px;
    max-width: 170px;
  }
  .school-support-page .school-support-directory .sa-directory-panel__header {
    flex-wrap: nowrap;
    align-items: center;
  }
  .school-support-page .school-support-directory .sa-directory-panel__intro {
    flex: 1 1 auto;
    min-width: 0;
  }
  .school-support-page .school-support-directory .sa-directory-panel__tools {
    flex: 0 0 auto;
    flex-wrap: nowrap;
    width: auto;
    max-width: none;
    margin-left: auto;
  }
  .school-support-page .school-support-directory .sa-directory-panel__search {
    flex: 0 0 280px;
    width: 280px;
    min-width: 280px;
    max-width: 280px;
  }
  .school-support-page .school-support-directory .sa-directory-select {
    flex: 0 0 auto;
    width: auto;
    min-width: 118px;
    max-width: 150px;
  }
}
.sa-directory-records {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 0.15rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(31, 65, 105, 0.22) rgba(31, 65, 105, 0.06);
}
.sa-directory-records::-webkit-scrollbar {
  height: 8px;
}
.sa-directory-records::-webkit-scrollbar-thumb {
  background: rgba(31, 65, 105, 0.22);
  border-radius: 999px;
}
.sa-directory-records::-webkit-scrollbar-track {
  background: rgba(31, 65, 105, 0.06);
  border-radius: 999px;
}
.sa-directory-records__head,
.sa-directory-records .sa-directory-row {
  display: grid;
  align-items: center;
  gap: 0.65rem 0.85rem;
  padding-left: 1rem;
  padding-right: 1rem;
  min-width: var(--sa-directory-min-width, 720px);
}
.sa-directory-records__head {
  margin-bottom: 0.65rem;
  padding-bottom: 0.15rem;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7a8799;
}
.sa-directory-records__head > span {
  min-width: 0;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-records--coupons-general .sa-directory-records__head,
.sa-directory-records--coupons-general .sa-directory-row--coupons-general {
  grid-template-columns: minmax(150px, 1.2fr) minmax(200px, 2fr) minmax(120px, 0.9fr) minmax(130px, 0.9fr) minmax(120px, 0.85fr) calc(36px * 3 + 0.35rem * 2);
  min-width: 1040px;
}
.sa-directory-records--coupons-general .sa-directory-records__head > span:first-child,
.sa-directory-records--coupons-general .sa-directory-row--coupons-general .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--coupons-general .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--coupons-general .sa-directory-records__head > span:not(:first-child) .sa-directory-sort-btn {
  justify-content: center;
}
.sa-directory-records--coupons-general .sa-directory-row--coupons-general .sa-directory-row__desc,
.sa-directory-records--coupons-general .sa-directory-row--coupons-general .sa-directory-row__meta,
.sa-directory-records--coupons-general .sa-directory-row--coupons-general .sa-directory-row__status {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--coupons-general .sa-directory-row--coupons-general .sa-directory-row__status,
.sa-directory-records--coupons-general .sa-directory-row--coupons-general .sa-directory-row__actions {
  justify-self: center;
}
.sa-directory-records--coupons-general .sa-directory-row--coupons-general .sa-directory-row__actions {
  justify-content: center;
}
.sa-directory-records--notifications-general .sa-directory-records__head,
.sa-directory-records--notifications-general .sa-directory-row--notifications-general {
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.55fr) minmax(0, 2.1fr) minmax(0, 0.8fr) minmax(0, 0.8fr) minmax(0, 0.65fr) calc(36px * 3 + 0.35rem * 2);
  min-width: 1120px;
}
.sa-directory-records--notifications-general .sa-directory-records__head > span:first-child,
.sa-directory-records--notifications-general .sa-directory-row--notifications-general .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--notifications-general .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--notifications-general .sa-directory-records__head > span:not(:first-child) .sa-directory-sort-btn {
  justify-content: center;
}
.sa-directory-records--notifications-general .sa-directory-row--notifications-general .sa-directory-row__desc,
.sa-directory-records--notifications-general .sa-directory-row--notifications-general .sa-directory-row__meta,
.sa-directory-records--notifications-general .sa-directory-row--notifications-general .sa-directory-row__status {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--notifications-general .sa-directory-row--notifications-general .sa-directory-row__status,
.sa-directory-records--notifications-general .sa-directory-row--notifications-general .sa-directory-row__actions {
  justify-self: center;
}
.sa-directory-records--notifications-general .sa-directory-row--notifications-general .sa-directory-row__actions {
  justify-content: center;
}
.sa-directory-records--notifications-general .sa-directory-row--notifications-general .sa-directory-row__name.notifications-list__title {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-records--notifications-general .sa-directory-row--notifications-general .sa-directory-row__name.notifications-list__title.notifications-list__title--truncatable {
  cursor: pointer;
}
.sa-directory-records--notifications-general .sa-directory-row--notifications-general .sa-directory-row__name.notifications-list__title.is-title-expanded {
  overflow: visible;
}
.sa-directory-records--notifications-general .sa-directory-row--notifications-general .sa-directory-row__desc {
  min-width: 0;
  max-width: 100%;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-records--notifications-email .sa-directory-records__head,
.sa-directory-records--notifications-email .sa-directory-row--notifications-email {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 0.55fr) minmax(0, 2.3fr) calc(36px * 3 + 0.35rem * 2);
  min-width: 1000px;
}
.sa-directory-records--notifications-email .sa-directory-records__head > span:first-child,
.sa-directory-records--notifications-email .sa-directory-row--notifications-email .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--notifications-email .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--notifications-email .sa-directory-records__head > span:not(:first-child) .sa-directory-sort-btn {
  justify-content: center;
}
.sa-directory-records--notifications-email .sa-directory-row--notifications-email .sa-directory-row__desc,
.sa-directory-records--notifications-email .sa-directory-row--notifications-email .sa-directory-row__meta {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--notifications-email .sa-directory-row--notifications-email .sa-directory-row__actions {
  justify-self: center;
  justify-content: center;
}
.sa-directory-records--notifications-email .sa-directory-row--notifications-email .sa-directory-row__name.notifications-list__title {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-records--notifications-email .sa-directory-row--notifications-email .sa-directory-row__name.notifications-list__title.notifications-list__title--truncatable {
  cursor: pointer;
}
.sa-directory-records--notifications-email .sa-directory-row--notifications-email .sa-directory-row__name.notifications-list__title.is-title-expanded {
  overflow: visible;
}
.sa-directory-records--notifications-email .sa-directory-row--notifications-email .sa-directory-row__desc {
  min-width: 0;
  max-width: 100%;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-records--notifications-templates .sa-directory-records__head,
.sa-directory-records--notifications-templates .sa-directory-row--notifications-template {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2.2fr) minmax(0, 0.55fr) minmax(0, 0.65fr) calc(36px * 3 + 0.35rem * 2);
  min-width: 960px;
}
.sa-directory-records--notifications-templates .sa-directory-records__head > span:first-child,
.sa-directory-records--notifications-templates .sa-directory-row--notifications-template .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--notifications-templates .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--notifications-templates .sa-directory-records__head > span:not(:first-child) .sa-directory-sort-btn {
  justify-content: center;
}
.sa-directory-records--notifications-templates .sa-directory-row--notifications-template .sa-directory-row__desc,
.sa-directory-records--notifications-templates .sa-directory-row--notifications-template .sa-directory-row__meta,
.sa-directory-records--notifications-templates .sa-directory-row--notifications-template .sa-directory-row__status {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--notifications-templates .sa-directory-row--notifications-template .sa-directory-row__status,
.sa-directory-records--notifications-templates .sa-directory-row--notifications-template .sa-directory-row__actions {
  justify-self: center;
}
.sa-directory-records--notifications-templates .sa-directory-row--notifications-template .sa-directory-row__actions {
  justify-content: center;
}
.sa-directory-records--notifications-templates .sa-directory-row--notifications-template .sa-directory-row__name.notifications-list__title {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-records--notifications-templates .sa-directory-row--notifications-template .sa-directory-row__name.notifications-list__title.notifications-list__title--truncatable {
  cursor: pointer;
}
.sa-directory-records--notifications-templates .sa-directory-row--notifications-template .sa-directory-row__name.notifications-list__title.is-title-expanded {
  overflow: visible;
}
.sa-directory-records--notifications-templates .sa-directory-row--notifications-template .sa-directory-row__desc {
  min-width: 0;
  max-width: 100%;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-records--faqs .sa-directory-records__head,
.sa-directory-records--faqs .sa-directory-row--faqs {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2.5fr) minmax(0, 0.7fr) calc(36px * 3 + 0.35rem * 2);
  min-width: 900px;
}
.sa-directory-records--faqs .sa-directory-records__head > span:first-child,
.sa-directory-records--faqs .sa-directory-row--faqs .sa-directory-row__meta.faqs-list__cell--category {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--faqs .sa-directory-records__head > span:nth-child(2),
.sa-directory-records--faqs .sa-directory-row--faqs .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--faqs .sa-directory-records__head > span:nth-child(3),
.sa-directory-records--faqs .sa-directory-records__head > span:nth-child(4) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--faqs .sa-directory-records__head > span:nth-child(3) .sa-directory-sort-btn,
.sa-directory-records--faqs .sa-directory-records__head > span:nth-child(4) .sa-directory-sort-btn {
  justify-content: center;
}
.sa-directory-records--faqs .sa-directory-records__head > span:nth-child(2) .sa-directory-sort-btn {
  justify-content: flex-start;
}
.sa-directory-records--faqs .sa-directory-row--faqs .faqs-list__cell--category {
  justify-self: start;
  text-align: left;
  font-weight: 500;
  color: #18273c;
  min-width: 0;
  max-width: 100%;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-records--faqs .sa-directory-row--faqs .faqs-list__question {
  min-width: 0;
  max-width: 100%;
  width: 100%;
  justify-self: stretch;
}
.sa-directory-records--faqs .sa-directory-row--faqs .faqs-list__text {
  display: block;
  min-width: 0;
  max-width: 100%;
  font-weight: 500;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-records--faqs .sa-directory-row--faqs .sa-directory-row__status {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--faqs .sa-directory-row--faqs .sa-directory-row__status,
.sa-directory-records--faqs .sa-directory-row--faqs .sa-directory-row__actions {
  justify-self: center;
}
.sa-directory-records--faqs .sa-directory-row--faqs .sa-directory-row__actions {
  justify-content: center;
}
.sa-directory-records--login-page-images .sa-directory-records__head,
.sa-directory-records--login-page-images .sa-directory-row--login-page-images {
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.9fr) minmax(0, 0.75fr) calc(36px * 3 + 0.35rem * 2);
  min-width: 760px;
}
.sa-directory-records--login-page-images .sa-directory-records__head > span:first-child,
.sa-directory-records--login-page-images .sa-directory-row--login-page-images .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--login-page-images .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--login-page-images .sa-directory-records__head > span:not(:first-child) .sa-directory-sort-btn {
  justify-content: center;
}
.sa-directory-records--login-page-images .sa-directory-records__head > span:first-child .sa-directory-sort-btn {
  justify-content: flex-start;
}
.sa-directory-records--login-page-images .sa-directory-row--login-page-images .sa-directory-row__name {
  min-width: 0;
  max-width: 100%;
  width: 100%;
  justify-self: stretch;
  font-weight: 600;
  color: #18273c;
}
.sa-directory-records--login-page-images .sa-directory-row--login-page-images .lpi-list__text {
  display: block;
  min-width: 0;
  max-width: 100%;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-records--login-page-images .sa-directory-row--login-page-images .lpi-list__cell--date {
  white-space: normal;
}
.sa-directory-records--login-page-images .sa-directory-row--login-page-images .sa-directory-row__meta,
.sa-directory-records--login-page-images .sa-directory-row--login-page-images .sa-directory-row__status {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--login-page-images .sa-directory-row--login-page-images .sa-directory-row__status,
.sa-directory-records--login-page-images .sa-directory-row--login-page-images .sa-directory-row__actions {
  justify-self: center;
}
.sa-directory-records--login-page-images .sa-directory-row--login-page-images .sa-directory-row__actions {
  justify-content: center;
}
.sa-directory-records--quotes .sa-directory-records__head,
.sa-directory-records--quotes .sa-directory-row--quotes {
  grid-template-columns: minmax(0, 2.4fr) minmax(0, 0.7fr) 36px;
  min-width: 860px;
}
.sa-directory-records--quotes .sa-directory-records__head > span:first-child,
.sa-directory-records--quotes .sa-directory-row--quotes .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--quotes .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--quotes .sa-directory-records__head > span:not(:first-child) .sa-directory-sort-btn {
  justify-content: center;
}
.sa-directory-records--quotes .sa-directory-row--quotes .quotes-list__quote {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  min-width: 0;
  max-width: 100%;
  width: 100%;
  justify-self: stretch;
}
.sa-directory-records--quotes .sa-directory-row--quotes .quotes-list__quote-icon {
  flex-shrink: 0;
  margin-top: 0.15rem;
  font-size: 1rem;
  color: #f5b942;
}
.sa-directory-records--quotes .sa-directory-row--quotes .quotes-list__text {
  min-width: 0;
  max-width: 100%;
  flex: 1 1 auto;
  font-weight: 500;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-records--quotes .sa-directory-row--quotes .sa-directory-row__meta,
.sa-directory-records--quotes .sa-directory-row--quotes .sa-directory-row__status {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--quotes .sa-directory-row--quotes .sa-directory-row__status,
.sa-directory-records--quotes .sa-directory-row--quotes .sa-directory-row__actions {
  justify-self: center;
}
.sa-directory-records--quotes .sa-directory-row--quotes .sa-directory-row__actions {
  justify-content: center;
}
.sa-directory-records--aircraft-list .sa-directory-records__head,
.sa-directory-records--aircraft-list .sa-directory-row--aircraft-list {
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.55fr) calc(36px * 2 + 0.35rem);
  min-width: 720px;
}
.sa-directory-records--aircraft-list .sa-directory-records__head > span:first-child,
.sa-directory-records--aircraft-list .sa-directory-row--aircraft-list .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--aircraft-list .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--aircraft-list .sa-directory-records__head > span:not(:first-child) .sa-directory-sort-btn {
  justify-content: center;
}
.sa-directory-records--aircraft-list .sa-directory-row--aircraft-list .sa-directory-row__name {
  min-width: 0;
  max-width: 100%;
  width: 100%;
  justify-self: stretch;
}
.sa-directory-records--aircraft-list .sa-directory-row--aircraft-list .sa-directory-row__status {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--aircraft-list .sa-directory-row--aircraft-list .sa-directory-row__status,
.sa-directory-records--aircraft-list .sa-directory-row--aircraft-list .sa-directory-row__actions {
  justify-self: center;
}
.sa-directory-records--aircraft-list .sa-directory-row--aircraft-list .sa-directory-row__actions {
  justify-content: center;
}
.sa-directory-records--flying-schools .sa-directory-records__head,
.sa-directory-records--flying-schools .sa-directory-row--flying-schools {
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.55fr) calc(36px * 2 + 0.35rem);
  min-width: 720px;
}
.sa-directory-records--flying-schools .sa-directory-records__head > span:first-child,
.sa-directory-records--flying-schools .sa-directory-row--flying-schools .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--flying-schools .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--flying-schools .sa-directory-records__head > span:not(:first-child) .sa-directory-sort-btn {
  justify-content: center;
}
.sa-directory-records--flying-schools .sa-directory-row--flying-schools .sa-directory-row__name {
  min-width: 0;
  max-width: 100%;
  width: 100%;
  justify-self: stretch;
}
.sa-directory-records--flying-schools .sa-directory-row--flying-schools .sa-directory-row__status {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--flying-schools .sa-directory-row--flying-schools .sa-directory-row__status,
.sa-directory-records--flying-schools .sa-directory-row--flying-schools .sa-directory-row__actions {
  justify-self: center;
}
.sa-directory-records--flying-schools .sa-directory-row--flying-schools .sa-directory-row__actions {
  justify-content: center;
}
.sa-directory-records--testimonials .sa-directory-records__head,
.sa-directory-records--testimonials .sa-directory-row--testimonials {
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1.8fr) minmax(0, 0.75fr) calc(36px * 2 + 0.35rem);
  min-width: 980px;
}
.sa-directory-records--testimonials .sa-directory-records__head > span:first-child,
.sa-directory-records--testimonials .sa-directory-row--testimonials .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--testimonials .sa-directory-records__head > span:nth-child(3) {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--testimonials .sa-directory-records__head > span:nth-child(3) .sa-directory-sort-btn {
  justify-content: flex-start;
}
.sa-directory-records--testimonials .sa-directory-records__head > span:not(:first-child):not(:nth-child(3)) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--testimonials .sa-directory-records__head > span:not(:first-child):not(:nth-child(3)) .sa-directory-sort-btn {
  justify-content: center;
}
.sa-directory-records--testimonials .sa-directory-row--testimonials > * {
  min-width: 0;
  max-width: 100%;
}
.sa-directory-records--testimonials .sa-directory-row--testimonials .testimonials-list__name {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
  justify-self: start;
}
.sa-directory-records--testimonials .sa-directory-row--testimonials .testimonials-list__person {
  min-width: 0;
  max-width: 100%;
  font-weight: 600;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-records--testimonials .sa-directory-row--testimonials .testimonials-list__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.02em;
}
.sa-directory-records--testimonials .sa-directory-row--testimonials .testimonials-list__avatar--1 {
  background: #4a6fa5;
}
.sa-directory-records--testimonials .sa-directory-row--testimonials .testimonials-list__avatar--2 {
  background: #c45c6e;
}
.sa-directory-records--testimonials .sa-directory-row--testimonials .testimonials-list__avatar--3 {
  background: #3d8b7a;
}
.sa-directory-records--testimonials .sa-directory-row--testimonials .testimonials-list__avatar--4 {
  background: #8b6bb8;
}
.sa-directory-records--testimonials .sa-directory-row--testimonials .testimonials-list__avatar--5 {
  background: #c98b3d;
}
.sa-directory-records--testimonials .sa-directory-row--testimonials .testimonials-list__cell {
  min-width: 0;
  max-width: 100%;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-records--testimonials .sa-directory-row--testimonials .testimonials-list__cell--designation {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--testimonials .sa-directory-row--testimonials .testimonials-list__cell--desc {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--testimonials .sa-directory-row--testimonials .testimonials-list__cell--truncatable {
  cursor: pointer;
}
.sa-directory-records--testimonials .sa-directory-row--testimonials .testimonials-list__cell--truncatable:hover {
  color: #1f4169;
}
.sa-directory-records--testimonials .sa-directory-row--testimonials .sa-directory-row__meta,
.sa-directory-records--testimonials .sa-directory-row--testimonials .sa-directory-row__status {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--testimonials .sa-directory-row--testimonials .sa-directory-row__desc {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--testimonials .sa-directory-row--testimonials .sa-directory-row__status,
.sa-directory-records--testimonials .sa-directory-row--testimonials .sa-directory-row__actions {
  justify-self: center;
}
.sa-directory-records--testimonials .sa-directory-row--testimonials .sa-directory-row__actions {
  justify-content: center;
}
.sa-directory-records--coupons-bulk .sa-directory-records__head,
.sa-directory-records--coupons-bulk .sa-directory-row--coupons-bulk {
  grid-template-columns: minmax(220px, 1.8fr) minmax(110px, 0.85fr) minmax(120px, 0.85fr) minmax(130px, 0.9fr) calc(36px * 2 + 0.35rem);
  min-width: 960px;
}
.sa-directory-records--coupons-bulk .sa-directory-records__head > span:first-child,
.sa-directory-records--coupons-bulk .sa-directory-row--coupons-bulk .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--coupons-bulk .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--coupons-bulk .sa-directory-records__head > span:not(:first-child) .sa-directory-sort-btn {
  justify-content: center;
}
.sa-directory-records--coupons-bulk .sa-directory-row--coupons-bulk .sa-directory-row__meta {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--coupons-bulk .sa-directory-row--coupons-bulk .sa-directory-row__actions {
  justify-self: center;
  justify-content: center;
}
.sa-directory-records--subscription-modules .sa-directory-records__head,
.sa-directory-records--subscription-modules .sa-directory-row--subscription-modules {
  grid-template-columns: minmax(200px, 1.8fr) minmax(100px, 0.85fr) minmax(100px, 0.85fr) minmax(110px, 0.75fr) minmax(120px, 0.85fr) minmax(120px, 0.9fr) minmax(72px, auto);
  min-width: 1040px;
}
.sa-directory-records--subscription-modules .sa-directory-records__head > span:first-child,
.sa-directory-records--subscription-modules .sa-directory-row--subscription-modules .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--subscription-modules .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--subscription-modules .sa-directory-records__head > span:not(:first-child) .sa-directory-sort-btn {
  justify-content: center;
}
.sa-directory-records--subscription-modules .sa-directory-row--subscription-modules .sa-directory-row__meta,
.sa-directory-records--subscription-modules .sa-directory-row--subscription-modules .sa-directory-row__status {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--subscription-modules .sa-directory-row--subscription-modules .sa-directory-row__actions {
  justify-self: center;
  justify-content: center;
}
.sa-directory-records--programs {
  --sa-directory-min-width: 880px;
}
.sa-directory-records--programs .sa-directory-records__head,
.sa-directory-records--programs .sa-directory-row--programs {
  grid-template-columns: 1.1fr 1.5fr 0.7fr 0.85fr calc(3 * 36px + 2 * 0.35rem);
}
.sa-directory-records--programs .sa-directory-records__head > span:first-child,
.sa-directory-records--programs .sa-directory-row--programs .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--programs .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--programs .sa-directory-records__head > span:not(:first-child) .sa-directory-sort-btn {
  justify-content: center;
}
.sa-directory-records--programs .sa-directory-row--programs .sa-directory-row__desc,
.sa-directory-records--programs .sa-directory-row--programs .sa-directory-row__meta {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--programs .sa-directory-row--programs .sa-directory-row__status,
.sa-directory-records--programs .sa-directory-row--programs .sa-directory-row__actions {
  justify-self: center;
}
.sa-directory-records--programs .sa-directory-row--programs .sa-directory-row__actions {
  justify-content: center;
}
.sa-directory-records--programs-list {
  --sa-directory-min-width: 720px;
}
.sa-directory-records--programs-list .sa-directory-records__head,
.sa-directory-records--programs-list .sa-directory-row--programs-list {
  grid-template-columns: 1.2fr 2fr calc(3 * 36px + 2 * 0.35rem);
}
.sa-directory-records--programs-list .sa-directory-records__head > span:first-child,
.sa-directory-records--programs-list .sa-directory-row--programs-list .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--programs-list .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--programs-list .sa-directory-records__head > span:not(:first-child) .sa-directory-sort-btn {
  justify-content: center;
}
.sa-directory-records--programs-list .sa-directory-row--programs-list .sa-directory-row__desc {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--programs-list .sa-directory-row--programs-list .sa-directory-row__actions {
  justify-self: center;
  justify-content: center;
}
.sa-directory-records--packages {
  --sa-directory-min-width: 1040px;
}
.sa-directory-records--packages .sa-directory-records__head,
.sa-directory-records--packages .sa-directory-row--packages {
  grid-template-columns: 0.9fr 1fr 1.4fr 0.7fr 0.85fr calc(3 * 36px + 2 * 0.35rem);
}
.sa-directory-records--packages .sa-directory-records__head > span:first-child,
.sa-directory-records--packages .sa-directory-row--packages .sa-directory-row__meta:first-child {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--packages .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--packages .sa-directory-records__head > span:not(:first-child) .sa-directory-sort-btn {
  justify-content: center;
}
.sa-directory-records--packages .sa-directory-row--packages .sa-directory-row__name,
.sa-directory-records--packages .sa-directory-row--packages .sa-directory-row__desc,
.sa-directory-records--packages .sa-directory-row--packages .sa-directory-row__meta:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--packages .sa-directory-row--packages .sa-directory-row__status,
.sa-directory-records--packages .sa-directory-row--packages .sa-directory-row__actions {
  justify-self: center;
}
.sa-directory-records--packages .sa-directory-row--packages .sa-directory-row__actions {
  justify-content: center;
}
.sa-directory-records--student-sub-logs {
  --sa-directory-min-width: 100%;
}
.sa-directory-records--student-sub-logs .sa-directory-records__head,
.sa-directory-records--student-sub-logs .sa-directory-row--student-sub-logs {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sa-directory-records--student-sub-logs .sa-directory-records__head > span {
  min-width: 0;
  width: 100%;
}
.sa-directory-records--student-sub-logs .sa-directory-records__head > span:first-child {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--student-sub-logs .sa-directory-records__head > span:first-child .sa-directory-sort-btn {
  justify-content: flex-start;
  width: 100%;
  text-align: left;
}
.sa-directory-records--student-sub-logs .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--student-sub-logs .sa-directory-records__head > span:not(:first-child) .sa-directory-sort-btn {
  justify-content: center;
  width: 100%;
}
.sa-directory-records--student-sub-logs .sa-directory-row--student-sub-logs > * {
  width: 100%;
  min-width: 0;
}
.sa-directory-records--student-sub-logs .sa-directory-row--student-sub-logs .sa-directory-row__meta:first-child {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--student-sub-logs .sa-directory-row--student-sub-logs .sa-directory-row__meta:not(:first-child) {
  justify-self: center;
  text-align: center;
  word-break: break-word;
}
.sa-directory-records--student-live-classes {
  --sa-directory-min-width: 560px;
}
.sa-directory-records--student-live-classes .sa-directory-records__head,
.sa-directory-records--student-live-classes .sa-directory-row--student-live-classes {
  grid-template-columns: minmax(180px, 1.6fr) minmax(120px, 0.75fr) minmax(100px, 0.65fr);
}
.sa-directory-records--student-live-classes .sa-directory-records__head > span:first-child,
.sa-directory-records--student-live-classes .sa-directory-row--student-live-classes .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--student-live-classes .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--student-live-classes .sa-directory-row--student-live-classes .sa-directory-row__meta {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--student-dgca {
  --sa-directory-min-width: 720px;
}
.sa-directory-records--student-dgca .sa-directory-records__head,
.sa-directory-records--student-dgca .sa-directory-row--student-dgca {
  grid-template-columns: minmax(150px, 1.25fr) repeat(3, minmax(120px, 1fr));
}
.sa-directory-records--student-dgca .sa-directory-records__head > span:first-child,
.sa-directory-records--student-dgca .sa-directory-row--student-dgca .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--student-dgca .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--student-dgca .sa-directory-row--student-dgca .sa-directory-row__meta {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--student-dgca-tech {
  --sa-directory-min-width: 480px;
}
.sa-directory-records--student-dgca-tech .sa-directory-records__head,
.sa-directory-records--student-dgca-tech .sa-directory-row--student-dgca-tech {
  grid-template-columns: repeat(3, minmax(120px, 1fr));
}
.sa-directory-records--student-dgca-tech .sa-directory-records__head > span,
.sa-directory-records--student-dgca-tech .sa-directory-row--student-dgca-tech .sa-directory-row__meta {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--student-referral {
  --sa-directory-min-width: 640px;
}
.sa-directory-records--student-referral .sa-directory-records__head,
.sa-directory-records--student-referral .sa-directory-row--student-referral {
  grid-template-columns: repeat(4, minmax(120px, 1fr));
}
.sa-directory-records--student-referral .sa-directory-records__head > span:first-child,
.sa-directory-records--student-referral .sa-directory-row--student-referral .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--student-referral .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--student-referral .sa-directory-row--student-referral .sa-directory-row__meta {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--student-support, .sa-directory-records--student-feedback {
  --sa-directory-min-width: 760px;
}
.sa-directory-records--student-support .sa-directory-records__head,
.sa-directory-records--student-support .sa-directory-row--student-support,
.sa-directory-records--student-support .sa-directory-row--student-feedback, .sa-directory-records--student-feedback .sa-directory-records__head,
.sa-directory-records--student-feedback .sa-directory-row--student-support,
.sa-directory-records--student-feedback .sa-directory-row--student-feedback {
  grid-template-columns: minmax(90px, 0.75fr) minmax(180px, 1.5fr) minmax(120px, 0.9fr) minmax(90px, 0.7fr) 36px;
}
.sa-directory-records--student-support .sa-directory-records__head > span:first-child,
.sa-directory-records--student-support .sa-directory-row--student-support .sa-directory-row__name,
.sa-directory-records--student-support .sa-directory-row--student-feedback .sa-directory-row__name, .sa-directory-records--student-feedback .sa-directory-records__head > span:first-child,
.sa-directory-records--student-feedback .sa-directory-row--student-support .sa-directory-row__name,
.sa-directory-records--student-feedback .sa-directory-row--student-feedback .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--student-support .sa-directory-records__head > span:not(:first-child):not(:last-child), .sa-directory-records--student-feedback .sa-directory-records__head > span:not(:first-child):not(:last-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--student-support .sa-directory-row--student-support .sa-directory-row__desc,
.sa-directory-records--student-support .sa-directory-row--student-support .sa-directory-row__meta,
.sa-directory-records--student-support .sa-directory-row--student-feedback .sa-directory-row__desc,
.sa-directory-records--student-support .sa-directory-row--student-feedback .sa-directory-row__meta, .sa-directory-records--student-feedback .sa-directory-row--student-support .sa-directory-row__desc,
.sa-directory-records--student-feedback .sa-directory-row--student-support .sa-directory-row__meta,
.sa-directory-records--student-feedback .sa-directory-row--student-feedback .sa-directory-row__desc,
.sa-directory-records--student-feedback .sa-directory-row--student-feedback .sa-directory-row__meta {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--student-support .sa-directory-row--student-support .sa-directory-row__actions,
.sa-directory-records--student-support .sa-directory-row--student-feedback .sa-directory-row__actions, .sa-directory-records--student-feedback .sa-directory-row--student-support .sa-directory-row__actions,
.sa-directory-records--student-feedback .sa-directory-row--student-feedback .sa-directory-row__actions {
  justify-self: center;
  justify-content: center;
}
.sa-directory-records--student-activity {
  --sa-directory-min-width: 560px;
}
.sa-directory-records--student-activity .sa-directory-records__head,
.sa-directory-records--student-activity .sa-directory-row--student-activity {
  grid-template-columns: minmax(150px, 1fr) minmax(120px, 0.8fr) minmax(220px, 1.6fr);
}
.sa-directory-records--student-activity .sa-directory-records__head > span:first-child,
.sa-directory-records--student-activity .sa-directory-row--student-activity .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--student-activity .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--student-activity .sa-directory-row--student-activity .sa-directory-row__meta,
.sa-directory-records--student-activity .sa-directory-row--student-activity .sa-directory-row__desc {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--student-device {
  --sa-directory-min-width: 680px;
}
.sa-directory-records--student-device .sa-directory-records__head,
.sa-directory-records--student-device .sa-directory-row--student-device {
  grid-template-columns: minmax(90px, 0.7fr) minmax(90px, 0.7fr) minmax(260px, 2fr) minmax(150px, 0.9fr);
}
.sa-directory-records--student-device .sa-directory-records__head > span:first-child,
.sa-directory-records--student-device .sa-directory-row--student-device .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--student-device .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--student-device .sa-directory-row--student-device .sa-directory-row__desc,
.sa-directory-records--student-device .sa-directory-row--student-device .sa-directory-row__meta {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--student-subscription {
  --sa-directory-min-width: 1100px;
}
.sa-directory-records--student-subscription .sa-directory-records__head,
.sa-directory-records--student-subscription .sa-directory-row--student-subscription {
  grid-template-columns: minmax(150px, 1.4fr) repeat(8, minmax(90px, 1fr)) calc(2 * 36px + 0.35rem);
}
.sa-directory-records--student-subscription .sa-directory-records__head > span:first-child,
.sa-directory-records--student-subscription .sa-directory-row--student-subscription .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--student-subscription .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--student-subscription .sa-directory-row--student-subscription .sa-directory-row__meta {
  justify-self: center;
  text-align: center;
  white-space: normal;
}
.sa-directory-records--student-subscription .sa-directory-row--student-subscription .sa-directory-row__actions {
  justify-self: center;
  justify-content: center;
  gap: 0.35rem;
}
.sa-directory-records--prospective-students {
  --sa-directory-min-width: 1020px;
}
.sa-directory-records--prospective-students .sa-directory-records__head,
.sa-directory-records--prospective-students .sa-directory-row--prospective-students {
  grid-template-columns: minmax(110px, 0.9fr) minmax(150px, 1.2fr) minmax(120px, 1fr) minmax(170px, 1.4fr) minmax(110px, 0.85fr) minmax(90px, 0.7fr);
}
.sa-directory-records--prospective-students .sa-directory-records__head > span {
  min-width: 0;
  width: 100%;
}
.sa-directory-records--prospective-students .sa-directory-records__head > span:first-child {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--prospective-students .sa-directory-records__head > span:first-child .sa-directory-sort-btn {
  justify-content: flex-start;
  width: 100%;
  text-align: left;
}
.sa-directory-records--prospective-students .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--prospective-students .sa-directory-records__head > span:not(:first-child) .sa-directory-sort-btn {
  justify-content: center;
  width: 100%;
}
.sa-directory-records--prospective-students .sa-directory-row--prospective-students > * {
  width: 100%;
  min-width: 0;
}
.sa-directory-records--prospective-students .sa-directory-row--prospective-students .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--prospective-students .sa-directory-row--prospective-students .sa-directory-row__meta,
.sa-directory-records--prospective-students .sa-directory-row--prospective-students .sa-directory-row__desc {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--prospective-students .sa-directory-row--prospective-students .sa-directory-row__desc {
  display: block;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-records--student-list {
  --sa-directory-min-width: 1180px;
}
.sa-directory-records--student-list .sa-directory-records__head,
.sa-directory-records--student-list .sa-directory-row--student-list {
  grid-template-columns: minmax(120px, 1.1fr) minmax(140px, 1.1fr) minmax(105px, 0.85fr) minmax(160px, 1.35fr) minmax(100px, 0.8fr) minmax(100px, 0.8fr) minmax(130px, 0.95fr) minmax(72px, auto);
}
.sa-directory-records--student-list .sa-directory-records__head > span {
  min-width: 0;
  width: 100%;
}
.sa-directory-records--student-list .sa-directory-records__head > span:first-child {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--student-list .sa-directory-records__head > span:first-child .sa-directory-sort-btn {
  justify-content: flex-start;
  width: 100%;
  text-align: left;
}
.sa-directory-records--student-list .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--student-list .sa-directory-records__head > span:not(:first-child) .sa-directory-sort-btn {
  justify-content: center;
  width: 100%;
}
.sa-directory-records--student-list .sa-directory-row--student-list > * {
  width: 100%;
  min-width: 0;
}
.sa-directory-records--student-list .sa-directory-row--student-list .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--student-list .sa-directory-row--student-list .sa-directory-row__meta,
.sa-directory-records--student-list .sa-directory-row--student-list .sa-directory-row__desc {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--student-list .sa-directory-row--student-list .sa-directory-row__desc {
  display: block;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
}
.sa-directory-records--student-list .sa-directory-row--student-list .sa-directory-row__actions {
  justify-self: center;
  justify-content: center;
}
.sa-directory-records--student-list .sa-directory-row--student-list .sa-directory-row__actions .resources-action {
  text-decoration: none;
}
.sa-directory-records--fto-management .sa-directory-records__head,
.sa-directory-records--fto-management .sa-directory-row--fto-management {
  grid-template-columns: minmax(0, 2fr) minmax(0, 0.95fr) minmax(0, 1fr) minmax(0, 0.75fr) minmax(0, 1fr) minmax(0, 0.9fr) minmax(72px, auto);
  min-width: 960px;
}
.sa-directory-records--fto-management .sa-directory-records__head > span:first-child,
.sa-directory-records--fto-management .sa-directory-row--fto-management .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--fto-management .sa-directory-records__head > span:not(:first-child):not(:last-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--fto-management .sa-directory-records__head > span:not(:first-child):not(:last-child) .sa-directory-sort-btn {
  justify-content: center;
}
.sa-directory-records--fto-management .sa-directory-records__head > span:first-child .sa-directory-sort-btn {
  justify-content: flex-start;
}
.sa-directory-records--fto-management .sa-directory-row--fto-management .sa-directory-row__name {
  min-width: 0;
  max-width: 100%;
  width: 100%;
  justify-self: stretch;
}
.sa-directory-records--fto-management .sa-directory-row--fto-management .sa-directory-row__name-text {
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-records--fto-management .sa-directory-row--fto-management .sa-directory-row__meta,
.sa-directory-records--fto-management .sa-directory-row--fto-management .sa-directory-row__status,
.sa-directory-records--fto-management .sa-directory-row--fto-management .sa-directory-row__actions {
  justify-self: center;
}
.sa-directory-records--fto-management .sa-directory-row--fto-management .sa-directory-row__meta {
  text-align: center;
}
.sa-directory-records--fto-management .sa-directory-row--fto-management .sa-directory-row__actions {
  justify-content: center;
}
.sa-directory-records--dashboard-ftos {
  --sa-directory-min-width: 960px;
}
.sa-directory-records--dashboard-ftos .sa-directory-records__head,
.sa-directory-records--dashboard-ftos .sa-directory-row--dashboard-ftos {
  grid-template-columns: 2fr 0.95fr 1fr 1.1fr 1fr 0.85fr minmax(72px, auto);
}
.sa-directory-records--dashboard-ftos .sa-directory-records__head > span:first-child,
.sa-directory-records--dashboard-ftos .sa-directory-row--dashboard-ftos .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--dashboard-ftos .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--dashboard-ftos .sa-directory-row--dashboard-ftos .sa-directory-row__meta,
.sa-directory-records--dashboard-ftos .sa-directory-row--dashboard-ftos .sa-directory-row__status,
.sa-directory-records--dashboard-ftos .sa-directory-row--dashboard-ftos .sa-directory-row__actions {
  justify-self: center;
}
.sa-directory-records--dashboard-ftos .sa-directory-row--dashboard-ftos .sa-directory-row__meta {
  text-align: center;
}
.sa-directory-records--dashboard-ftos .sa-directory-row--dashboard-ftos .sa-directory-row__actions {
  justify-content: center;
}
.sa-directory-records--question-bank .sa-directory-records__head,
.sa-directory-records--question-bank .sa-directory-row--question-bank {
  grid-template-columns: 40px minmax(88px, 0.62fr) minmax(96px, 0.75fr) minmax(180px, 1.75fr) minmax(120px, 1fr) minmax(112px, 0.62fr) minmax(104px, 0.58fr) minmax(72px, 0.42fr) minmax(76px, 0.48fr) calc(2 * 36px + 0.35rem);
  min-width: 1320px;
}
.sa-directory-records--question-bank .sa-directory-records__head > span {
  justify-self: center;
  text-align: center;
  min-width: 0;
  padding: 0 0.1rem;
  line-height: 1.25;
}
.sa-directory-records--question-bank .sa-directory-records__head > span .sa-directory-sort-btn {
  max-width: 100%;
  white-space: normal;
  justify-content: center;
  text-align: center;
  line-height: 1.25;
}
.sa-directory-records--question-bank .sa-directory-row--question-bank {
  align-items: center;
}
.sa-directory-records--question-bank .sa-directory-row--question-bank > [class*=sa-directory-row__] {
  justify-self: center;
  text-align: center;
  width: 100%;
  min-width: 0;
}
.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__select,
.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__dgca,
.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__status,
.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__actions {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__answer {
  padding: 0.5rem 0.35rem;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__answer--truncatable {
  cursor: pointer;
}
.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__answer--expanded {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}
.sa-directory-records--tests-exams {
  --sa-directory-min-width: 1040px;
}
.sa-directory-records--tests-exams .sa-directory-records__head,
.sa-directory-records--tests-exams .sa-directory-row--tests-exams {
  grid-template-columns: minmax(200px, 1.55fr) minmax(112px, 0.95fr) minmax(88px, 0.6fr) minmax(100px, 0.65fr) minmax(140px, 0.9fr) calc(2 * 36px + 0.35rem);
}
.sa-directory-records--tests-exams .sa-directory-records__head > span:first-child,
.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--tests-exams .sa-directory-records__head > span:not(:first-child):not(:last-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--tests-exams .sa-directory-records__head > span:not(:first-child):not(:last-child) .sa-directory-sort-btn {
  justify-content: center;
}
.sa-directory-records--tests-exams .sa-directory-records__head > span:last-child {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__meta,
.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__status {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__status,
.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__actions {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__actions {
  justify-self: center;
}
.sa-directory-records--program-batches {
  --sa-directory-min-width: 760px;
}
.sa-directory-records--program-batches .sa-directory-records__head,
.sa-directory-records--program-batches .sa-directory-row--program-batches {
  grid-template-columns: 1.1fr 1.3fr 0.65fr 0.85fr minmax(88px, auto);
}
.sa-directory-records--program-batches .sa-directory-records__head > span:first-child,
.sa-directory-records--program-batches .sa-directory-row--program-batches .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--program-batches .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--program-batches .sa-directory-row--program-batches .sa-directory-row__meta,
.sa-directory-records--program-batches .sa-directory-row--program-batches .sa-directory-row__status,
.sa-directory-records--program-batches .sa-directory-row--program-batches .sa-directory-row__actions {
  justify-self: center;
}
.sa-directory-records--program-batches .sa-directory-row--program-batches .sa-directory-row__meta {
  text-align: center;
}
.sa-directory-records--program-batches .sa-directory-row--program-batches .sa-directory-row__actions {
  justify-content: center;
}
.sa-directory-records--program-students {
  --sa-directory-min-width: 960px;
}
.sa-directory-records--program-students .sa-directory-records__head,
.sa-directory-records--program-students .sa-directory-row--program-students {
  grid-template-columns: 1.5fr 1.1fr 1.5fr 0.85fr 0.8fr;
}
.sa-directory-records--program-students .sa-directory-records__head > span:first-child,
.sa-directory-records--program-students .sa-directory-row--program-students .sa-directory-row__profile {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--program-students .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--program-students .sa-directory-row--program-students .sa-directory-row__profile {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
}
.sa-directory-records--program-students .sa-directory-row--program-students .sa-directory-row__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #fff;
  box-shadow: 0 2px 8px rgba(31, 65, 105, 0.1);
  flex-shrink: 0;
}
.sa-directory-records--program-students .sa-directory-row--program-students .sa-directory-row__profile-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.sa-directory-records--program-students .sa-directory-row--program-students .sa-directory-row__sub {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #7a8799;
}
.sa-directory-records--program-students .sa-directory-row--program-students .sa-directory-row__meta {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--program-students .sa-directory-row--program-students .sa-directory-row__status {
  justify-self: center;
  justify-content: center;
}
.sa-directory-records--batch-upcoming-classes {
  --sa-directory-min-width: 820px;
}
.sa-directory-records--batch-upcoming-classes .sa-directory-records__head,
.sa-directory-records--batch-upcoming-classes .sa-directory-row--batch-upcoming-classes {
  grid-template-columns: 1.2fr 1fr 0.9fr 1fr minmax(100px, auto);
}
.sa-directory-records--batch-upcoming-classes .sa-directory-records__head > span:first-child,
.sa-directory-records--batch-upcoming-classes .sa-directory-row--batch-upcoming-classes .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--batch-upcoming-classes .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--batch-upcoming-classes .sa-directory-row--batch-upcoming-classes .sa-directory-row__meta,
.sa-directory-records--batch-upcoming-classes .sa-directory-row--batch-upcoming-classes .sa-directory-row__status {
  justify-self: center;
}
.sa-directory-records--batch-upcoming-classes .sa-directory-row--batch-upcoming-classes .sa-directory-row__meta {
  text-align: center;
}
.sa-directory-records--batch-upcoming-classes .sa-directory-row--batch-upcoming-classes .sa-directory-row__status {
  justify-content: center;
}
.sa-directory-records--classroom-upcoming-sessions {
  --sa-directory-min-width: 720px;
}
.sa-directory-records--classroom-upcoming-sessions .sa-directory-records__head,
.sa-directory-records--classroom-upcoming-sessions .sa-directory-row--classroom-upcoming-sessions {
  grid-template-columns: 1.3fr 1fr 1.1fr minmax(100px, auto);
}
.sa-directory-records--classroom-upcoming-sessions .sa-directory-records__head > span:first-child,
.sa-directory-records--classroom-upcoming-sessions .sa-directory-row--classroom-upcoming-sessions .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--classroom-upcoming-sessions .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--classroom-upcoming-sessions .sa-directory-row--classroom-upcoming-sessions .sa-directory-row__meta,
.sa-directory-records--classroom-upcoming-sessions .sa-directory-row--classroom-upcoming-sessions .sa-directory-row__status {
  justify-self: center;
}
.sa-directory-records--classroom-upcoming-sessions .sa-directory-row--classroom-upcoming-sessions .sa-directory-row__meta {
  text-align: center;
}
.sa-directory-records--classroom-upcoming-sessions .sa-directory-row--classroom-upcoming-sessions .sa-directory-row__status {
  justify-content: center;
}
.sa-directory-records--fto-cgi, .sa-directory-records--fto-instructors {
  --sa-directory-min-width: 1040px;
}
.sa-directory-records--fto-cgi .sa-directory-records__head,
.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi,
.sa-directory-records--fto-cgi .sa-directory-row--fto-instructors, .sa-directory-records--fto-instructors .sa-directory-records__head,
.sa-directory-records--fto-instructors .sa-directory-row--fto-cgi,
.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors {
  grid-template-columns: 48px 56px 1.15fr 0.85fr 1.05fr 0.9fr 0.85fr minmax(72px, auto);
}
.sa-directory-records--fto-cgi .sa-directory-records__head > span:nth-child(1),
.sa-directory-records--fto-cgi .sa-directory-records__head > span:nth-child(2),
.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi .sa-directory-row__sn,
.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi .sa-directory-row__profile,
.sa-directory-records--fto-cgi .sa-directory-row--fto-instructors .sa-directory-row__sn,
.sa-directory-records--fto-cgi .sa-directory-row--fto-instructors .sa-directory-row__profile, .sa-directory-records--fto-instructors .sa-directory-records__head > span:nth-child(1),
.sa-directory-records--fto-instructors .sa-directory-records__head > span:nth-child(2),
.sa-directory-records--fto-instructors .sa-directory-row--fto-cgi .sa-directory-row__sn,
.sa-directory-records--fto-instructors .sa-directory-row--fto-cgi .sa-directory-row__profile,
.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors .sa-directory-row__sn,
.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors .sa-directory-row__profile {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--fto-cgi .sa-directory-records__head > span:nth-child(3),
.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi .sa-directory-row__name,
.sa-directory-records--fto-cgi .sa-directory-row--fto-instructors .sa-directory-row__name, .sa-directory-records--fto-instructors .sa-directory-records__head > span:nth-child(3),
.sa-directory-records--fto-instructors .sa-directory-row--fto-cgi .sa-directory-row__name,
.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--fto-cgi .sa-directory-records__head > span:nth-child(n+4):not(:last-child), .sa-directory-records--fto-instructors .sa-directory-records__head > span:nth-child(n+4):not(:last-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi .sa-directory-row__profile,
.sa-directory-records--fto-cgi .sa-directory-row--fto-instructors .sa-directory-row__profile, .sa-directory-records--fto-instructors .sa-directory-row--fto-cgi .sa-directory-row__profile,
.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors .sa-directory-row__profile {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi .sa-directory-row__meta,
.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi .sa-directory-row__status,
.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi .sa-directory-row__actions,
.sa-directory-records--fto-cgi .sa-directory-row--fto-instructors .sa-directory-row__meta,
.sa-directory-records--fto-cgi .sa-directory-row--fto-instructors .sa-directory-row__status,
.sa-directory-records--fto-cgi .sa-directory-row--fto-instructors .sa-directory-row__actions, .sa-directory-records--fto-instructors .sa-directory-row--fto-cgi .sa-directory-row__meta,
.sa-directory-records--fto-instructors .sa-directory-row--fto-cgi .sa-directory-row__status,
.sa-directory-records--fto-instructors .sa-directory-row--fto-cgi .sa-directory-row__actions,
.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors .sa-directory-row__meta,
.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors .sa-directory-row__status,
.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors .sa-directory-row__actions {
  justify-self: center;
}
.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi .sa-directory-row__meta,
.sa-directory-records--fto-cgi .sa-directory-row--fto-instructors .sa-directory-row__meta, .sa-directory-records--fto-instructors .sa-directory-row--fto-cgi .sa-directory-row__meta,
.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors .sa-directory-row__meta {
  text-align: center;
}
.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi .sa-directory-row__status,
.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi .sa-directory-row__actions,
.sa-directory-records--fto-cgi .sa-directory-row--fto-instructors .sa-directory-row__status,
.sa-directory-records--fto-cgi .sa-directory-row--fto-instructors .sa-directory-row__actions, .sa-directory-records--fto-instructors .sa-directory-row--fto-cgi .sa-directory-row__status,
.sa-directory-records--fto-instructors .sa-directory-row--fto-cgi .sa-directory-row__actions,
.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors .sa-directory-row__status,
.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors .sa-directory-row__actions {
  justify-content: center;
}
.sa-directory-records--fto-instructors {
  --sa-directory-min-width: 1120px;
}
.sa-directory-records--fto-instructors .sa-directory-records__head,
.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors {
  grid-template-columns: 48px 56px 1.05fr 0.7fr 0.7fr 0.85fr 1fr 0.95fr minmax(72px, auto);
}
.sa-directory-records--fto-staff-directory {
  --sa-directory-min-width: 1040px;
}
.sa-directory-records--fto-staff-directory .sa-directory-records__head,
.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory {
  grid-template-columns: 72px 1.4fr 0.9fr 0.8fr 0.6fr 1.1fr 0.9fr minmax(90px, auto);
}
.sa-directory-records--fto-staff-directory .sa-directory-records__head > span:first-child,
.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .sa-directory-row__profile {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--fto-staff-directory .sa-directory-records__head > span:nth-child(2),
.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--fto-staff-directory .sa-directory-records__head > span:not(:first-child):not(:nth-child(2)):not(:last-child),
.sa-directory-records--fto-staff-directory .sa-directory-records__head > span:last-child {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .sa-directory-row__profile {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .staff-directory-row__avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
}
.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .staff-directory-row__avatar--highlight {
  box-shadow: 0 0 0 2px #e5534b;
}
.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .sa-directory-row__meta,
.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .sa-directory-row__status,
.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .sa-directory-row__actions {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .sa-directory-row__status,
.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .sa-directory-row__actions {
  justify-content: center;
}
.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .sa-directory-row__meta,
.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .sa-directory-row__name {
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: manual;
}
.sa-directory-records--staff-list {
  --sa-directory-min-width: 1140px;
}
.sa-directory-records--staff-list .sa-directory-records__head,
.sa-directory-records--staff-list .sa-directory-row--staff-list {
  grid-template-columns: 72px minmax(110px, 1.25fr) minmax(84px, 0.85fr) minmax(84px, 0.75fr) minmax(148px, 1fr) minmax(100px, 1fr) minmax(80px, 0.8fr) calc(2 * 36px + 0.35rem);
}
.sa-directory-records--staff-list .sa-directory-records__head > span {
  min-width: 0;
  width: 100%;
}
.sa-directory-records--staff-list .sa-directory-records__head > span:first-child,
.sa-directory-records--staff-list .sa-directory-row--staff-list .sa-directory-row__profile {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--staff-list .sa-directory-records__head > span:nth-child(2),
.sa-directory-records--staff-list .sa-directory-row--staff-list .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--staff-list .sa-directory-records__head > span:nth-child(2) .sa-directory-sort-btn {
  justify-content: flex-start;
  width: 100%;
  text-align: left;
}
.sa-directory-records--staff-list .sa-directory-records__head > span:not(:first-child):not(:nth-child(2)):not(:last-child),
.sa-directory-records--staff-list .sa-directory-records__head > span:last-child {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--staff-list .sa-directory-records__head > span:not(:first-child):not(:nth-child(2)):not(:last-child) .sa-directory-sort-btn,
.sa-directory-records--staff-list .sa-directory-records__head > span:last-child .sa-directory-sort-btn {
  justify-content: center;
  width: 100%;
}
.sa-directory-records--staff-list .sa-directory-records__head > span:nth-child(6) .sa-directory-sort-btn {
  white-space: normal;
  line-height: 1.25;
  text-align: center;
}
.sa-directory-records--staff-list .sa-directory-row--staff-list > * {
  width: 100%;
  min-width: 0;
}
.sa-directory-records--staff-list .sa-directory-row--staff-list .sa-directory-row__profile {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sa-directory-records--staff-list .sa-directory-row--staff-list .staff-directory-row__avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.sa-directory-records--staff-list .sa-directory-row--staff-list .staff-directory-row__avatar--highlight {
  box-shadow: 0 0 0 2px #e5534b;
}
.sa-directory-records--staff-list .sa-directory-row--staff-list .sa-directory-row__meta {
  justify-self: center;
  text-align: center;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-records--staff-list .sa-directory-row--staff-list .sa-directory-row__name {
  justify-self: start;
  text-align: left;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: manual;
}
.sa-directory-records--staff-list .sa-directory-row--staff-list .sa-directory-row__status {
  min-width: 0;
  max-width: 100%;
  justify-self: center;
  display: flex;
  justify-content: center;
  text-align: center;
}
@media (min-width: 992px) {
  .sa-directory-records--staff-list .sa-directory-row--staff-list .sa-directory-row__actions {
    min-width: 0;
    max-width: 100%;
    justify-self: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.35rem;
    width: calc(2 * 36px + 0.35rem);
  }
}
.sa-directory-records--support-feedback .sa-directory-records__head > span, .sa-directory-records--support-feedback-ticket .sa-directory-records__head > span {
  min-width: 0;
  width: 100%;
}
.sa-directory-records--support-feedback .sa-directory-records__head > span:first-child,
.sa-directory-records--support-feedback .sa-directory-row--support-feedback .support-feedback-directory__id,
.sa-directory-records--support-feedback .sa-directory-row--support-feedback-ticket .support-feedback-directory__id, .sa-directory-records--support-feedback-ticket .sa-directory-records__head > span:first-child,
.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback .support-feedback-directory__id,
.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .support-feedback-directory__id {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--support-feedback .sa-directory-records__head > span:nth-child(2),
.sa-directory-records--support-feedback .sa-directory-row--support-feedback .support-feedback-directory__name,
.sa-directory-records--support-feedback .sa-directory-row--support-feedback-ticket .support-feedback-directory__name, .sa-directory-records--support-feedback-ticket .sa-directory-records__head > span:nth-child(2),
.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback .support-feedback-directory__name,
.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .support-feedback-directory__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--support-feedback .sa-directory-records__head > span:nth-child(4),
.sa-directory-records--support-feedback .sa-directory-row--support-feedback .sa-directory-row__desc,
.sa-directory-records--support-feedback .sa-directory-row--support-feedback-ticket .sa-directory-row__desc, .sa-directory-records--support-feedback-ticket .sa-directory-records__head > span:nth-child(4),
.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback .sa-directory-row__desc,
.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .sa-directory-row__desc {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--support-feedback .sa-directory-records__head > span:not(:first-child):not(:nth-child(2)):not(:nth-child(4)):not(:last-child),
.sa-directory-records--support-feedback .sa-directory-records__head > span:last-child, .sa-directory-records--support-feedback-ticket .sa-directory-records__head > span:not(:first-child):not(:nth-child(2)):not(:nth-child(4)):not(:last-child),
.sa-directory-records--support-feedback-ticket .sa-directory-records__head > span:last-child {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--support-feedback .sa-directory-records__head > span:not(:first-child):not(:nth-child(2)):not(:nth-child(4)):not(:last-child) .sa-directory-sort-btn,
.sa-directory-records--support-feedback .sa-directory-records__head > span:last-child .sa-directory-sort-btn, .sa-directory-records--support-feedback-ticket .sa-directory-records__head > span:not(:first-child):not(:nth-child(2)):not(:nth-child(4)):not(:last-child) .sa-directory-sort-btn,
.sa-directory-records--support-feedback-ticket .sa-directory-records__head > span:last-child .sa-directory-sort-btn {
  justify-content: center;
  width: 100%;
}
.sa-directory-records--support-feedback .sa-directory-records__head > span:first-child .sa-directory-sort-btn,
.sa-directory-records--support-feedback .sa-directory-records__head > span:nth-child(2) .sa-directory-sort-btn,
.sa-directory-records--support-feedback .sa-directory-records__head > span:nth-child(4) .sa-directory-sort-btn, .sa-directory-records--support-feedback-ticket .sa-directory-records__head > span:first-child .sa-directory-sort-btn,
.sa-directory-records--support-feedback-ticket .sa-directory-records__head > span:nth-child(2) .sa-directory-sort-btn,
.sa-directory-records--support-feedback-ticket .sa-directory-records__head > span:nth-child(4) .sa-directory-sort-btn {
  justify-content: flex-start;
  width: 100%;
  text-align: left;
}
.sa-directory-records--support-feedback .sa-directory-row--support-feedback > *,
.sa-directory-records--support-feedback .sa-directory-row--support-feedback-ticket > *, .sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback > *,
.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket > * {
  width: 100%;
  min-width: 0;
}
.sa-directory-records--support-feedback .sa-directory-row--support-feedback .support-feedback-directory__id,
.sa-directory-records--support-feedback .sa-directory-row--support-feedback-ticket .support-feedback-directory__id, .sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback .support-feedback-directory__id,
.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .support-feedback-directory__id {
  font-weight: 700;
  color: #000;
}
.sa-directory-records--support-feedback .sa-directory-row--support-feedback .sa-directory-row__meta,
.sa-directory-records--support-feedback .sa-directory-row--support-feedback-ticket .sa-directory-row__meta, .sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback .sa-directory-row__meta,
.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .sa-directory-row__meta {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--support-feedback .sa-directory-row--support-feedback .sa-directory-row__desc,
.sa-directory-records--support-feedback .sa-directory-row--support-feedback-ticket .sa-directory-row__desc, .sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback .sa-directory-row__desc,
.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .sa-directory-row__desc {
  justify-self: start;
  text-align: left;
  display: block;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
}
.sa-directory-records--support-feedback .sa-directory-row--support-feedback .sa-directory-row__status,
.sa-directory-records--support-feedback .sa-directory-row--support-feedback-ticket .sa-directory-row__status, .sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback .sa-directory-row__status,
.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .sa-directory-row__status {
  min-width: 0;
  max-width: 100%;
  justify-self: center;
  display: flex;
  justify-content: center;
  text-align: center;
}
.sa-directory-records--support-feedback .sa-directory-row--support-feedback .sa-directory-row__actions .resources-action,
.sa-directory-records--support-feedback .sa-directory-row--support-feedback-ticket .sa-directory-row__actions .resources-action, .sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback .sa-directory-row__actions .resources-action,
.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .sa-directory-row__actions .resources-action {
  text-decoration: none;
}
.sa-directory-records--support-feedback .sa-directory-row--support-feedback .sa-directory-row__actions .resources-action i,
.sa-directory-records--support-feedback .sa-directory-row--support-feedback-ticket .sa-directory-row__actions .resources-action i, .sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback .sa-directory-row__actions .resources-action i,
.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .sa-directory-row__actions .resources-action i {
  font-size: 1rem;
  color: #1f4169;
}
@media (min-width: 992px) {
  .sa-directory-records--support-feedback .sa-directory-row--support-feedback .sa-directory-row__actions,
  .sa-directory-records--support-feedback .sa-directory-row--support-feedback-ticket .sa-directory-row__actions, .sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback .sa-directory-row__actions,
  .sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .sa-directory-row__actions {
    min-width: 0;
    max-width: 100%;
    justify-self: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 36px;
  }
}
.sa-directory-records--support-feedback {
  --sa-directory-min-width: 1100px;
}
.sa-directory-records--support-feedback .sa-directory-records__head,
.sa-directory-records--support-feedback .sa-directory-row--support-feedback {
  grid-template-columns: minmax(80px, 0.7fr) minmax(120px, 1fr) minmax(110px, 0.95fr) minmax(150px, 1.35fr) minmax(130px, 1fr) minmax(80px, 0.7fr) 36px;
}
.sa-directory-records--support-feedback-ticket {
  --sa-directory-min-width: 1180px;
}
.sa-directory-records--support-feedback-ticket .sa-directory-records__head,
.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket {
  grid-template-columns: minmax(80px, 0.7fr) minmax(120px, 1fr) minmax(110px, 0.95fr) minmax(150px, 1.35fr) minmax(130px, 1fr) minmax(80px, 0.7fr) minmax(80px, 0.65fr) 36px;
}
.sa-directory-records--school-support {
  --sa-directory-min-width: 860px;
}
.sa-directory-records--school-support .sa-directory-records__head,
.sa-directory-records--school-support .sa-directory-row--school-support {
  grid-template-columns: minmax(160px, 1.2fr) minmax(180px, 1.4fr) minmax(120px, 1fr) minmax(100px, 0.7fr) calc(2 * 36px + 0.35rem);
}
.sa-directory-records--school-support .sa-directory-records__head > span {
  min-width: 0;
  width: 100%;
}
.sa-directory-records--school-support .sa-directory-records__head > span:first-child,
.sa-directory-records--school-support .sa-directory-row--school-support .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--school-support .sa-directory-records__head > span:not(:first-child):not(:last-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--school-support .sa-directory-records__head > span:not(:first-child):not(:last-child) .sa-directory-sort-btn {
  justify-content: center;
  width: 100%;
}
.sa-directory-records--school-support .sa-directory-records__head > span:first-child .sa-directory-sort-btn {
  justify-content: flex-start;
  width: 100%;
  text-align: left;
}
.sa-directory-records--school-support .sa-directory-records__head > span:last-child {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--school-support .sa-directory-row--school-support > * {
  width: 100%;
  min-width: 0;
}
.sa-directory-records--school-support .sa-directory-row--school-support .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--school-support .sa-directory-row--school-support .sa-directory-row__meta {
  justify-self: center;
  text-align: center;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-records--school-support .sa-directory-row--school-support .sa-directory-row__status {
  min-width: 0;
  max-width: 100%;
  justify-self: center;
  display: flex;
  justify-content: center;
  text-align: center;
}
.sa-directory-records--school-support .sa-directory-row--school-support .sa-directory-row__actions {
  gap: 0.35rem;
}
.sa-directory-records--school-support .sa-directory-row--school-support .sa-directory-row__actions .resources-action i {
  font-size: 17px;
  color: #1f4169;
}
@media (min-width: 992px) {
  .sa-directory-records--school-support .sa-directory-row--school-support .sa-directory-row__actions {
    min-width: 0;
    max-width: 100%;
    justify-self: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: calc(2 * 36px + 0.35rem);
  }
}
.sa-directory-records--dash-class-students {
  --sa-directory-min-width: 1080px;
}
.sa-directory-records--dash-class-students .sa-directory-records__head,
.sa-directory-records--dash-class-students .sa-directory-row--dash-class-students {
  grid-template-columns: 56px 1.2fr 0.85fr 0.7fr 0.9fr 1.1fr minmax(100px, auto) minmax(120px, auto);
}
.sa-directory-records--dash-class-students .sa-directory-records__head > span:first-child,
.sa-directory-records--dash-class-students .sa-directory-row--dash-class-students .sa-directory-row__sn {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--dash-class-students .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--dash-class-students .sa-directory-row--dash-class-students .sa-directory-row__name,
.sa-directory-records--dash-class-students .sa-directory-row--dash-class-students .sa-directory-row__meta,
.sa-directory-records--dash-class-students .sa-directory-row--dash-class-students .sa-directory-row__status,
.sa-directory-records--dash-class-students .sa-directory-row--dash-class-students .sa-directory-row__actions {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--dash-class-students .sa-directory-row--dash-class-students .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--dash-class-students .sa-directory-row--dash-class-students .sa-directory-row__sn {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--dash-class-students .sa-directory-row--dash-class-students .sa-directory-row__status,
.sa-directory-records--dash-class-students .sa-directory-row--dash-class-students .sa-directory-row__actions {
  justify-content: center;
}
.sa-directory-records--dash-class-students .sa-directory-row--dash-class-students .dash-class-student-link {
  color: inherit;
  text-decoration: none;
  font-weight: inherit;
}
.sa-directory-records--dash-class-students .sa-directory-row--dash-class-students .dash-class-student-link:hover {
  color: #1f4169;
}
.sa-directory-records--cgi-login {
  --sa-directory-min-width: 960px;
}
.sa-directory-records--cgi-login .sa-directory-records__head,
.sa-directory-records--cgi-login .sa-directory-row--cgi-login {
  grid-template-columns: 52px 1.45fr 1.05fr 1.05fr 0.95fr 1.05fr minmax(108px, auto);
}
.sa-directory-records--cgi-login .sa-directory-records__head > span:first-child,
.sa-directory-records--cgi-login .sa-directory-row--cgi-login .sa-directory-row__sn {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--cgi-login .sa-directory-records__head > span:nth-child(2),
.sa-directory-records--cgi-login .sa-directory-row--cgi-login .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--cgi-login .sa-directory-records__head > span:not(:first-child):not(:nth-child(2)) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--cgi-login .sa-directory-row--cgi-login {
  min-height: 72px;
}
.sa-directory-records--cgi-login .sa-directory-row--cgi-login .sa-directory-row__meta,
.sa-directory-records--cgi-login .sa-directory-row--cgi-login .sa-directory-row__status {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--cgi-login .sa-directory-row--cgi-login .login-row__device {
  justify-self: start;
}
.sa-directory-records--cgi-login .sa-directory-row--cgi-login .login-row__datetime {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.sa-directory-records--cgi-login .sa-directory-row--cgi-login .login-row__status {
  justify-content: center;
}
.sa-directory-records--cgi-login .sa-directory-row--cgi-login .login-row__status .login-status {
  margin-left: auto;
}
.sa-directory-records--cgi-feedback-classes {
  --sa-directory-min-width: 1040px;
}
.sa-directory-records--cgi-feedback-classes .sa-directory-records__head,
.sa-directory-records--cgi-feedback-classes .sa-directory-row--cgi-feedback-classes {
  grid-template-columns: 52px 1.25fr 0.85fr 0.7fr 0.75fr 1.2fr 1.1fr minmax(88px, auto);
}
.sa-directory-records--cgi-feedback-classes .sa-directory-records__head > span:first-child,
.sa-directory-records--cgi-feedback-classes .sa-directory-row--cgi-feedback-classes .sa-directory-row__sn {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--cgi-feedback-classes .sa-directory-records__head > span:nth-child(2),
.sa-directory-records--cgi-feedback-classes .sa-directory-row--cgi-feedback-classes .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--cgi-feedback-classes .sa-directory-records__head > span:not(:first-child):not(:nth-child(2)):not(:last-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--cgi-feedback-classes .sa-directory-row--cgi-feedback-classes .sa-directory-row__meta,
.sa-directory-records--cgi-feedback-classes .sa-directory-row--cgi-feedback-classes .sa-directory-row__actions {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--cgi-feedback-classes .sa-directory-row--cgi-feedback-classes .sa-directory-row__meta.cgi-feedback-row__students {
  font-weight: 600;
}
.sa-directory-records--cgi-feedback-classes .sa-directory-row--cgi-feedback-classes .sa-directory-row__meta.cgi-feedback-row__students.cgi-feedback-row__students--complete {
  color: #22a06b;
}
.sa-directory-records--cgi-feedback-classes .sa-directory-row--cgi-feedback-classes .sa-directory-row__meta.cgi-feedback-row__students.cgi-feedback-row__students--partial {
  color: #d97706;
}
.sa-directory-records--cgi-feedback-classes .sa-directory-row--cgi-feedback-classes .sa-directory-row__actions {
  justify-content: center;
}
.sa-directory-records--cgi-feedback-students {
  --sa-directory-min-width: 960px;
}
.sa-directory-records--cgi-feedback-students .sa-directory-records__head,
.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students.cgi-feedback-card {
  grid-template-columns: 52px 1.35fr 0.85fr 0.95fr 1.15fr minmax(148px, auto);
}
.sa-directory-records--cgi-feedback-students .sa-directory-records__head > span:first-child,
.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students .sa-directory-row__sn {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--cgi-feedback-students .sa-directory-records__head > span:nth-child(2),
.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--cgi-feedback-students .sa-directory-records__head > span:not(:first-child):not(:nth-child(2)):not(:last-child),
.sa-directory-records--cgi-feedback-students .sa-directory-records__head > span:last-child {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students.cgi-feedback-card {
  overflow: hidden;
}
.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students.cgi-feedback-card .sa-directory-row__meta,
.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students.cgi-feedback-card .sa-directory-row__status,
.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students.cgi-feedback-card .sa-directory-row__actions {
  justify-self: center;
}
.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students.cgi-feedback-card .sa-directory-row__meta {
  text-align: center;
}
.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students.cgi-feedback-card .sa-directory-row__status,
.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students.cgi-feedback-card .sa-directory-row__actions {
  justify-content: center;
}
.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students.cgi-feedback-card .cgi-feedback-card__detail {
  grid-column: 1/-1;
  width: 100%;
  margin-top: 0.75rem;
  padding: 1rem;
  border: 0;
  background: #f8fafc;
  border-radius: 16px;
}
.sa-directory-records--batch-students {
  --sa-directory-min-width: 840px;
}
.sa-directory-records--batch-students .sa-directory-records__head,
.sa-directory-records--batch-students .sa-directory-row--batch-students {
  grid-template-columns: 56px 1.2fr 0.9fr 0.7fr 1.1fr minmax(90px, auto);
}
.sa-directory-records--batch-students .sa-directory-records__head > span:first-child {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--batch-students .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--batch-students .sa-directory-row--batch-students .sa-directory-row__profile {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
}
.sa-directory-records--batch-students .sa-directory-row--batch-students .sa-directory-row__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #fff;
  box-shadow: 0 2px 8px rgba(31, 65, 105, 0.1);
}
.sa-directory-records--batch-students .sa-directory-row--batch-students .sa-directory-row__name,
.sa-directory-records--batch-students .sa-directory-row--batch-students .sa-directory-row__meta,
.sa-directory-records--batch-students .sa-directory-row--batch-students .sa-directory-row__status {
  justify-self: center;
}
.sa-directory-records--batch-students .sa-directory-row--batch-students .sa-directory-row__name,
.sa-directory-records--batch-students .sa-directory-row--batch-students .sa-directory-row__meta {
  text-align: center;
}
.sa-directory-records--batch-students .sa-directory-row--batch-students .sa-directory-row__status {
  justify-content: center;
}
.sa-directory-records--batch-activity, .sa-directory-records--classroom-activity {
  --sa-directory-min-width: 640px;
}
.sa-directory-records--batch-activity .sa-directory-records__head,
.sa-directory-records--batch-activity .sa-directory-row--batch-activity,
.sa-directory-records--batch-activity .sa-directory-row--classroom-activity, .sa-directory-records--classroom-activity .sa-directory-records__head,
.sa-directory-records--classroom-activity .sa-directory-row--batch-activity,
.sa-directory-records--classroom-activity .sa-directory-row--classroom-activity {
  grid-template-columns: 1.25fr 1.5fr 1.1fr 0.95fr;
}
.sa-directory-records--batch-activity .sa-directory-records__head > span:first-child,
.sa-directory-records--batch-activity .sa-directory-row--batch-activity .sa-directory-row__name,
.sa-directory-records--batch-activity .sa-directory-row--classroom-activity .sa-directory-row__name, .sa-directory-records--classroom-activity .sa-directory-records__head > span:first-child,
.sa-directory-records--classroom-activity .sa-directory-row--batch-activity .sa-directory-row__name,
.sa-directory-records--classroom-activity .sa-directory-row--classroom-activity .sa-directory-row__name {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--batch-activity .sa-directory-records__head > span:not(:first-child), .sa-directory-records--classroom-activity .sa-directory-records__head > span:not(:first-child) {
  justify-self: center;
  text-align: center;
}
.sa-directory-records--batch-activity .sa-directory-records__head > span:not(:first-child) .sa-directory-sort-btn, .sa-directory-records--classroom-activity .sa-directory-records__head > span:not(:first-child) .sa-directory-sort-btn {
  justify-content: center;
  width: 100%;
}
.sa-directory-records--batch-activity .sa-directory-row--batch-activity .sa-directory-row__desc,
.sa-directory-records--batch-activity .sa-directory-row--batch-activity .sa-directory-row__meta,
.sa-directory-records--batch-activity .sa-directory-row--batch-activity .sa-directory-row__status,
.sa-directory-records--batch-activity .sa-directory-row--classroom-activity .sa-directory-row__desc,
.sa-directory-records--batch-activity .sa-directory-row--classroom-activity .sa-directory-row__meta,
.sa-directory-records--batch-activity .sa-directory-row--classroom-activity .sa-directory-row__status, .sa-directory-records--classroom-activity .sa-directory-row--batch-activity .sa-directory-row__desc,
.sa-directory-records--classroom-activity .sa-directory-row--batch-activity .sa-directory-row__meta,
.sa-directory-records--classroom-activity .sa-directory-row--batch-activity .sa-directory-row__status,
.sa-directory-records--classroom-activity .sa-directory-row--classroom-activity .sa-directory-row__desc,
.sa-directory-records--classroom-activity .sa-directory-row--classroom-activity .sa-directory-row__meta,
.sa-directory-records--classroom-activity .sa-directory-row--classroom-activity .sa-directory-row__status {
  justify-self: center;
}
.sa-directory-records--batch-activity .sa-directory-row--batch-activity .sa-directory-row__desc,
.sa-directory-records--batch-activity .sa-directory-row--batch-activity .sa-directory-row__meta,
.sa-directory-records--batch-activity .sa-directory-row--classroom-activity .sa-directory-row__desc,
.sa-directory-records--batch-activity .sa-directory-row--classroom-activity .sa-directory-row__meta, .sa-directory-records--classroom-activity .sa-directory-row--batch-activity .sa-directory-row__desc,
.sa-directory-records--classroom-activity .sa-directory-row--batch-activity .sa-directory-row__meta,
.sa-directory-records--classroom-activity .sa-directory-row--classroom-activity .sa-directory-row__desc,
.sa-directory-records--classroom-activity .sa-directory-row--classroom-activity .sa-directory-row__meta {
  text-align: center;
}
.sa-directory-records--batch-activity .sa-directory-row--batch-activity .sa-directory-row__status,
.sa-directory-records--batch-activity .sa-directory-row--classroom-activity .sa-directory-row__status, .sa-directory-records--classroom-activity .sa-directory-row--batch-activity .sa-directory-row__status,
.sa-directory-records--classroom-activity .sa-directory-row--classroom-activity .sa-directory-row__status {
  justify-content: center;
  width: 100%;
}
.sa-directory-records--staff-activity {
  --sa-directory-min-width: 420px;
}
.sa-directory-records--staff-activity .sa-directory-records__head,
.sa-directory-records--staff-activity .sa-directory-row--staff-activity {
  grid-template-columns: 1.25fr 1.5fr;
}
.sa-directory-records--staff-activity .sa-directory-records__head > span,
.sa-directory-records--staff-activity .sa-directory-row--staff-activity .sa-directory-row__name,
.sa-directory-records--staff-activity .sa-directory-row--staff-activity .sa-directory-row__meta {
  justify-self: start;
  text-align: left;
}
.sa-directory-records--staff-activity .sa-directory-records__head > span .sa-directory-sort-btn {
  justify-content: flex-start;
}

.staff-detail-activity-login .staff-activity-directory__panel {
  box-sizing: border-box;
  height: auto;
  min-height: 0;
  padding: 1.25rem 1.35rem;
}
.staff-detail-activity-login .sa-directory-records--staff-activity {
  --sa-directory-min-width: 0;
  height: auto;
  min-height: 0;
  overflow-x: visible;
}
.staff-detail-activity-login .sa-directory-records--staff-activity .sa-directory-records__head,
.staff-detail-activity-login .sa-directory-records--staff-activity .sa-directory-row--staff-activity {
  min-width: 0;
  width: 100%;
}
.staff-detail-activity-login .sa-directory-records--staff-activity .sa-directory-records__head {
  margin-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.staff-detail-activity-login .sa-directory-records--staff-activity .sa-directory-row--staff-activity {
  box-sizing: border-box;
  padding: 0.95rem 1.25rem;
}
.staff-detail-activity-login .sa-directory-records--staff-activity [data-directory-rows] {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  height: auto;
  min-height: 0;
}
.staff-detail-activity-login .sa-directory-records--staff-activity [data-directory-rows] .sa-directory-row {
  margin-bottom: 0;
}

.sa-directory-row.cgi-feedback-card {
  border-radius: 20px;
}
.sa-directory-row.cgi-feedback-card.cgi-feedback-card--open {
  box-shadow: 0 6px 28px rgba(31, 65, 105, 0.1);
}
.sa-directory-row.cgi-feedback-card.cgi-feedback-card--open .cgi-feedback-card__detail {
  border-top: 0;
  background: #f8fafc;
}
.sa-directory-row.cgi-feedback-card .cgi-feedback-card__detail {
  border-top: 0;
}

.fto-cgi-instructor-detail-page .cgi-login-directory {
  margin-bottom: 0;
}
.fto-cgi-instructor-detail-page .cgi-feedback-directory,
.fto-cgi-instructor-detail-page .cgi-feedback-students-directory {
  margin-bottom: 0;
}
.fto-cgi-instructor-detail-page .cgi-feedback-detail[hidden] {
  display: none !important;
}

.sa-directory-empty {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

.sa-directory-sort-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0;
  border: none;
  background: transparent;
  font: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  color: inherit;
  cursor: pointer;
  white-space: normal;
  text-align: inherit;
  line-height: 1.25;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-sort-btn__icon {
  font-size: 0.7rem;
  color: #9aa8b8;
  transition: color 0.2s ease;
}
.sa-directory-sort-btn--active {
  color: #1f4169;
}
.sa-directory-sort-btn--active .sa-directory-sort-btn__icon {
  color: #1f4169;
}

.sa-directory-row {
  margin-bottom: 0.65rem;
  min-height: 58px;
  padding: 0.9rem 1rem;
  background: #fff;
  border: 1px solid #e8ecf0;
  border-radius: 20px;
  box-shadow: 0 2px 10px rgba(31, 65, 105, 0.06);
  font-size: 0.875rem;
  font-weight: 500;
  color: #3a3a3a;
}
.sa-directory-row:last-child {
  margin-bottom: 0;
}
.sa-directory-row--highlight {
  border-color: rgba(34, 160, 107, 0.35);
  box-shadow: 0 2px 10px rgba(34, 160, 107, 0.12);
}
.sa-directory-row > * {
  min-width: 0;
  max-width: 100%;
}
.sa-directory-row__status, .sa-directory-row__actions, .sa-directory-row__select {
  min-width: min-content;
  max-width: none;
  overflow: visible;
}
.sa-directory-row__name, .sa-directory-row__desc, .sa-directory-row__meta, .sa-directory-row__question, .sa-directory-row__answer {
  overflow: hidden;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.sa-directory-row__name, .sa-directory-row__qid {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #000;
  min-width: 0;
  line-height: 1.35;
}
.sa-directory-row__name--fto {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.sa-directory-row__name-text {
  font-weight: 600;
  color: #1f4169;
  font-size: 0.875rem;
  min-width: 0;
}
.sa-directory-row__desc, .sa-directory-row__question, .sa-directory-row__answer {
  color: #3a3a3a;
  font-size: 0.8125rem;
  line-height: 1.4;
  min-width: 0;
}
.sa-directory-row__desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sa-directory-row__meta, .sa-directory-row__subject, .sa-directory-row__option, .sa-directory-row__imp-votes, .sa-directory-row__dgca {
  text-align: center;
  color: #000;
  font-weight: 500;
}
.sa-directory-row__status {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sa-directory-row__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35rem;
}
.sa-directory-row__actions .resources-action i {
  font-size: 17px;
  color: #1f4169;
}

@media (max-width: 991.98px) {
  .sa-directory-shell {
    padding: 0.5rem;
    border-radius: 22px;
  }
  .sa-directory-panel {
    padding: 0.5rem;
    border-radius: 18px;
  }
  .sa-directory-panel__header {
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
    margin-bottom: 1rem;
  }
  .sa-directory-panel__intro {
    flex: none;
  }
  .sa-directory-panel__tools {
    width: 100%;
    margin-left: 0;
    flex: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
  }
  .sa-directory-panel__search {
    max-width: none;
    min-width: 0;
    width: 100%;
    flex: none;
  }
  .sa-directory-panel .sa-directory-select {
    width: 100%;
    min-width: 0;
  }
  .student-list-page .student-list-directory .sa-directory-panel__tools,
  .prospective-students-list-page .prospective-students-directory .sa-directory-panel__tools,
  .support-feedback-page .support-feedback-directory .sa-directory-panel__tools,
  .school-support-page .school-support-directory .sa-directory-panel__tools {
    flex-direction: column;
    align-items: stretch;
    flex-wrap: wrap;
    width: 100%;
    margin-left: 0;
  }
  .student-list-page .student-list-directory .sa-directory-panel__search,
  .student-list-page .student-list-directory .sa-directory-select,
  .prospective-students-list-page .prospective-students-directory .sa-directory-panel__search,
  .prospective-students-list-page .prospective-students-directory .sa-directory-select,
  .support-feedback-page .support-feedback-directory .sa-directory-panel__search,
  .support-feedback-page .support-feedback-directory .sa-directory-select,
  .school-support-page .school-support-directory .sa-directory-panel__search,
  .school-support-page .school-support-directory .sa-directory-select {
    width: 100%;
    max-width: none;
    min-width: 0;
    flex: none;
  }
  .sa-directory-records {
    overflow-x: visible;
  }
  .sa-directory-records__head,
  .sa-directory-records .sa-directory-row {
    min-width: 0;
  }
  .sa-directory-records__head {
    display: none;
  }
  .sa-directory-records .sa-directory-row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
    padding: 1rem 1.15rem;
    min-height: 0;
  }
  .sa-directory-records .sa-directory-row > [data-label]:not(.sa-directory-row__actions) {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
    text-align: right;
  }
  .sa-directory-records .sa-directory-row > [data-label]::before {
    content: attr(data-label);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7a8799;
    line-height: 1.3;
    flex-shrink: 0;
  }
  .sa-directory-records .sa-directory-row__name, .sa-directory-records .sa-directory-row__qid {
    font-size: 1rem;
    text-align: left;
  }
  .sa-directory-records .sa-directory-row__desc {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
    text-align: right;
  }
  .sa-directory-records .sa-directory-row__meta {
    text-align: right;
  }
  .sa-directory-records .sa-directory-row__status {
    align-items: center;
    justify-content: space-between;
  }
  .sa-directory-records .sa-directory-row__status .resources-switch {
    margin-left: auto;
  }
  .sa-directory-records .sa-directory-row__actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.35rem;
    width: 100%;
    padding-top: 0.5rem;
    margin-top: 0.15rem;
    border-top: 1px solid #eef1f5;
  }
  .sa-directory-records .sa-directory-row__actions::before {
    content: attr(data-label);
    display: flex;
    align-items: center;
    align-self: center;
    min-height: 30px;
    padding-top: 0;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7a8799;
    line-height: 1.3;
    flex-shrink: 0;
  }
  .sa-directory-records .sa-directory-row__actions .resources-action {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
  }
  .sa-directory-records .sa-directory-row__actions .resources-action i {
    font-size: 15px;
  }
  .sa-directory-records .sa-directory-row__actions .resources-action .resources-img {
    width: 17px;
    height: 18px;
    max-width: 17px;
    max-height: 18px;
  }
  .sa-directory-records .sa-directory-row__actions .resources-action:first-child {
    margin-left: auto;
  }
  .sa-directory-records .sa-directory-records--student-list .sa-directory-row--student-list .sa-directory-row__actions,
  .sa-directory-records .sa-directory-records--student-subscription .sa-directory-row--student-subscription .sa-directory-row__actions,
  .sa-directory-records .sa-directory-records--student-support .sa-directory-row--student-support .sa-directory-row__actions,
  .sa-directory-records .sa-directory-records--student-feedback .sa-directory-row--student-feedback .sa-directory-row__actions {
    justify-content: flex-start;
    justify-self: stretch;
    width: 100%;
  }
  .sa-directory-records .sa-directory-records--student-list .sa-directory-row--student-list .sa-directory-row__actions::before,
  .sa-directory-records .sa-directory-records--student-subscription .sa-directory-row--student-subscription .sa-directory-row__actions::before,
  .sa-directory-records .sa-directory-records--student-support .sa-directory-row--student-support .sa-directory-row__actions::before,
  .sa-directory-records .sa-directory-records--student-feedback .sa-directory-row--student-feedback .sa-directory-row__actions::before {
    content: attr(data-label);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7a8799;
    line-height: 1.3;
    flex-shrink: 0;
    margin-right: auto;
  }
  .sa-directory-records .sa-directory-records--student-list .sa-directory-row--student-list .sa-directory-row__actions .resources-action:first-child,
  .sa-directory-records .sa-directory-records--student-subscription .sa-directory-row--student-subscription .sa-directory-row__actions .resources-action:first-child,
  .sa-directory-records .sa-directory-records--student-support .sa-directory-row--student-support .sa-directory-row__actions .resources-action:first-child,
  .sa-directory-records .sa-directory-records--student-feedback .sa-directory-row--student-feedback .sa-directory-row__actions .resources-action:first-child {
    margin-left: auto;
  }
  .sa-directory-records .sa-directory-records--programs .sa-directory-row--programs .sa-directory-row__actions,
  .sa-directory-records .sa-directory-records--programs-list .sa-directory-row--programs-list .sa-directory-row__actions,
  .sa-directory-records .sa-directory-records--packages .sa-directory-row--packages .sa-directory-row__actions {
    justify-content: flex-start;
  }
  .sa-directory-records.sa-directory-records--coupons-general .sa-directory-records__head,
  .sa-directory-records.sa-directory-records--coupons-general .sa-directory-row--coupons-general {
    min-width: 0;
    width: 100%;
  }
  .sa-directory-records.sa-directory-records--coupons-general .sa-directory-row--coupons-general .sa-directory-row__name::before {
    display: none;
  }
  .sa-directory-records.sa-directory-records--coupons-general .sa-directory-row--coupons-general .sa-directory-row__desc,
  .sa-directory-records.sa-directory-records--coupons-general .sa-directory-row--coupons-general .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--coupons-general .sa-directory-row--coupons-general .sa-directory-row__status {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--coupons-general .sa-directory-row--coupons-general .sa-directory-row__actions {
    justify-content: flex-start;
  }
  .sa-directory-records.sa-directory-records--coupons-general .sa-directory-row--coupons-general .sa-directory-row__actions .resources-action:first-child {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--coupons-bulk .sa-directory-records__head,
  .sa-directory-records.sa-directory-records--coupons-bulk .sa-directory-row--coupons-bulk {
    min-width: 0;
    width: 100%;
  }
  .sa-directory-records.sa-directory-records--coupons-bulk .sa-directory-row--coupons-bulk .sa-directory-row__name::before {
    display: none;
  }
  .sa-directory-records.sa-directory-records--coupons-bulk .sa-directory-row--coupons-bulk .sa-directory-row__meta {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--coupons-bulk .sa-directory-row--coupons-bulk .sa-directory-row__actions {
    justify-content: flex-start;
  }
  .sa-directory-records.sa-directory-records--coupons-bulk .sa-directory-row--coupons-bulk .sa-directory-row__actions .resources-action:first-child {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--notifications-general .sa-directory-records__head,
  .sa-directory-records.sa-directory-records--notifications-general .sa-directory-row--notifications-general {
    min-width: 0;
    width: 100%;
  }
  .sa-directory-records.sa-directory-records--notifications-general .sa-directory-row--notifications-general .sa-directory-row__name::before {
    display: none;
  }
  .sa-directory-records.sa-directory-records--notifications-general .sa-directory-row--notifications-general .sa-directory-row__desc,
  .sa-directory-records.sa-directory-records--notifications-general .sa-directory-row--notifications-general .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--notifications-general .sa-directory-row--notifications-general .sa-directory-row__status {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--notifications-general .sa-directory-row--notifications-general .sa-directory-row__actions {
    justify-content: flex-start;
  }
  .sa-directory-records.sa-directory-records--notifications-general .sa-directory-row--notifications-general .sa-directory-row__actions .resources-action:first-child {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--notifications-email .sa-directory-records__head,
  .sa-directory-records.sa-directory-records--notifications-email .sa-directory-row--notifications-email {
    min-width: 0;
    width: 100%;
  }
  .sa-directory-records.sa-directory-records--notifications-email .sa-directory-row--notifications-email .sa-directory-row__name::before {
    display: none;
  }
  .sa-directory-records.sa-directory-records--notifications-email .sa-directory-row--notifications-email .sa-directory-row__desc,
  .sa-directory-records.sa-directory-records--notifications-email .sa-directory-row--notifications-email .sa-directory-row__meta {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--notifications-email .sa-directory-row--notifications-email .sa-directory-row__actions {
    justify-content: flex-start;
  }
  .sa-directory-records.sa-directory-records--notifications-email .sa-directory-row--notifications-email .sa-directory-row__actions .resources-action:first-child {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--notifications-templates .sa-directory-records__head,
  .sa-directory-records.sa-directory-records--notifications-templates .sa-directory-row--notifications-template {
    min-width: 0;
    width: 100%;
  }
  .sa-directory-records.sa-directory-records--notifications-templates .sa-directory-row--notifications-template .sa-directory-row__name::before {
    display: none;
  }
  .sa-directory-records.sa-directory-records--notifications-templates .sa-directory-row--notifications-template .sa-directory-row__desc,
  .sa-directory-records.sa-directory-records--notifications-templates .sa-directory-row--notifications-template .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--notifications-templates .sa-directory-row--notifications-template .sa-directory-row__status {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--notifications-templates .sa-directory-row--notifications-template .sa-directory-row__actions {
    justify-content: flex-start;
  }
  .sa-directory-records.sa-directory-records--notifications-templates .sa-directory-row--notifications-template .sa-directory-row__actions .resources-action:first-child {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--testimonials .sa-directory-records__head,
  .sa-directory-records.sa-directory-records--testimonials .sa-directory-row--testimonials {
    min-width: 0;
    width: 100%;
  }
  .sa-directory-records.sa-directory-records--testimonials .sa-directory-row--testimonials .sa-directory-row__name::before {
    display: none;
  }
  .sa-directory-records.sa-directory-records--testimonials .sa-directory-row--testimonials .testimonials-list__name {
    flex-wrap: wrap;
  }
  .sa-directory-records.sa-directory-records--testimonials .sa-directory-row--testimonials .testimonials-list__cell,
  .sa-directory-records.sa-directory-records--testimonials .sa-directory-row--testimonials .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--testimonials .sa-directory-row--testimonials .sa-directory-row__desc,
  .sa-directory-records.sa-directory-records--testimonials .sa-directory-row--testimonials .sa-directory-row__status {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--testimonials .sa-directory-row--testimonials .sa-directory-row__actions {
    justify-content: flex-start;
  }
  .sa-directory-records.sa-directory-records--testimonials .sa-directory-row--testimonials .sa-directory-row__actions .resources-action:first-child {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--flying-schools .sa-directory-records__head,
  .sa-directory-records.sa-directory-records--flying-schools .sa-directory-row--flying-schools {
    min-width: 0;
    width: 100%;
  }
  .sa-directory-records.sa-directory-records--flying-schools .sa-directory-row--flying-schools .sa-directory-row__name::before {
    display: none;
  }
  .sa-directory-records.sa-directory-records--flying-schools .sa-directory-row--flying-schools .sa-directory-row__status {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--flying-schools .sa-directory-row--flying-schools .sa-directory-row__actions {
    justify-content: flex-start;
  }
  .sa-directory-records.sa-directory-records--flying-schools .sa-directory-row--flying-schools .sa-directory-row__actions .resources-action:first-child {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--aircraft-list .sa-directory-records__head,
  .sa-directory-records.sa-directory-records--aircraft-list .sa-directory-row--aircraft-list {
    min-width: 0;
    width: 100%;
  }
  .sa-directory-records.sa-directory-records--aircraft-list .sa-directory-row--aircraft-list .sa-directory-row__name::before {
    display: none;
  }
  .sa-directory-records.sa-directory-records--aircraft-list .sa-directory-row--aircraft-list .sa-directory-row__status {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--aircraft-list .sa-directory-row--aircraft-list .sa-directory-row__actions {
    justify-content: flex-start;
  }
  .sa-directory-records.sa-directory-records--aircraft-list .sa-directory-row--aircraft-list .sa-directory-row__actions .resources-action:first-child {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--quotes .sa-directory-records__head,
  .sa-directory-records.sa-directory-records--quotes .sa-directory-row--quotes {
    min-width: 0;
    width: 100%;
  }
  .sa-directory-records.sa-directory-records--quotes .sa-directory-row--quotes .sa-directory-row__name::before {
    display: none;
  }
  .sa-directory-records.sa-directory-records--quotes .sa-directory-row--quotes .quotes-list__quote {
    flex-wrap: wrap;
  }
  .sa-directory-records.sa-directory-records--quotes .sa-directory-row--quotes .quotes-list__text {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    word-break: break-word;
  }
  .sa-directory-records.sa-directory-records--quotes .sa-directory-row--quotes .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--quotes .sa-directory-row--quotes .sa-directory-row__status {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--quotes .sa-directory-row--quotes .sa-directory-row__actions {
    justify-content: flex-start;
  }
  .sa-directory-records.sa-directory-records--quotes .sa-directory-row--quotes .sa-directory-row__actions .resources-action {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--login-page-images .sa-directory-records__head,
  .sa-directory-records.sa-directory-records--login-page-images .sa-directory-row--login-page-images {
    min-width: 0;
    width: 100%;
  }
  .sa-directory-records.sa-directory-records--login-page-images .sa-directory-row--login-page-images .sa-directory-row__name::before {
    display: none;
  }
  .sa-directory-records.sa-directory-records--login-page-images .sa-directory-row--login-page-images .lpi-list__text {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    word-break: break-word;
  }
  .sa-directory-records.sa-directory-records--login-page-images .sa-directory-row--login-page-images .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--login-page-images .sa-directory-row--login-page-images .sa-directory-row__status {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--login-page-images .sa-directory-row--login-page-images .sa-directory-row__actions {
    justify-content: flex-start;
  }
  .sa-directory-records.sa-directory-records--login-page-images .sa-directory-row--login-page-images .sa-directory-row__actions .resources-action:first-child {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--faqs .sa-directory-records__head,
  .sa-directory-records.sa-directory-records--faqs .sa-directory-row--faqs {
    min-width: 0;
    width: 100%;
  }
  .sa-directory-records.sa-directory-records--faqs .sa-directory-row--faqs .sa-directory-row__name::before {
    display: none;
  }
  .sa-directory-records.sa-directory-records--faqs .sa-directory-row--faqs .faqs-list__text {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    word-break: break-word;
  }
  .sa-directory-records.sa-directory-records--faqs .sa-directory-row--faqs .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--faqs .sa-directory-row--faqs .sa-directory-row__status {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--faqs .sa-directory-row--faqs .sa-directory-row__actions {
    justify-content: flex-start;
  }
  .sa-directory-records.sa-directory-records--faqs .sa-directory-row--faqs .sa-directory-row__actions .resources-action:first-child {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--subscription-modules .sa-directory-records__head,
  .sa-directory-records.sa-directory-records--subscription-modules .sa-directory-row--subscription-modules {
    min-width: 0;
    width: 100%;
  }
  .sa-directory-records.sa-directory-records--subscription-modules .sa-directory-row--subscription-modules .sa-directory-row__name::before {
    display: none;
  }
  .sa-directory-records.sa-directory-records--subscription-modules .sa-directory-row--subscription-modules .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--subscription-modules .sa-directory-row--subscription-modules .sa-directory-row__status {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--subscription-modules .sa-directory-row--subscription-modules .sa-directory-row__actions {
    justify-content: flex-start;
  }
  .sa-directory-records.sa-directory-records--subscription-modules .sa-directory-row--subscription-modules .sa-directory-row__actions .resources-action {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--program-batches .sa-directory-row--program-batches .sa-directory-row__actions {
    justify-content: flex-start;
  }
  .sa-directory-records.sa-directory-records--program-batches .sa-directory-row--program-batches .sa-directory-row__actions .btn--view {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--program-batches .sa-directory-row--program-batches, .sa-directory-records.sa-directory-records--batch-upcoming-classes .sa-directory-row--batch-upcoming-classes, .sa-directory-records.sa-directory-records--batch-students .sa-directory-row--batch-students, .sa-directory-records.sa-directory-records--batch-activity .sa-directory-row--batch-activity, .sa-directory-records.sa-directory-records--classroom-upcoming-sessions .sa-directory-row--classroom-upcoming-sessions, .sa-directory-records.sa-directory-records--classroom-activity .sa-directory-row--classroom-activity, .sa-directory-records.sa-directory-records--staff-activity .sa-directory-row--staff-activity, .sa-directory-records.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi, .sa-directory-records.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors, .sa-directory-records.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory, .sa-directory-records.sa-directory-records--staff-list .sa-directory-row--staff-list, .sa-directory-records.sa-directory-records--support-feedback .sa-directory-row--support-feedback, .sa-directory-records.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket, .sa-directory-records.sa-directory-records--school-support .sa-directory-row--school-support, .sa-directory-records.sa-directory-records--cgi-feedback-classes .sa-directory-row--cgi-feedback-classes, .sa-directory-records.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students, .sa-directory-records.sa-directory-records--student-list .sa-directory-row--student-list, .sa-directory-records.sa-directory-records--prospective-students .sa-directory-row--prospective-students, .sa-directory-records.sa-directory-records--program-students .sa-directory-row--program-students, .sa-directory-records.sa-directory-records--student-subscription .sa-directory-row--student-subscription, .sa-directory-records.sa-directory-records--student-live-classes .sa-directory-row--student-live-classes, .sa-directory-records.sa-directory-records--student-dgca .sa-directory-row--student-dgca, .sa-directory-records.sa-directory-records--student-dgca-tech .sa-directory-row--student-dgca-tech, .sa-directory-records.sa-directory-records--student-referral .sa-directory-row--student-referral, .sa-directory-records.sa-directory-records--student-support .sa-directory-row--student-support, .sa-directory-records.sa-directory-records--student-feedback .sa-directory-row--student-feedback, .sa-directory-records.sa-directory-records--student-activity .sa-directory-row--student-activity, .sa-directory-records.sa-directory-records--student-device .sa-directory-row--student-device, .sa-directory-records.sa-directory-records--student-sub-logs .sa-directory-row--student-sub-logs, .sa-directory-records.sa-directory-records--cgi-login .sa-directory-row--cgi-login, .sa-directory-records.sa-directory-records--dash-class-students .sa-directory-row--dash-class-students {
    min-width: 0;
    width: 100%;
  }
  .sa-directory-records.sa-directory-records--program-batches .sa-directory-row--program-batches .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--program-batches .sa-directory-row--program-batches .sa-directory-row__status, .sa-directory-records.sa-directory-records--batch-upcoming-classes .sa-directory-row--batch-upcoming-classes .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--batch-upcoming-classes .sa-directory-row--batch-upcoming-classes .sa-directory-row__status, .sa-directory-records.sa-directory-records--batch-students .sa-directory-row--batch-students .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--batch-students .sa-directory-row--batch-students .sa-directory-row__status, .sa-directory-records.sa-directory-records--batch-activity .sa-directory-row--batch-activity .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--batch-activity .sa-directory-row--batch-activity .sa-directory-row__status, .sa-directory-records.sa-directory-records--classroom-upcoming-sessions .sa-directory-row--classroom-upcoming-sessions .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--classroom-upcoming-sessions .sa-directory-row--classroom-upcoming-sessions .sa-directory-row__status, .sa-directory-records.sa-directory-records--classroom-activity .sa-directory-row--classroom-activity .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--classroom-activity .sa-directory-row--classroom-activity .sa-directory-row__status, .sa-directory-records.sa-directory-records--staff-activity .sa-directory-row--staff-activity .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--staff-activity .sa-directory-row--staff-activity .sa-directory-row__status, .sa-directory-records.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi .sa-directory-row__status, .sa-directory-records.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors .sa-directory-row__status, .sa-directory-records.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .sa-directory-row__status, .sa-directory-records.sa-directory-records--staff-list .sa-directory-row--staff-list .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--staff-list .sa-directory-row--staff-list .sa-directory-row__status, .sa-directory-records.sa-directory-records--support-feedback .sa-directory-row--support-feedback .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--support-feedback .sa-directory-row--support-feedback .sa-directory-row__status, .sa-directory-records.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .sa-directory-row__status, .sa-directory-records.sa-directory-records--school-support .sa-directory-row--school-support .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--school-support .sa-directory-row--school-support .sa-directory-row__status, .sa-directory-records.sa-directory-records--cgi-feedback-classes .sa-directory-row--cgi-feedback-classes .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--cgi-feedback-classes .sa-directory-row--cgi-feedback-classes .sa-directory-row__status, .sa-directory-records.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students .sa-directory-row__status, .sa-directory-records.sa-directory-records--student-list .sa-directory-row--student-list .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--student-list .sa-directory-row--student-list .sa-directory-row__status, .sa-directory-records.sa-directory-records--prospective-students .sa-directory-row--prospective-students .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--prospective-students .sa-directory-row--prospective-students .sa-directory-row__status, .sa-directory-records.sa-directory-records--program-students .sa-directory-row--program-students .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--program-students .sa-directory-row--program-students .sa-directory-row__status, .sa-directory-records.sa-directory-records--student-subscription .sa-directory-row--student-subscription .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--student-subscription .sa-directory-row--student-subscription .sa-directory-row__status, .sa-directory-records.sa-directory-records--student-live-classes .sa-directory-row--student-live-classes .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--student-live-classes .sa-directory-row--student-live-classes .sa-directory-row__status, .sa-directory-records.sa-directory-records--student-dgca .sa-directory-row--student-dgca .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--student-dgca .sa-directory-row--student-dgca .sa-directory-row__status, .sa-directory-records.sa-directory-records--student-dgca-tech .sa-directory-row--student-dgca-tech .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--student-dgca-tech .sa-directory-row--student-dgca-tech .sa-directory-row__status, .sa-directory-records.sa-directory-records--student-referral .sa-directory-row--student-referral .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--student-referral .sa-directory-row--student-referral .sa-directory-row__status, .sa-directory-records.sa-directory-records--student-support .sa-directory-row--student-support .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--student-support .sa-directory-row--student-support .sa-directory-row__status, .sa-directory-records.sa-directory-records--student-feedback .sa-directory-row--student-feedback .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--student-feedback .sa-directory-row--student-feedback .sa-directory-row__status, .sa-directory-records.sa-directory-records--student-activity .sa-directory-row--student-activity .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--student-activity .sa-directory-row--student-activity .sa-directory-row__status, .sa-directory-records.sa-directory-records--student-device .sa-directory-row--student-device .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--student-device .sa-directory-row--student-device .sa-directory-row__status, .sa-directory-records.sa-directory-records--student-sub-logs .sa-directory-row--student-sub-logs .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--student-sub-logs .sa-directory-row--student-sub-logs .sa-directory-row__status, .sa-directory-records.sa-directory-records--cgi-login .sa-directory-row--cgi-login .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--cgi-login .sa-directory-row--cgi-login .sa-directory-row__status, .sa-directory-records.sa-directory-records--dash-class-students .sa-directory-row--dash-class-students .sa-directory-row__meta,
  .sa-directory-records.sa-directory-records--dash-class-students .sa-directory-row--dash-class-students .sa-directory-row__status {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--program-batches .sa-directory-row--program-batches .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--batch-upcoming-classes .sa-directory-row--batch-upcoming-classes .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--batch-students .sa-directory-row--batch-students .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--batch-activity .sa-directory-row--batch-activity .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--classroom-upcoming-sessions .sa-directory-row--classroom-upcoming-sessions .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--classroom-activity .sa-directory-row--classroom-activity .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--staff-activity .sa-directory-row--staff-activity .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--staff-list .sa-directory-row--staff-list .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--support-feedback .sa-directory-row--support-feedback .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--school-support .sa-directory-row--school-support .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--cgi-feedback-classes .sa-directory-row--cgi-feedback-classes .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--student-list .sa-directory-row--student-list .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--prospective-students .sa-directory-row--prospective-students .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--program-students .sa-directory-row--program-students .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--student-subscription .sa-directory-row--student-subscription .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--student-live-classes .sa-directory-row--student-live-classes .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--student-dgca .sa-directory-row--student-dgca .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--student-dgca-tech .sa-directory-row--student-dgca-tech .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--student-referral .sa-directory-row--student-referral .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--student-support .sa-directory-row--student-support .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--student-feedback .sa-directory-row--student-feedback .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--student-activity .sa-directory-row--student-activity .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--student-device .sa-directory-row--student-device .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--student-sub-logs .sa-directory-row--student-sub-logs .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--cgi-login .sa-directory-row--cgi-login .sa-directory-row__status .sd-badge, .sa-directory-records.sa-directory-records--dash-class-students .sa-directory-row--dash-class-students .sa-directory-row__status .sd-badge {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--batch-students .sa-directory-row--batch-students .sa-directory-row__profile {
    justify-content: space-between;
    align-items: center;
  }
  .sa-directory-records.sa-directory-records--program-students .sa-directory-row--program-students .sa-directory-row__profile {
    justify-content: flex-start;
    align-items: center;
  }
  .sa-directory-records.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi .sa-directory-row__profile, .sa-directory-records.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors .sa-directory-row__profile {
    justify-content: space-between;
    align-items: center;
  }
  .sa-directory-records.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi .staff-name-cell, .sa-directory-records.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors .staff-name-cell {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi .sa-directory-row__status .staff-badge, .sa-directory-records.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors .sa-directory-row__status .staff-badge {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi .sa-directory-row__actions, .sa-directory-records.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors .sa-directory-row__actions {
    justify-content: flex-start;
  }
  .sa-directory-records.sa-directory-records--fto-cgi .sa-directory-row--fto-cgi .sa-directory-row__actions .staff-btn--view, .sa-directory-records.sa-directory-records--fto-instructors .sa-directory-row--fto-instructors .sa-directory-row__actions .staff-btn--view {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .sa-directory-row__profile {
    justify-content: space-between;
    align-items: center;
  }
  .sa-directory-records.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .sa-directory-row__name {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .sa-directory-row__status .staff-status-badge {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .sa-directory-row__actions {
    justify-content: flex-start;
  }
  .sa-directory-records.sa-directory-records--fto-staff-directory .sa-directory-row--fto-staff-directory .sa-directory-row__actions .staff-btn--view {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--staff-list .sa-directory-row--staff-list .sa-directory-row__profile {
    justify-content: space-between;
    align-items: center;
  }
  .sa-directory-records.sa-directory-records--staff-list .sa-directory-row--staff-list .sa-directory-row__name {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--staff-list .sa-directory-row--staff-list .sa-directory-row__status .sl-status {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--staff-list .sa-directory-row--staff-list .sa-directory-row__actions {
    display: flex;
    justify-content: flex-start;
    justify-self: stretch;
    width: 100%;
    max-width: none;
  }
  .sa-directory-records.sa-directory-records--staff-list .sa-directory-row--staff-list .sa-directory-row__actions::before {
    content: attr(data-label);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7a8799;
    line-height: 1.3;
    flex-shrink: 0;
    margin-right: auto;
  }
  .sa-directory-records.sa-directory-records--staff-list .sa-directory-row--staff-list .sa-directory-row__actions .resources-action:first-child {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--support-feedback .sa-directory-row--support-feedback .support-feedback-directory__id, .sa-directory-records.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .support-feedback-directory__id {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--support-feedback .sa-directory-row--support-feedback .support-feedback-directory__name,
  .sa-directory-records.sa-directory-records--support-feedback .sa-directory-row--support-feedback .sa-directory-row__desc, .sa-directory-records.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .support-feedback-directory__name,
  .sa-directory-records.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .sa-directory-row__desc {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--support-feedback .sa-directory-row--support-feedback .sa-directory-row__status .sf-ticket-list__status, .sa-directory-records.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .sa-directory-row__status .sf-ticket-list__status {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--support-feedback .sa-directory-row--support-feedback .sa-directory-row__actions, .sa-directory-records.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .sa-directory-row__actions {
    display: flex;
    justify-content: flex-start;
    justify-self: stretch;
    width: 100%;
    max-width: none;
  }
  .sa-directory-records.sa-directory-records--support-feedback .sa-directory-row--support-feedback .sa-directory-row__actions::before, .sa-directory-records.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .sa-directory-row__actions::before {
    content: attr(data-label);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7a8799;
    line-height: 1.3;
    flex-shrink: 0;
    margin-right: auto;
  }
  .sa-directory-records.sa-directory-records--support-feedback .sa-directory-row--support-feedback .sa-directory-row__actions .resources-action:first-child, .sa-directory-records.sa-directory-records--support-feedback-ticket .sa-directory-row--support-feedback-ticket .sa-directory-row__actions .resources-action:first-child {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--school-support .sa-directory-row--school-support .sa-directory-row__name {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--school-support .sa-directory-row--school-support .sa-directory-row__status .resources-switch {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--school-support .sa-directory-row--school-support .sa-directory-row__actions {
    display: flex;
    justify-content: flex-start;
    justify-self: stretch;
    width: 100%;
    max-width: none;
  }
  .sa-directory-records.sa-directory-records--school-support .sa-directory-row--school-support .sa-directory-row__actions::before {
    content: attr(data-label);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7a8799;
    line-height: 1.3;
    flex-shrink: 0;
    margin-right: auto;
  }
  .sa-directory-records.sa-directory-records--school-support .sa-directory-row--school-support .sa-directory-row__actions .resources-action:first-child {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--cgi-feedback-classes .sa-directory-row--cgi-feedback-classes .sa-directory-row__actions {
    justify-content: flex-start;
  }
  .sa-directory-records.sa-directory-records--cgi-feedback-classes .sa-directory-row--cgi-feedback-classes .sa-directory-row__actions .btn--view {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students .cgi-feedback-card__name {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students .sa-directory-row__status .cgi-feedback-badge {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students .sa-directory-row__actions {
    justify-content: flex-start;
  }
  .sa-directory-records.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students .sa-directory-row__actions .btn--view {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--cgi-feedback-students .sa-directory-row--cgi-feedback-students .cgi-feedback-card__detail {
    text-align: left;
  }
  .sa-directory-records.sa-directory-records--dash-class-students .sa-directory-row--dash-class-students .sa-directory-row__actions .dash-btn:first-child {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--cgi-login .sa-directory-row--cgi-login .login-row__device {
    justify-content: flex-start;
    align-items: center;
  }
  .sa-directory-records.sa-directory-records--cgi-login .sa-directory-row--cgi-login .login-row__device::before {
    align-self: center;
  }
  .sa-directory-records.sa-directory-records--cgi-login .sa-directory-row--cgi-login .login-row__device .login-row__device-icon {
    margin-left: auto;
    flex-shrink: 0;
    align-self: center;
  }
  .sa-directory-records.sa-directory-records--cgi-login .sa-directory-row--cgi-login .login-row__device .login-row__device-info {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 58%;
    text-align: right;
    align-self: center;
    justify-content: center;
  }
  .sa-directory-records.sa-directory-records--cgi-login .sa-directory-row--cgi-login .login-row__device .login-row__device-info strong {
    display: block;
    word-break: break-word;
  }
  .sa-directory-records.sa-directory-records--cgi-login .sa-directory-row--cgi-login .login-row__datetime {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 0.75rem;
    row-gap: 0.15rem;
    align-items: center;
  }
  .sa-directory-records.sa-directory-records--cgi-login .sa-directory-row--cgi-login .login-row__datetime::before {
    grid-column: 1;
    grid-row: 1/span 2;
    align-self: center;
  }
  .sa-directory-records.sa-directory-records--cgi-login .sa-directory-row--cgi-login .login-row__datetime .login-row__date,
  .sa-directory-records.sa-directory-records--cgi-login .sa-directory-row--cgi-login .login-row__datetime .login-row__time {
    grid-column: 2;
    text-align: right;
    justify-self: end;
  }
  .sa-directory-records.sa-directory-records--cgi-login .sa-directory-row--cgi-login .login-row__datetime .login-row__date {
    grid-row: 1;
  }
  .sa-directory-records.sa-directory-records--cgi-login .sa-directory-row--cgi-login .login-row__datetime .login-row__time {
    grid-row: 2;
  }
  .sa-directory-records.sa-directory-records--cgi-login .sa-directory-row--cgi-login .login-row__status .login-status {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--batch-activity .sa-directory-row--batch-activity .sa-directory-row__desc, .sa-directory-records.sa-directory-records--classroom-activity .sa-directory-row--classroom-activity .sa-directory-row__desc {
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--dashboard-ftos .sa-directory-row--dashboard-ftos, .sa-directory-records.sa-directory-records--fto-management .sa-directory-row--fto-management {
    min-width: 0;
    width: 100%;
  }
  .sa-directory-records.sa-directory-records--dashboard-ftos .sa-directory-row--dashboard-ftos .sa-directory-row__name--fto::before, .sa-directory-records.sa-directory-records--fto-management .sa-directory-row--fto-management .sa-directory-row__name--fto::before {
    display: none;
  }
  .sa-directory-records.sa-directory-records--dashboard-ftos .sa-directory-row--dashboard-ftos .sa-directory-row__actions, .sa-directory-records.sa-directory-records--fto-management .sa-directory-row--fto-management .sa-directory-row__actions {
    justify-content: flex-start;
  }
  .sa-directory-records.sa-directory-records--dashboard-ftos .sa-directory-row--dashboard-ftos .sa-directory-row__actions .btn-view, .sa-directory-records.sa-directory-records--fto-management .sa-directory-row--fto-management .sa-directory-row__actions .btn-view {
    margin-left: auto;
  }
  .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "select actions" "divider divider" "qid qid" "subject subject" "question question" "answer answer" "option option" "dgca dgca" "imp-votes imp-votes" "status status";
    gap: 0.55rem;
    min-width: 0;
  }
  .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank::after {
    content: "";
    grid-area: divider;
    border-bottom: 1px solid #eef1f5;
    height: 0;
    margin-top: 0.1rem;
    margin-bottom: 0.15rem;
  }
  .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__select {
    grid-area: select;
    align-self: start;
  }
  .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__actions {
    grid-area: actions;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    align-self: start;
    justify-self: end;
    gap: 0.35rem;
    width: auto;
    max-width: 100%;
    border-top: none;
    padding-top: 0;
    margin-top: 0;
  }
  .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__actions::before {
    flex: 0 0 100%;
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__actions .resources-action {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
  }
  .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__qid {
    grid-area: qid;
  }
  .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__subject {
    grid-area: subject;
  }
  .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__question {
    grid-area: question;
  }
  .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__answer {
    grid-area: answer;
  }
  .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__option {
    grid-area: option;
  }
  .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__dgca {
    grid-area: dgca;
  }
  .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__imp-votes {
    grid-area: imp-votes;
  }
  .sa-directory-records.sa-directory-records--question-bank .sa-directory-row--question-bank .sa-directory-row__status {
    grid-area: status;
  }
  .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "name actions" "divider divider" "subjects subjects" "questions questions" "duration duration" "status status";
    gap: 0.55rem;
    min-width: 0;
  }
  .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams::after {
    content: "";
    grid-area: divider;
    border-bottom: 1px solid #eef1f5;
    height: 0;
    margin-top: 0.1rem;
    margin-bottom: 0.15rem;
  }
  .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__name {
    grid-area: name;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    white-space: normal;
  }
  .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__actions {
    grid-area: actions;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    align-self: start;
    justify-self: end;
    gap: 0.35rem;
    width: auto;
    max-width: 100%;
    border-top: none;
    padding-top: 0;
    margin-top: 0;
  }
  .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__actions::before {
    flex: 0 0 100%;
    text-align: right;
  }
  .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__actions .resources-action {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
  }
  .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__meta:nth-of-type(1) {
    grid-area: subjects;
  }
  .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__meta:nth-of-type(2) {
    grid-area: questions;
  }
  .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__meta:nth-of-type(3) {
    grid-area: duration;
  }
  .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams .sa-directory-row__status {
    grid-area: status;
  }
  .sa-directory-records.sa-directory-records--tests-exams .sa-directory-row--tests-exams > [data-label]:not(.sa-directory-row__name):not(.sa-directory-row__actions)::before {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7a8799;
    line-height: 1.3;
  }
}
.programs-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.35rem;
  background: #f4f7fb;
  border: 1px solid #e4e9f0;
  border-radius: 999px;
}
.programs-tabs__btn {
  border: none;
  background: transparent;
  color: #7a8799;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.55rem 1.15rem;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.programs-tabs__btn--active {
  background: #fff;
  color: #1f4169;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(31, 65, 105, 0.08);
}

.programs-toolbar__actions {
  flex-shrink: 0;
}

.programs-page .main-layout {
  overflow-x: hidden;
  min-width: 0;
}
.programs-page .programs {
  width: 100%;
  min-width: 0;
}
.programs-page .program-detail {
  width: 100%;
  min-width: 0;
}
.programs-page .program-detail__header-actions {
  flex-shrink: 0;
}
.programs-page .program-detail__status-bar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}
.programs-page .program-detail-page .program-detail__status-bar .program-detail-profile__status-switch {
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .programs-page.program-detail-page .program-detail__header .sc-add-topic__subtitle {
    max-width: none;
  }
  .programs-page.program-detail-page .program-overview-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .programs-page.program-detail-page .program-overview-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575.98px) {
  .programs-page.program-detail-page .program-overview-stats {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 992px) {
  .programs-page .packages-directory .sa-directory-panel__header {
    flex-wrap: nowrap;
    align-items: center;
  }
  .programs-page .packages-directory .sa-directory-panel__intro {
    flex: 1 1 auto;
    min-width: 0;
  }
  .programs-page .packages-directory .sa-directory-panel__tools {
    flex: 0 0 auto;
    flex-wrap: nowrap;
    width: auto;
    max-width: none;
    margin-left: auto;
  }
  .programs-page .packages-directory .sa-directory-panel__search {
    flex: 0 0 280px;
    width: 280px;
    min-width: 280px;
    max-width: 280px;
  }
  .programs-page .packages-directory .sa-directory-select {
    flex: 0 0 auto;
    width: auto;
    min-width: 118px;
    max-width: 150px;
  }
}

.sa-directory-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1rem 0;
  margin-top: 0.5rem;
}
.sa-directory-pagination__info {
  font-size: 0.8125rem;
  color: #7a8799;
}
.sa-directory-pagination__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.sa-directory-pagination__btn {
  border: 1px solid #e4e9f0;
  background: #fff;
  color: #1f4169;
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.45rem 0.9rem;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.sa-directory-pagination__btn:hover:not(:disabled) {
  background: #f4f7fb;
}
.sa-directory-pagination__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.sa-directory-pagination__pages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}
.sa-directory-pagination__page {
  min-width: 34px;
  height: 34px;
  padding: 0 0.5rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #1f4169;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.sa-directory-pagination__page:hover:not(.is-active) {
  background: #f4f7fb;
}
.sa-directory-pagination__page.is-active {
  border-color: #e4e9f0;
  background: #fff;
}

@media (max-width: 1199.98px) {
  .sa-directory-pagination {
    flex-direction: column;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }
  .sa-directory-pagination__info {
    text-align: center;
  }
  .sa-directory-pagination__controls {
    justify-content: center;
  }
}
/* sa-directory-search-mobile-reset */
@media (max-width: 991.98px) {
  .sa-directory-panel__search,
  .student-list-page .student-list-directory .sa-directory-panel__search,
  .prospective-students-list-page .prospective-students-directory .sa-directory-panel__search,
  .support-feedback-page .support-feedback-directory .sa-directory-panel__search,
  .school-support-page .school-support-directory .sa-directory-panel__search,
  .programs-page .packages-directory .sa-directory-panel__search,
  .tests-exams-directory .sa-directory-panel__search {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}
/* reports export modal */
#student-export-modal.modal.show {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

#student-export-modal .modal-dialog {
  margin: 0 auto !important;
  max-width: 660px !important;
  width: min(660px, calc(100vw - 2rem)) !important;
  flex: 0 0 auto !important;
  overflow: visible;
}

#student-export-modal .modal-content {
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: visible;
  width: 100%;
  max-width: 660px;
}

#student-export-modal .student-export-modal {
  width: 100%;
  max-width: 660px;
  margin: 0 auto;
}

/* Students list + student-details — sm-edit-module filter/review modals */
#students-filter-modal.students-filter-modal .sm-edit-module-modal__dialog,
#student-exams-filter-modal.student-exams-filter-modal .sm-edit-module-modal__dialog,
#student-homework-filter-modal.student-homework-filter-modal .sm-edit-module-modal__dialog,
#student-attendance-filter-modal.student-attendance-filter-modal .sm-edit-module-modal__dialog,
#student-review-form-modal.student-review-form-modal .sm-edit-module-modal__dialog,
#pr-filter-modal.pr-filter-modal .sm-edit-module-modal__dialog,
#batch-students-filter-modal.batch-students-filter-modal .sm-edit-module-modal__dialog,
#batch-attendance-filter-modal.batch-attendance-filter-modal .sm-edit-module-modal__dialog,
#batch-homework-filter-modal.batch-homework-filter-modal .sm-edit-module-modal__dialog,
#batch-exams-filter-modal.batch-exams-filter-modal .sm-edit-module-modal__dialog,
#classrooms-filter-modal.classrooms-filter-modal .sm-edit-module-modal__dialog,
#reports-filter-modal.reports-filter-modal .sm-edit-module-modal__dialog {
  max-width: min(660px, calc(100vw - 2rem));
  width: min(660px, calc(100vw - 2rem));
  min-width: min(660px, calc(100vw - 2rem));
  margin-left: auto;
  margin-right: auto;
  flex: 0 0 auto;
}
#students-filter-modal.students-filter-modal .sm-edit-module-modal__content,
#student-exams-filter-modal.student-exams-filter-modal .sm-edit-module-modal__content,
#student-homework-filter-modal.student-homework-filter-modal .sm-edit-module-modal__content,
#student-attendance-filter-modal.student-attendance-filter-modal .sm-edit-module-modal__content,
#student-review-form-modal.student-review-form-modal .sm-edit-module-modal__content,
#pr-filter-modal.pr-filter-modal .sm-edit-module-modal__content,
#batch-students-filter-modal.batch-students-filter-modal .sm-edit-module-modal__content,
#batch-attendance-filter-modal.batch-attendance-filter-modal .sm-edit-module-modal__content,
#batch-homework-filter-modal.batch-homework-filter-modal .sm-edit-module-modal__content,
#batch-exams-filter-modal.batch-exams-filter-modal .sm-edit-module-modal__content,
#classrooms-filter-modal.classrooms-filter-modal .sm-edit-module-modal__content,
#reports-filter-modal.reports-filter-modal .sm-edit-module-modal__content {
  width: 100%;
}
#students-filter-modal.students-filter-modal .sm-edit-module-modal__dialog,
#students-filter-modal.students-filter-modal .sm-edit-module-modal__content,
#students-filter-modal.students-filter-modal .sm-edit-module-modal__body,
#student-exams-filter-modal.student-exams-filter-modal .sm-edit-module-modal__dialog,
#student-exams-filter-modal.student-exams-filter-modal .sm-edit-module-modal__content,
#student-exams-filter-modal.student-exams-filter-modal .sm-edit-module-modal__body,
#student-homework-filter-modal.student-homework-filter-modal .sm-edit-module-modal__dialog,
#student-homework-filter-modal.student-homework-filter-modal .sm-edit-module-modal__content,
#student-homework-filter-modal.student-homework-filter-modal .sm-edit-module-modal__body,
#student-attendance-filter-modal.student-attendance-filter-modal .sm-edit-module-modal__dialog,
#student-attendance-filter-modal.student-attendance-filter-modal .sm-edit-module-modal__content,
#student-attendance-filter-modal.student-attendance-filter-modal .sm-edit-module-modal__body,
#student-review-form-modal.student-review-form-modal .sm-edit-module-modal__dialog,
#student-review-form-modal.student-review-form-modal .sm-edit-module-modal__content,
#student-review-form-modal.student-review-form-modal .sm-edit-module-modal__body,
#pr-filter-modal.pr-filter-modal .sm-edit-module-modal__dialog,
#pr-filter-modal.pr-filter-modal .sm-edit-module-modal__content,
#pr-filter-modal.pr-filter-modal .sm-edit-module-modal__body,
#batch-students-filter-modal.batch-students-filter-modal .sm-edit-module-modal__dialog,
#batch-students-filter-modal.batch-students-filter-modal .sm-edit-module-modal__content,
#batch-students-filter-modal.batch-students-filter-modal .sm-edit-module-modal__body,
#batch-attendance-filter-modal.batch-attendance-filter-modal .sm-edit-module-modal__dialog,
#batch-attendance-filter-modal.batch-attendance-filter-modal .sm-edit-module-modal__content,
#batch-attendance-filter-modal.batch-attendance-filter-modal .sm-edit-module-modal__body,
#batch-homework-filter-modal.batch-homework-filter-modal .sm-edit-module-modal__dialog,
#batch-homework-filter-modal.batch-homework-filter-modal .sm-edit-module-modal__content,
#batch-homework-filter-modal.batch-homework-filter-modal .sm-edit-module-modal__body,
#batch-exams-filter-modal.batch-exams-filter-modal .sm-edit-module-modal__dialog,
#batch-exams-filter-modal.batch-exams-filter-modal .sm-edit-module-modal__content,
#batch-exams-filter-modal.batch-exams-filter-modal .sm-edit-module-modal__body,
#classrooms-filter-modal.classrooms-filter-modal .sm-edit-module-modal__dialog,
#classrooms-filter-modal.classrooms-filter-modal .sm-edit-module-modal__content,
#classrooms-filter-modal.classrooms-filter-modal .sm-edit-module-modal__body,
#reports-filter-modal.reports-filter-modal .sm-edit-module-modal__dialog,
#reports-filter-modal.reports-filter-modal .sm-edit-module-modal__content,
#reports-filter-modal.reports-filter-modal .sm-edit-module-modal__body {
  overflow: visible;
}
#students-filter-modal.students-filter-modal .modal-dialog:not(.modal-dialog-scrollable),
#student-exams-filter-modal.student-exams-filter-modal .modal-dialog:not(.modal-dialog-scrollable),
#student-homework-filter-modal.student-homework-filter-modal .modal-dialog:not(.modal-dialog-scrollable),
#student-attendance-filter-modal.student-attendance-filter-modal .modal-dialog:not(.modal-dialog-scrollable),
#student-review-form-modal.student-review-form-modal .modal-dialog:not(.modal-dialog-scrollable),
#pr-filter-modal.pr-filter-modal .modal-dialog:not(.modal-dialog-scrollable),
#batch-students-filter-modal.batch-students-filter-modal .modal-dialog:not(.modal-dialog-scrollable),
#batch-attendance-filter-modal.batch-attendance-filter-modal .modal-dialog:not(.modal-dialog-scrollable),
#batch-homework-filter-modal.batch-homework-filter-modal .modal-dialog:not(.modal-dialog-scrollable),
#batch-exams-filter-modal.batch-exams-filter-modal .modal-dialog:not(.modal-dialog-scrollable),
#classrooms-filter-modal.classrooms-filter-modal .modal-dialog:not(.modal-dialog-scrollable),
#reports-filter-modal.reports-filter-modal .modal-dialog:not(.modal-dialog-scrollable) {
  overflow: visible;
}
#students-filter-modal.students-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-content,
#students-filter-modal.students-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-body,
#student-exams-filter-modal.student-exams-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-content,
#student-exams-filter-modal.student-exams-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-body,
#student-homework-filter-modal.student-homework-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-content,
#student-homework-filter-modal.student-homework-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-body,
#student-attendance-filter-modal.student-attendance-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-content,
#student-attendance-filter-modal.student-attendance-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-body,
#student-review-form-modal.student-review-form-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-content,
#student-review-form-modal.student-review-form-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-body,
#pr-filter-modal.pr-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-content,
#pr-filter-modal.pr-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-body,
#batch-students-filter-modal.batch-students-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-content,
#batch-students-filter-modal.batch-students-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-body,
#batch-attendance-filter-modal.batch-attendance-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-content,
#batch-attendance-filter-modal.batch-attendance-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-body,
#batch-homework-filter-modal.batch-homework-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-content,
#batch-homework-filter-modal.batch-homework-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-body,
#batch-exams-filter-modal.batch-exams-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-content,
#batch-exams-filter-modal.batch-exams-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-body,
#classrooms-filter-modal.classrooms-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-content,
#classrooms-filter-modal.classrooms-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-body,
#reports-filter-modal.reports-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-content,
#reports-filter-modal.reports-filter-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-body {
  overflow: visible;
}
#students-filter-modal.students-filter-modal .sm-edit-module-form,
#student-exams-filter-modal.student-exams-filter-modal .sm-edit-module-form,
#student-homework-filter-modal.student-homework-filter-modal .sm-edit-module-form,
#student-attendance-filter-modal.student-attendance-filter-modal .sm-edit-module-form,
#student-review-form-modal.student-review-form-modal .sm-edit-module-form,
#pr-filter-modal.pr-filter-modal .sm-edit-module-form,
#batch-students-filter-modal.batch-students-filter-modal .sm-edit-module-form,
#batch-attendance-filter-modal.batch-attendance-filter-modal .sm-edit-module-form,
#batch-homework-filter-modal.batch-homework-filter-modal .sm-edit-module-form,
#batch-exams-filter-modal.batch-exams-filter-modal .sm-edit-module-form,
#classrooms-filter-modal.classrooms-filter-modal .sm-edit-module-form,
#reports-filter-modal.reports-filter-modal .sm-edit-module-form {
  overflow: visible;
}
#students-filter-modal.students-filter-modal .sm-edit-module-form__row,
#student-exams-filter-modal.student-exams-filter-modal .sm-edit-module-form__row,
#student-homework-filter-modal.student-homework-filter-modal .sm-edit-module-form__row,
#student-attendance-filter-modal.student-attendance-filter-modal .sm-edit-module-form__row,
#student-review-form-modal.student-review-form-modal .sm-edit-module-form__row,
#pr-filter-modal.pr-filter-modal .sm-edit-module-form__row,
#batch-students-filter-modal.batch-students-filter-modal .sm-edit-module-form__row,
#batch-attendance-filter-modal.batch-attendance-filter-modal .sm-edit-module-form__row,
#batch-homework-filter-modal.batch-homework-filter-modal .sm-edit-module-form__row,
#batch-exams-filter-modal.batch-exams-filter-modal .sm-edit-module-form__row,
#classrooms-filter-modal.classrooms-filter-modal .sm-edit-module-form__row,
#reports-filter-modal.reports-filter-modal .sm-edit-module-form__row {
  position: relative;
  z-index: 1;
}
#students-filter-modal.students-filter-modal .sm-edit-module-form__row:has(.filter-multi-dropdown.is-open),
#student-exams-filter-modal.student-exams-filter-modal .sm-edit-module-form__row:has(.filter-multi-dropdown.is-open),
#student-homework-filter-modal.student-homework-filter-modal .sm-edit-module-form__row:has(.filter-multi-dropdown.is-open),
#student-attendance-filter-modal.student-attendance-filter-modal .sm-edit-module-form__row:has(.filter-multi-dropdown.is-open),
#student-review-form-modal.student-review-form-modal .sm-edit-module-form__row:has(.filter-multi-dropdown.is-open),
#pr-filter-modal.pr-filter-modal .sm-edit-module-form__row:has(.filter-multi-dropdown.is-open),
#batch-students-filter-modal.batch-students-filter-modal .sm-edit-module-form__row:has(.filter-multi-dropdown.is-open),
#batch-attendance-filter-modal.batch-attendance-filter-modal .sm-edit-module-form__row:has(.filter-multi-dropdown.is-open),
#batch-homework-filter-modal.batch-homework-filter-modal .sm-edit-module-form__row:has(.filter-multi-dropdown.is-open),
#batch-exams-filter-modal.batch-exams-filter-modal .sm-edit-module-form__row:has(.filter-multi-dropdown.is-open),
#classrooms-filter-modal.classrooms-filter-modal .sm-edit-module-form__row:has(.filter-multi-dropdown.is-open),
#reports-filter-modal.reports-filter-modal .sm-edit-module-form__row:has(.filter-multi-dropdown.is-open) {
  z-index: 30;
}
#students-filter-modal.students-filter-modal .sc-add-chapter-form__select-wrap--multi,
#student-exams-filter-modal.student-exams-filter-modal .sc-add-chapter-form__select-wrap--multi,
#student-homework-filter-modal.student-homework-filter-modal .sc-add-chapter-form__select-wrap--multi,
#student-attendance-filter-modal.student-attendance-filter-modal .sc-add-chapter-form__select-wrap--multi,
#student-review-form-modal.student-review-form-modal .sc-add-chapter-form__select-wrap--multi,
#pr-filter-modal.pr-filter-modal .sc-add-chapter-form__select-wrap--multi,
#batch-students-filter-modal.batch-students-filter-modal .sc-add-chapter-form__select-wrap--multi,
#batch-attendance-filter-modal.batch-attendance-filter-modal .sc-add-chapter-form__select-wrap--multi,
#batch-homework-filter-modal.batch-homework-filter-modal .sc-add-chapter-form__select-wrap--multi,
#batch-exams-filter-modal.batch-exams-filter-modal .sc-add-chapter-form__select-wrap--multi,
#classrooms-filter-modal.classrooms-filter-modal .sc-add-chapter-form__select-wrap--multi,
#reports-filter-modal.reports-filter-modal .sc-add-chapter-form__select-wrap--multi {
  position: relative;
  z-index: 1;
}
#students-filter-modal.students-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open),
#student-exams-filter-modal.student-exams-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open),
#student-homework-filter-modal.student-homework-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open),
#student-attendance-filter-modal.student-attendance-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open),
#student-review-form-modal.student-review-form-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open),
#pr-filter-modal.pr-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open),
#batch-students-filter-modal.batch-students-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open),
#batch-attendance-filter-modal.batch-attendance-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open),
#batch-homework-filter-modal.batch-homework-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open),
#batch-exams-filter-modal.batch-exams-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open),
#classrooms-filter-modal.classrooms-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open),
#reports-filter-modal.reports-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open) {
  z-index: 40;
}
#students-filter-modal.students-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open) .sc-add-chapter-form__select-btn i,
#student-exams-filter-modal.student-exams-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open) .sc-add-chapter-form__select-btn i,
#student-homework-filter-modal.student-homework-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open) .sc-add-chapter-form__select-btn i,
#student-attendance-filter-modal.student-attendance-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open) .sc-add-chapter-form__select-btn i,
#student-review-form-modal.student-review-form-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open) .sc-add-chapter-form__select-btn i,
#pr-filter-modal.pr-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open) .sc-add-chapter-form__select-btn i,
#batch-students-filter-modal.batch-students-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open) .sc-add-chapter-form__select-btn i,
#batch-attendance-filter-modal.batch-attendance-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open) .sc-add-chapter-form__select-btn i,
#batch-homework-filter-modal.batch-homework-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open) .sc-add-chapter-form__select-btn i,
#batch-exams-filter-modal.batch-exams-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open) .sc-add-chapter-form__select-btn i,
#classrooms-filter-modal.classrooms-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open) .sc-add-chapter-form__select-btn i,
#reports-filter-modal.reports-filter-modal .sc-add-chapter-form__select-wrap--multi:has(.filter-multi-dropdown.is-open) .sc-add-chapter-form__select-btn i {
  transform: rotate(180deg);
}
#students-filter-modal.students-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown,
#student-exams-filter-modal.student-exams-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown,
#student-homework-filter-modal.student-homework-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown,
#student-attendance-filter-modal.student-attendance-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown,
#student-review-form-modal.student-review-form-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown,
#pr-filter-modal.pr-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown,
#batch-students-filter-modal.batch-students-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown,
#batch-attendance-filter-modal.batch-attendance-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown,
#batch-homework-filter-modal.batch-homework-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown,
#batch-exams-filter-modal.batch-exams-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown,
#classrooms-filter-modal.classrooms-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown,
#reports-filter-modal.reports-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown {
  position: relative;
  width: 100%;
}
#students-filter-modal.students-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__toggle.sc-add-chapter-form__control,
#student-exams-filter-modal.student-exams-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__toggle.sc-add-chapter-form__control,
#student-homework-filter-modal.student-homework-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__toggle.sc-add-chapter-form__control,
#student-attendance-filter-modal.student-attendance-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__toggle.sc-add-chapter-form__control,
#student-review-form-modal.student-review-form-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__toggle.sc-add-chapter-form__control,
#pr-filter-modal.pr-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__toggle.sc-add-chapter-form__control,
#batch-students-filter-modal.batch-students-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__toggle.sc-add-chapter-form__control,
#batch-attendance-filter-modal.batch-attendance-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__toggle.sc-add-chapter-form__control,
#batch-homework-filter-modal.batch-homework-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__toggle.sc-add-chapter-form__control,
#batch-exams-filter-modal.batch-exams-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__toggle.sc-add-chapter-form__control,
#classrooms-filter-modal.classrooms-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__toggle.sc-add-chapter-form__control,
#reports-filter-modal.reports-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__toggle.sc-add-chapter-form__control {
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
  background: #fff !important;
  padding-right: 3.75rem;
  border: 1px solid #c2bfbf;
}
#students-filter-modal.students-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__label,
#student-exams-filter-modal.student-exams-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__label,
#student-homework-filter-modal.student-homework-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__label,
#student-attendance-filter-modal.student-attendance-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__label,
#student-review-form-modal.student-review-form-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__label,
#pr-filter-modal.pr-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__label,
#batch-students-filter-modal.batch-students-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__label,
#batch-attendance-filter-modal.batch-attendance-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__label,
#batch-homework-filter-modal.batch-homework-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__label,
#batch-exams-filter-modal.batch-exams-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__label,
#classrooms-filter-modal.classrooms-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__label,
#reports-filter-modal.reports-filter-modal .sc-add-chapter-form__select-wrap--multi .filter-multi-dropdown__label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #18273c;
}
#students-filter-modal.students-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn,
#student-exams-filter-modal.student-exams-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn,
#student-homework-filter-modal.student-homework-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn,
#student-attendance-filter-modal.student-attendance-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn,
#student-review-form-modal.student-review-form-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn,
#pr-filter-modal.pr-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn,
#batch-students-filter-modal.batch-students-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn,
#batch-attendance-filter-modal.batch-attendance-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn,
#batch-homework-filter-modal.batch-homework-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn,
#batch-exams-filter-modal.batch-exams-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn,
#classrooms-filter-modal.classrooms-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn,
#reports-filter-modal.reports-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn {
  z-index: 2;
}
#students-filter-modal.students-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn i,
#student-exams-filter-modal.student-exams-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn i,
#student-homework-filter-modal.student-homework-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn i,
#student-attendance-filter-modal.student-attendance-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn i,
#student-review-form-modal.student-review-form-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn i,
#pr-filter-modal.pr-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn i,
#batch-students-filter-modal.batch-students-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn i,
#batch-attendance-filter-modal.batch-attendance-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn i,
#batch-homework-filter-modal.batch-homework-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn i,
#batch-exams-filter-modal.batch-exams-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn i,
#classrooms-filter-modal.classrooms-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn i,
#reports-filter-modal.reports-filter-modal .sc-add-chapter-form__select-wrap--multi .sc-add-chapter-form__select-btn i {
  transition: transform 0.15s ease;
}
#students-filter-modal.students-filter-modal,
#student-exams-filter-modal.student-exams-filter-modal,
#student-homework-filter-modal.student-homework-filter-modal,
#student-attendance-filter-modal.student-attendance-filter-modal,
#student-review-form-modal.student-review-form-modal,
#pr-filter-modal.pr-filter-modal,
#batch-students-filter-modal.batch-students-filter-modal,
#batch-attendance-filter-modal.batch-attendance-filter-modal,
#batch-homework-filter-modal.batch-homework-filter-modal,
#batch-exams-filter-modal.batch-exams-filter-modal,
#classrooms-filter-modal.classrooms-filter-modal,
#reports-filter-modal.reports-filter-modal {
  /* fto-admin-scope button reset must not apply — modal is outside scope */
}
#students-filter-modal.students-filter-modal .sc-app-modal__close,
#student-exams-filter-modal.student-exams-filter-modal .sc-app-modal__close,
#student-homework-filter-modal.student-homework-filter-modal .sc-app-modal__close,
#student-attendance-filter-modal.student-attendance-filter-modal .sc-app-modal__close,
#student-review-form-modal.student-review-form-modal .sc-app-modal__close,
#pr-filter-modal.pr-filter-modal .sc-app-modal__close,
#batch-students-filter-modal.batch-students-filter-modal .sc-app-modal__close,
#batch-attendance-filter-modal.batch-attendance-filter-modal .sc-app-modal__close,
#batch-homework-filter-modal.batch-homework-filter-modal .sc-app-modal__close,
#batch-exams-filter-modal.batch-exams-filter-modal .sc-app-modal__close,
#classrooms-filter-modal.classrooms-filter-modal .sc-app-modal__close,
#reports-filter-modal.reports-filter-modal .sc-app-modal__close {
  position: absolute;
  top: -7px;
  right: -7px;
  z-index: 10;
  width: 40px;
  height: 40px;
  border: 1.5px solid #ffffff;
  border-radius: 50%;
  background: #000 !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  opacity: 1 !important;
}
#students-filter-modal.students-filter-modal .sc-app-modal__close i,
#student-exams-filter-modal.student-exams-filter-modal .sc-app-modal__close i,
#student-homework-filter-modal.student-homework-filter-modal .sc-app-modal__close i,
#student-attendance-filter-modal.student-attendance-filter-modal .sc-app-modal__close i,
#student-review-form-modal.student-review-form-modal .sc-app-modal__close i,
#pr-filter-modal.pr-filter-modal .sc-app-modal__close i,
#batch-students-filter-modal.batch-students-filter-modal .sc-app-modal__close i,
#batch-attendance-filter-modal.batch-attendance-filter-modal .sc-app-modal__close i,
#batch-homework-filter-modal.batch-homework-filter-modal .sc-app-modal__close i,
#batch-exams-filter-modal.batch-exams-filter-modal .sc-app-modal__close i,
#classrooms-filter-modal.classrooms-filter-modal .sc-app-modal__close i,
#reports-filter-modal.reports-filter-modal .sc-app-modal__close i {
  color: #ffffff !important;
  font-size: 1.1rem;
  line-height: 1;
  opacity: 1 !important;
}
#students-filter-modal.students-filter-modal .filter-multi-dropdown.is-open,
#student-exams-filter-modal.student-exams-filter-modal .filter-multi-dropdown.is-open,
#student-homework-filter-modal.student-homework-filter-modal .filter-multi-dropdown.is-open,
#student-attendance-filter-modal.student-attendance-filter-modal .filter-multi-dropdown.is-open,
#student-review-form-modal.student-review-form-modal .filter-multi-dropdown.is-open,
#pr-filter-modal.pr-filter-modal .filter-multi-dropdown.is-open,
#batch-students-filter-modal.batch-students-filter-modal .filter-multi-dropdown.is-open,
#batch-attendance-filter-modal.batch-attendance-filter-modal .filter-multi-dropdown.is-open,
#batch-homework-filter-modal.batch-homework-filter-modal .filter-multi-dropdown.is-open,
#batch-exams-filter-modal.batch-exams-filter-modal .filter-multi-dropdown.is-open,
#classrooms-filter-modal.classrooms-filter-modal .filter-multi-dropdown.is-open,
#reports-filter-modal.reports-filter-modal .filter-multi-dropdown.is-open {
  z-index: 50;
}
#students-filter-modal.students-filter-modal .filter-multi-dropdown__menu,
#student-exams-filter-modal.student-exams-filter-modal .filter-multi-dropdown__menu,
#student-homework-filter-modal.student-homework-filter-modal .filter-multi-dropdown__menu,
#student-attendance-filter-modal.student-attendance-filter-modal .filter-multi-dropdown__menu,
#student-review-form-modal.student-review-form-modal .filter-multi-dropdown__menu,
#pr-filter-modal.pr-filter-modal .filter-multi-dropdown__menu,
#batch-students-filter-modal.batch-students-filter-modal .filter-multi-dropdown__menu,
#batch-attendance-filter-modal.batch-attendance-filter-modal .filter-multi-dropdown__menu,
#batch-homework-filter-modal.batch-homework-filter-modal .filter-multi-dropdown__menu,
#batch-exams-filter-modal.batch-exams-filter-modal .filter-multi-dropdown__menu,
#classrooms-filter-modal.classrooms-filter-modal .filter-multi-dropdown__menu,
#reports-filter-modal.reports-filter-modal .filter-multi-dropdown__menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 60;
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: 220px;
  overflow: auto;
  padding: 8px;
  border: 1px solid #e4e9f0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 31, 63, 0.14);
}
#students-filter-modal.students-filter-modal .filter-multi-dropdown__menu[hidden],
#student-exams-filter-modal.student-exams-filter-modal .filter-multi-dropdown__menu[hidden],
#student-homework-filter-modal.student-homework-filter-modal .filter-multi-dropdown__menu[hidden],
#student-attendance-filter-modal.student-attendance-filter-modal .filter-multi-dropdown__menu[hidden],
#student-review-form-modal.student-review-form-modal .filter-multi-dropdown__menu[hidden],
#pr-filter-modal.pr-filter-modal .filter-multi-dropdown__menu[hidden],
#batch-students-filter-modal.batch-students-filter-modal .filter-multi-dropdown__menu[hidden],
#batch-attendance-filter-modal.batch-attendance-filter-modal .filter-multi-dropdown__menu[hidden],
#batch-homework-filter-modal.batch-homework-filter-modal .filter-multi-dropdown__menu[hidden],
#batch-exams-filter-modal.batch-exams-filter-modal .filter-multi-dropdown__menu[hidden],
#classrooms-filter-modal.classrooms-filter-modal .filter-multi-dropdown__menu[hidden],
#reports-filter-modal.reports-filter-modal .filter-multi-dropdown__menu[hidden] {
  display: none !important;
}
#students-filter-modal.students-filter-modal .filter-multi-dropdown__option,
#student-exams-filter-modal.student-exams-filter-modal .filter-multi-dropdown__option,
#student-homework-filter-modal.student-homework-filter-modal .filter-multi-dropdown__option,
#student-attendance-filter-modal.student-attendance-filter-modal .filter-multi-dropdown__option,
#student-review-form-modal.student-review-form-modal .filter-multi-dropdown__option,
#pr-filter-modal.pr-filter-modal .filter-multi-dropdown__option,
#batch-students-filter-modal.batch-students-filter-modal .filter-multi-dropdown__option,
#batch-attendance-filter-modal.batch-attendance-filter-modal .filter-multi-dropdown__option,
#batch-homework-filter-modal.batch-homework-filter-modal .filter-multi-dropdown__option,
#batch-exams-filter-modal.batch-exams-filter-modal .filter-multi-dropdown__option,
#classrooms-filter-modal.classrooms-filter-modal .filter-multi-dropdown__option,
#reports-filter-modal.reports-filter-modal .filter-multi-dropdown__option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1a2b42;
  cursor: pointer;
}
#students-filter-modal.students-filter-modal .filter-multi-dropdown__option:hover,
#student-exams-filter-modal.student-exams-filter-modal .filter-multi-dropdown__option:hover,
#student-homework-filter-modal.student-homework-filter-modal .filter-multi-dropdown__option:hover,
#student-attendance-filter-modal.student-attendance-filter-modal .filter-multi-dropdown__option:hover,
#student-review-form-modal.student-review-form-modal .filter-multi-dropdown__option:hover,
#pr-filter-modal.pr-filter-modal .filter-multi-dropdown__option:hover,
#batch-students-filter-modal.batch-students-filter-modal .filter-multi-dropdown__option:hover,
#batch-attendance-filter-modal.batch-attendance-filter-modal .filter-multi-dropdown__option:hover,
#batch-homework-filter-modal.batch-homework-filter-modal .filter-multi-dropdown__option:hover,
#batch-exams-filter-modal.batch-exams-filter-modal .filter-multi-dropdown__option:hover,
#classrooms-filter-modal.classrooms-filter-modal .filter-multi-dropdown__option:hover,
#reports-filter-modal.reports-filter-modal .filter-multi-dropdown__option:hover {
  background: #f4f7fa;
}

/*# sourceMappingURL=style2.css.map */