/* Add custom style here */

.input-ps-custom {
  padding-left: 40px !important;
}


::placeholder {
  color: #8E9198 !important;
  opacity: 1;
  /* Firefox */
}

::-ms-input-placeholder {
  /* Edge 12-18 */
  color: #8E9198 !important;
}

/* Input field icons */
.form-control-icon {
  position: relative;
}

.form-control-icon .input-field-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  object-fit: contain;
  pointer-events: none;
  z-index: 5;
}

/* Page title bar */
.page-title-bar {
  background: #21236A;
  border-radius: 18px;
  padding: 16px 32px;
  min-height: 76px;
  opacity: 1;
}

.page-title-bar-name {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0;
  color: #FFFFFF;
}

.page-title-bar-breadcrumb {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0;
}

.page-title-bar-breadcrumb .breadcrumb-item a {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  text-decoration: none;
}

.page-title-bar-breadcrumb .breadcrumb-item.active {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
}

.page-title-bar-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  color: #ffffff;
  content: "›";
}

/* Mobile: stack page-title-bar vertically */
@media (max-width: 767.98px) {
  .page-title-bar {
    flex-direction: column;
    align-items: flex-start !important;
    padding: 14px 20px;
    min-height: auto;
    gap: 8px;
  }

  .page-title-bar.page-title-bar-with-avatar {
    flex-direction: row !important;
    align-items: center !important;
  }

  .page-title-bar-text-group {
    gap: 8px;
  }

  .page-title-bar-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
  }

  .page-title-bar-breadcrumb {
    width: 100%;
  }

  .page-title-bar-breadcrumb .breadcrumb-item,
  .page-title-bar-breadcrumb .breadcrumb-item a,
  .page-title-bar-breadcrumb .breadcrumb-item.active {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0;
  }
}

/* Page Title Bar Avatar */
.page-title-bar-avatar {
  width: 30px;
  height: 30px;
  transform: rotate(0deg);
  opacity: 1;
  border-radius: 92px;
  border: 4px solid #181D56;
  box-shadow: 8px 8px 30px 0px rgba(0, 0, 0, 0.75);
  object-fit: cover;
  flex-shrink: 0;
}

/* Table Header Style Override */
.table-1 .table thead tr {
  background-color: #FAFAFA !important;
  color: #4B5675 !important;
}

/* Recoloring Table Sorting Arrows */
.table-1 .sorting .sorting-arrow .up,
.table-1 .sorting .sorting-arrow .down {
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 10.5C3.325 10.5 3.20833 10.4417 3.09167 10.325L0.175 7.40835C-0.0583333 7.17502 -0.0583333 6.82502 0.175 6.59169C0.408333 6.35835 0.758333 6.35835 0.991666 6.59169L3.5 9.10002L6.00833 6.59169C6.24167 6.35835 6.59167 6.35835 6.825 6.59169C7.05833 6.82502 7.05833 7.17502 6.825 7.40835L3.90833 10.325C3.79167 10.4417 3.675 10.5 3.5 10.5Z' fill='%23676A72'/%3E%3Cpath d='M0.583333 4.08333C0.408333 4.08333 0.291667 4.025 0.175 3.90833C-0.0583333 3.675 -0.0583333 3.325 0.175 3.09167L3.09167 0.175C3.325 -0.0583333 3.675 -0.0583333 3.90833 0.175L6.825 3.09167C7.05833 3.325 7.05833 3.675 6.825 3.90833C6.59167 4.14167 6.24167 4.14167 6.00833 3.90833L3.5 1.4L0.991666 3.90833C0.875 4.025 0.758333 4.08333 0.583333 4.08333Z' fill='%23676A72'/%3E%3C/svg%3E") !important;
  background-color: transparent !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* Login Page Specific Styles */
.login-bg-img {
  background-image: url('../img/bg-img-01.jpg');
}

.login-logo {
  max-width: 400px;
  width: 80%;
}

.login-form-wrapper {
  width: 100%;
  max-width: 300px;
}

.login-title {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: -0.01em;
}

.login-subtitle {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
  color: #6c757d;
}

.login-subtitle-highlight {
  color: #950323;
  font-weight: 400;
}

.login-remember-me {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 14px;
  letter-spacing: -0.01em;
  /* -1% */
}

.login-btn {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  /* 100% */
  letter-spacing: -0.25px;
  text-align: center;
  text-transform: capitalize;
  padding-top: 14px;
  padding-bottom: 14px;
}

/* Table Header Typography */
.table-header-title {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0;
  color: #000000;
}

@media (max-width: 767.98px) {
  .table-header-title {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0;
    color: #000000;
  }
}

/* Pagination Select Layout */
.table-1 .dataTables_length select {
  width: 51px !important;
  height: 30px !important;
  transform: rotate(0deg);
  opacity: 1;
  gap: 10px;
  border-radius: 6px !important;
  border-width: 1px !important;
  padding: 8px 10px 8px 10px !important;
}

/* Mobile pagination — single row (settings & centers list tables) */
@media (max-width: 767px) {

  .centers-table.table-1 .table-footer,
  .centers-table .table-footer,
  .settings-list-table.table-1 .table-footer,
  .settings-list-table .table-footer {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0px !important;
    padding: 12px 14px !important;
    overflow: hidden !important;
  }

  .centers-table.table-1 .dataTables_length,
  .centers-table .dataTables_length,
  .settings-list-table.table-1 .dataTables_length,
  .settings-list-table .dataTables_length {
    margin-bottom: 0 !important;
    width: auto !important;
    flex: 0 0 auto !important;
    min-width: 0;
    overflow: visible !important;
    display: block !important;
  }

  .centers-table .dataTables_length label,
  .settings-list-table .dataTables_length label {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    font-size: 11px !important;
    margin-bottom: 0 !important;
    width: auto !important;
    color: #667085 !important;
    white-space: nowrap !important;
  }

  .centers-table .dataTables_length select,
  .settings-list-table .dataTables_length select {
    width: 44px !important;
    min-width: 44px !important;
    height: 28px !important;
    padding: 0 6px !important;
    font-size: 11px !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .centers-table .table-footer-paginate,
  .settings-list-table .table-footer-paginate {
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0px !important;
    overflow: hidden !important;
  }

  .centers-table .dataTables_info,
  .settings-list-table .dataTables_info {
    font-size: 11px !important;
    white-space: nowrap !important;
    flex-shrink: 0;
  }

  .centers-table .dataTables_paginate,
  .settings-list-table .dataTables_paginate {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 2px !important;
    flex-shrink: 0;
    overflow: hidden !important;
    margin-left: 0 !important;
  }

  .centers-table .dataTables_paginate span,
  .settings-list-table .dataTables_paginate span {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 2px !important;
  }

  .centers-table .table-footer-paginate .paginate_button,
  .settings-list-table .table-footer-paginate .paginate_button {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    line-height: 26px !important;
    font-size: 11px !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
  }

  .centers-table .table-footer-paginate .paginate_button.previous,
  .centers-table .table-footer-paginate .paginate_button.next,
  .settings-list-table .table-footer-paginate .paginate_button.previous,
  .settings-list-table .table-footer-paginate .paginate_button.next {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    background-size: 14px !important;
    font-size: 0 !important;
  }
}

/* Exam list page */
.exam-list-page .exam-list-page-title-stack {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.exam-list-page .page-title-bar .page-sub-title {
  font-family: var(--font-1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 0;
}

.exam-list-page .exam-export-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.exam-list-page .exam-export-btn img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

@media (max-width: 767.98px) {
  .exam-list-page .page-title-bar .page-sub-title {
    color: var(--bs-light);
  }
}

.exam-list-page .exam-schedule-cell {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.exam-list-page .exam-schedule-date {
  color: #000;
  font-size: 14px;
  line-height: 1.3;
}

.exam-list-page .exam-schedule-time {
  color: #64748B;
  font-size: 12px;
  line-height: 1.3;
}

.exam-list-page .exam-badge-scheduled {
  background: rgba(126, 34, 206, 0.1);
  color: #7E22CE;
  border: none;
  font-weight: 600;
  font-size: 12px;
}

.exam-list-page .exam-badge-completed {
  background: rgba(22, 163, 74, 0.1);
  color: #16A34A;
  border: none;
  font-weight: 600;
  font-size: 12px;
}

.exam-list-page .exam-badge-live {
  background: rgba(209, 0, 50, 0.1);
  color: #D10032;
  border: none;
  font-weight: 600;
  font-size: 12px;
}

/* Use native selects (left-aligned), not duplicate custom-select UI */
.exam-list-page .exam-list-filter-selects .custom-select {
  display: none !important;
}

.exam-list-page .exam-list-filter-selects select.exam-list-filter-select {
  display: block !important;
}

.exam-list-page .exam-list-date-filter,
.exam-list-page .exam-list-filter-select {
  min-width: 130px;
  max-width: 180px;
  height: 34px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  color: #64748B;
  border: 1px solid #DCDDDE;
  border-radius: 32px;
  padding: 0 32px 0 12px;
  text-align: left !important;
  text-align-last: left !important;
  -moz-text-align-last: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  cursor: pointer;
}

.exam-list-page .exam-list-filter-select option {
  text-align: left;
  direction: ltr;
}

.exam-list-page .exam-list-toolbar {
  justify-content: flex-start !important;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.exam-list-page .exam-list-search-wrap {
  flex-shrink: 0;
}

.exam-list-page .exam-list-search-wrap .search-icon-left {
  min-width: 280px;
  max-width: 427px;
}

.exam-list-page .exam-list-search-wrap .search-icon-left input {
  width: 100%;
  box-sizing: border-box;
}

.exam-list-page .exam-list-filter-selects {
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  flex: 0 1 auto;
}

.exam-list-page .exam-list-date-filter-wrap {
  min-width: 130px;
  max-width: 180px;
  flex: 0 0 auto;
}

.exam-list-page .exam-list-toolbar .date-filter .btn {
  font-size: 13px;
  white-space: nowrap;
  text-align: left !important;
  justify-content: flex-start !important;
  width: 100%;
  min-width: 130px;
  max-width: 180px;
  height: 34px;
  border: 1px solid #DCDDDE;
  border-radius: 32px;
  padding: 0 32px 0 12px;
  color: #64748B;
  box-sizing: border-box;
}

/* Table more-menu — do not inherit .table-action-list icon-button styles on menu links */
.table-action-list li .dropdown-menu .dropdown-item {
  width: 100% !important;
  height: auto !important;
  min-height: 40px;
  padding: 10px 14px !important;
  margin: 0 !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  font-family: Inter, sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  color: #313336 !important;
  text-align: left !important;
  white-space: nowrap;
  box-sizing: border-box !important;
}

.table-action-list li .dropdown-menu .dropdown-item:hover,
.table-action-list li .dropdown-menu .dropdown-item:focus {
  background-color: #F3F4F6 !important;
  color: #313336 !important;
}

.table-action-list li .dropdown-menu .dropdown-item.text-danger {
  color: var(--bs-secondary) !important;
}

.table-action-list li .dropdown-menu .dropdown-item.text-danger:hover,
.table-action-list li .dropdown-menu .dropdown-item.text-danger:focus {
  background-color: rgba(209, 0, 50, 0.06) !important;
  color: var(--bs-secondary) !important;
}

.exam-list-page .table .dropdown {
  position: relative;
}

.exam-list-page .table .dropdown.show {
  z-index: 1060;
}

.exam-list-page .table .dropdown-menu {
  position: absolute !important;
  z-index: 1061 !important;
  display: none;
  text-align: left;
  left: auto;
  right: 0;
  min-width: 180px;
  padding: 8px !important;
  margin-top: 6px;
  border: 1px solid #E5E7EB !important;
  border-radius: 12px !important;
  background-color: #fff !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

.exam-list-page .table .dropdown.show .dropdown-menu {
  display: block !important;
}

.exam-list-page .table .dropdown.dropdown-down .dropdown-menu {
  top: 100% !important;
  bottom: auto !important;
  margin-top: 6px;
}

.exam-list-page .table .dropdown.dropdown-up .dropdown-menu {
  top: auto !important;
  bottom: 100% !important;
  margin-top: 0;
  margin-bottom: 6px;
}

.exam-list-page .table .dropdown-menu .dropdown-item {
  text-align: left !important;
}

/* Let action menu escape scroll/overflow clipping */
.exam-list-page .exam-list-table.dropdown-active,
.exam-list-page .exam-list-table:has(.dropdown.show),
.exam-list-page .exam-list-table .table-responsive.dropdown-active,
.exam-list-page .exam-list-table .table-responsive:has(.dropdown.show) {
  overflow: visible !important;
  overflow-x: visible !important;
}

.exam-list-page .exam-list-table .table tbody tr.dropdown-active,
.exam-list-page .exam-list-table .table tbody tr:has(.dropdown.show),
.exam-list-page .exam-list-table .table tbody td.dropdown-active,
.exam-list-page .exam-list-table .table tbody th.dropdown-active,
.exam-list-page .exam-list-table .table tbody td:has(.dropdown.show),
.exam-list-page .exam-list-table .table tbody th:has(.dropdown.show) {
  overflow: visible !important;
  position: relative;
  z-index: 1055;
}

@media (max-width: 767.98px) {

  .exam-list-page .exam-list-table.settings-list-table .table-responsive.dropdown-active,
  .exam-list-page .exam-list-table.settings-list-table .table-responsive:has(.dropdown.show) {
    overflow: visible !important;
    overflow-x: visible !important;
  }

  .exam-list-page .exam-list-table.settings-list-table .table tbody tr:not(.expand-header).dropdown-active,
  .exam-list-page .exam-list-table.settings-list-table .table tbody tr:not(.expand-header):has(.dropdown.show) {
    overflow: visible !important;
  }

  .exam-list-page .exam-list-table .table tbody .expand-header.dropdown-active,
  .exam-list-page .exam-list-table .table tbody .expand-header:has(.dropdown.show) {
    overflow: visible !important;
    z-index: 1056;
  }
}

@media (max-width: 991.98px) {
  .exam-list-page .exam-list-table .table-header {
    padding: 12px 14px;
  }

  .exam-list-page .exam-list-toolbar {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    gap: 0;
  }

  .exam-list-page .exam-list-search-wrap {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }

  .exam-list-page .exam-list-search-wrap .search-icon-left {
    min-width: 0;
    max-width: none;
    width: 100%;
  }

  .exam-list-page .exam-list-search-wrap .search-icon-left input {
    width: 100%;
  }

  .exam-list-page .exam-list-filter-selects {
    width: 100%;
    flex-wrap: nowrap !important;
    margin-top: 8px;
  }

  .exam-list-page .exam-list-date-filter-wrap {
    flex: 1.5 1 0 !important;
    min-width: 42% !important;
    max-width: none !important;
    width: auto !important;
  }

  .exam-list-page .exam-list-filter-selects .exam-list-filter-select {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
  }

  .exam-list-page .exam-list-date-filter-wrap .btn {
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
    font-size: 12px;
    padding-left: 10px !important;
    padding-right: 28px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .exam-list-page .exam-list-toolbar-actions {
    margin-top: 10px;
  }
}

@media (min-width: 992px) {
  .exam-list-page .exam-list-toolbar {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  .exam-list-page .exam-list-search-wrap {
    width: auto !important;
    flex: 0 0 auto;
  }

  .exam-list-page .exam-list-filter-selects {
    width: auto !important;
    flex: 0 0 auto;
    margin-top: 0 !important;
  }

  .exam-list-page .exam-list-date-filter-wrap,
  .exam-list-page .exam-list-filter-select {
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
  }
}

/* Exam list — mobile table: 3-column grid (# | schedule | expand), no extra column */
@media (max-width: 767.98px) {

  .exam-list-page .exam-list-table.settings-list-table .table .thead-tr .expand-content,
  .exam-list-page .exam-list-table.settings-list-table .table tbody .expand-header .expand-content {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) 56px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
    flex-wrap: unset !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .exam-list-page .exam-list-table.settings-list-table .table .thead-tr .expand-content>*,
  .exam-list-page .exam-list-table.settings-list-table .table tbody .expand-header .expand-content>* {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: unset !important;
    margin: 0 !important;
    min-height: 50px;
    box-sizing: border-box !important;
  }

  .exam-list-page .exam-list-table .table .thead-tr .expand-content>.slno,
  .exam-list-page .exam-list-table .table tbody .expand-header .expand-content>.exam-list-slno,
  .exam-list-page .exam-list-table .table tbody .expand-header .expand-content>span:first-child {
    grid-column: 1;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 6px 6px !important;
    justify-content: center !important;
    white-space: nowrap !important;
    border-right: 1px solid #F1F1F4 !important;
  }

  .exam-list-page .exam-list-table .table .thead-tr .expand-content>.list-name-col,
  .exam-list-page .exam-list-table .table tbody .expand-header .expand-content>.exam-list-schedule-col,
  .exam-list-page .exam-list-table .table tbody .expand-header .expand-content>span:nth-child(2) {
    grid-column: 2;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 6px 10px !important;
    overflow: visible !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    border-right: 1px solid #F1F1F4 !important;
    align-items: flex-start !important;
  }

  .exam-list-page .exam-list-table .table .thead-tr .expand-content>.expand-col-head,
  .exam-list-page .exam-list-table .table .thead-tr .expand-content>.exam-list-expand-head,
  .exam-list-page .exam-list-table .table tbody .expand-header .expand-content>.expand-btn {
    grid-column: 3;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    border-right: none !important;
    justify-content: center !important;
  }

  .exam-list-page .exam-list-table .table .thead-tr .expand-content>.expand-col-head,
  .exam-list-page .exam-list-table .table .thead-tr .expand-content>.exam-list-expand-head {
    border-right: none !important;
  }

  .exam-list-page .exam-list-table .table tbody .expand-header .expand-content>.exam-list-schedule-col .exam-list-schedule-preview,
  .exam-list-page .exam-list-table .table tbody .expand-header .expand-content>span:nth-child(2) .exam-list-schedule-preview {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .exam-list-page .exam-list-table .table tbody .expand-header .exam-schedule-date,
  .exam-list-page .exam-list-table .table tbody .expand-header .exam-schedule-time {
    display: block !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    width: auto !important;
    max-width: 100% !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .exam-list-page .exam-list-table .table tbody .expand-header .exam-schedule-date {
    font-size: 13px !important;
  }

  .exam-list-page .exam-list-table .table tbody .expand-header .exam-schedule-time {
    font-size: 11px !important;
  }

  .exam-list-page .exam-list-table .table tbody td[data-label="Exam Schedule"] .exam-schedule-date,
  .exam-list-page .exam-list-table .table tbody td[data-label="Exam Schedule"] .exam-schedule-time,
  .exam-list-page .exam-list-table .table tbody td.exam-schedule-td .exam-schedule-date,
  .exam-list-page .exam-list-table .table tbody td.exam-schedule-td .exam-schedule-time {
    display: block !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }

  .exam-list-page .exam-list-table .table tbody td[data-label="Exam Schedule"],
  .exam-list-page .exam-list-table .table tbody td.exam-schedule-td {
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .exam-list-page .exam-list-table .table tbody .expand-header.open .expand-content {
    grid-template-columns: 1fr !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .exam-list-page .exam-list-table .table tbody .expand-header.open .expand-content>span:not(.expand-btn) {
    display: none !important;
  }

  .exam-list-page .exam-list-table .table tbody .expand-header.open .expand-content>.expand-btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
    align-items: center !important;
    border-right: none !important;
  }

  /* Mobile header — match country-list / settings-list-table */
  .exam-list-page .exam-list-table.settings-list-table .table thead tr.thead-tr td {
    background-color: #FAFAFA !important;
    padding: 0 !important;
  }

  .exam-list-page .exam-list-table.settings-list-table .table .thead-tr .expand-content>span:not(.expand-col-head):not(.expand-btn) {
    color: #8E9198 !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    overflow: visible !important;
  }

  .exam-list-page .exam-list-table.settings-list-table .table .thead-tr .sorting-arrow,
  .exam-list-page .exam-list-table.settings-list-table .table .thead-tr .sorting-arrow .up,
  .exam-list-page .exam-list-table.settings-list-table .table .thead-tr .sorting-arrow .down {
    filter: none !important;
  }

  .exam-list-page .exam-list-table.settings-list-table .table tbody .expand-header .expand-content>span:not(.expand-btn) {
    align-items: flex-start !important;
    overflow: visible !important;
  }
}

/* Add Country modal */
.custom-modal-content {
  border-radius: 12px !important;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.08) !important;
  border: none !important;
  position: relative;
}

.custom-modal-close {
  position: absolute !important;
  right: 24px !important;
  top: 24px !important;
  z-index: 10;
  border: 1px solid #EAECF0 !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  opacity: 1 !important;
  background-color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.custom-modal-title {
  font-weight: 600 !important;
  color: #000 !important;
  font-size: 24px !important;
  margin-bottom: 8px !important;
}

.custom-modal-subtitle {
  color: #64748B !important;
  font-size: 16px !important;
  margin-bottom: 32px !important;
}

.custom-modal-label {
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #0F172A !important;
  margin-bottom: 8px !important;
}

.custom-modal-input {
  border-radius: 32px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  color: #393B40 !important;
  border: 1px solid #DCDDDE !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  width: 100%;
}

.custom-modal-input::placeholder {
  color: #8E9198 !important;
}

.custom-modal-input:focus {
  border-color: #21236A !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  outline: none !important;
}

select.custom-modal-input {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 16px;
  padding-right: 40px !important;
}

.country-add-modal-dialog {
  max-width: 480px !important;
}

.country-add-modal {
  padding: 32px 40px 36px !important;
  border-radius: 12px !important;
  position: relative;
}

.country-add-modal-body {
  padding: 0 !important;
  text-align: center;
}

.country-add-modal .custom-modal-title {
  text-align: center !important;
  margin-bottom: 6px !important;
}

.country-add-modal .custom-modal-subtitle {
  text-align: center !important;
  margin-bottom: 28px !important;
}

.country-add-modal-fields {
  text-align: left;
}

.country-add-modal-fields .mb-4:last-child {
  margin-bottom: 0 !important;
}

.country-add-modal-submit-wrap {
  margin-top: 28px;
  display: flex;
  justify-content: center;
}

.country-add-modal .custom-modal-btn-submit {
  min-width: 140px;
  padding: 12px 40px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  border-radius: 20px !important;
  background-color: var(--bs-primary) !important;
  border: none !important;
  color: #fff !important;
}

.country-add-modal .custom-modal-btn-submit:hover,
.country-add-modal .custom-modal-btn-submit:focus {
  background-color: var(--bs-primary) !important;
  border: none !important;
  color: #fff !important;
}

@media (max-width: 767.98px) {
  .country-add-modal {
    padding: 24px 20px 28px !important;
  }

  .country-add-modal-dialog {
    margin: 16px !important;
  }

  .custom-modal-close {
    right: 16px !important;
    top: 16px !important;
  }
}

/* Table expand — square arrow up-right icon */
.expand-btn::after,
.table tbody .expand-header .expand-btn::after {
  background-image: url("../img/Square _Arrow_Right_Up.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 20px !important;
  height: 20px !important;
}

.table tbody .expand-header.open .expand-btn::after {
  background-image: none !important;
  content: "Collapse Table" !important;
  white-space: nowrap !important;
  width: auto !important;
  height: auto !important;
  display: inline-block !important;
  color: var(--bs-secondary) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

/* Settings list — mobile search row (country, state, district, courses) */
@media (max-width: 767.98px) {
  .settings-search-page .settings-list-table .table-header {
    padding: 12px 14px;
    justify-content: flex-start;
  }

  .settings-search-page .settings-list-table .table-header>.row {
    --bs-gutter-x: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
  }

  .settings-search-page .settings-list-table .table-header>.row>[class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .settings-search-page .settings-list-table .table-header>.row>[class*="col-"]:nth-child(2) {
    margin-bottom: 10px !important;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .settings-search-page .settings-list-table .settings-search-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .settings-search-page .settings-list-table .settings-search-wrap .search-icon-left {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    max-width: none;
  }

  .settings-search-page .settings-list-table .settings-search-wrap .search-icon-left input {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .settings-search-page .settings-list-table .settings-search-wrap .btn-outline-light {
    flex: 0 0 auto;
    margin-left: 0 !important;
    white-space: nowrap;
  }
}

/* Settings list — desktop search row unchanged */
@media (min-width: 768px) {
  .settings-search-page .settings-list-table .table-header {
    padding: 14px 20px;
    justify-content: space-between;
  }

  .settings-search-page .settings-list-table .settings-search-wrap {
    justify-content: center !important;
    flex-wrap: wrap;
    width: 100%;
    max-width: none;
    gap: 0;
  }

  .settings-search-page .settings-list-table .settings-search-wrap .search-icon-left {
    flex: 0 1 auto;
    width: auto;
    min-width: 0;
  }

  .settings-search-page .settings-list-table .settings-search-wrap .search-icon-left input {
    width: auto;
  }

  .settings-search-page .settings-list-table .settings-search-wrap .btn-outline-light {
    margin-left: 0.5rem !important;
  }
}

/* Settings list tables — mobile expand row (country, state, district, courses) */
@media (max-width: 767.98px) {
  .settings-list-table {
    max-width: 100%;
  }

  .settings-list-table .table-responsive {
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  .settings-list-table .table {
    width: 100% !important;
    max-width: 100% !important;
  }

  .settings-list-table .table tbody {
    border-right: 1px solid #EEEEEE !important;
    border-left: 1px solid #EEEEEE !important;
    box-sizing: border-box;
  }

  .settings-list-table .table tbody tr {
    padding: 0 !important;
    max-width: 100%;
    box-sizing: border-box;
  }

  .settings-list-table .table tbody tr:not(.expand-header) {
    overflow: hidden;
  }

  .settings-list-table .table .thead-tr td>.expand-content,
  .settings-list-table .table tbody .expand-header .expand-content {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding: 0 !important;
    margin: 0 !important;
  }

  .settings-list-table .table .thead-tr .expand-content>span:not(.expand-col-head):not(.expand-btn),
  .settings-list-table .table tbody .expand-header .expand-content>span:not(.expand-btn) {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 50px;
    border-right: 1px solid #F1F1F4;
    margin: 0 !important;
  }

  .settings-list-table .table .thead-tr td,
  .settings-list-table .table thead tr.thead-tr td {
    background-color: #FAFAFA !important;
    padding: 0 !important;
  }

  .settings-list-table .table .thead-tr .expand-content>span:not(.expand-col-head):not(.expand-btn) {
    color: #8E9198 !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    overflow: visible !important;
  }

  /* Mobile header — same up/down sort arrows as desktop (.table-1 .sorting) */
  .settings-list-table .table .thead-tr .sorting-arrow,
  .centers-table .table .thead-tr .sorting-arrow {
    display: inline-flex !important;
    flex-direction: column !important;
    flex-shrink: 0 !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    vertical-align: middle;
    visibility: visible !important;
    opacity: 1 !important;
    margin-left: 6px !important;
  }

  .settings-list-table .table .thead-tr .sorting-arrow .up,
  .settings-list-table .table .thead-tr .sorting-arrow .down,
  .centers-table .table .thead-tr .sorting-arrow .up,
  .centers-table .table .thead-tr .sorting-arrow .down {
    display: inline-block !important;
    visibility: visible !important;
    width: 7px !important;
    height: 4px !important;
    background-repeat: no-repeat !important;
    filter: none !important;
  }

  .settings-list-table .table .thead-tr .sorting-arrow .up,
  .centers-table .table .thead-tr .sorting-arrow .up {
    background-position: top !important;
    margin-bottom: 2px !important;
  }

  .settings-list-table .table .thead-tr .sorting-arrow .down,
  .centers-table .table .thead-tr .sorting-arrow .down {
    background-position: bottom !important;
  }

  .settings-list-table .table .thead-tr .expand-content>span:first-child,
  .settings-list-table .table tbody .expand-header .expand-content span:first-child {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    flex: 0 0 60px !important;
    padding: 6px 8px !important;
    justify-content: center !important;
  }

  .settings-list-table .table .thead-tr .expand-content>span:first-child:not(.expand-col-head) {
    border-right: 1px solid #F1F1F4 !important;
  }

  .settings-list-table .table .thead-tr .expand-content>span:not(.expand-col-head):not(.expand-btn):not(:first-child) {
    border-right: none !important;
  }

  .settings-list-table .table .thead-tr .expand-content>.list-name-col,
  .settings-list-table .table .thead-tr .expand-content>span:nth-child(2) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    padding: 6px 12px !important;
    overflow: visible !important;
    font-size: 13px;
  }

  .settings-list-table .table tbody .expand-header .expand-content span:nth-child(2) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    padding: 6px 12px !important;
    overflow: hidden !important;
    font-size: 13px;
    color: #2C2D30;
  }

  .settings-list-table .table .thead-tr .expand-content>.expand-col-head {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    flex: 0 0 60px !important;
    min-height: 50px;
    border-right: none !important;
    box-sizing: border-box;
  }

  .settings-list-table .table tbody tr:not(.expand-header) td,
  .settings-list-table .table tbody tr:not(.expand-header) th {
    padding: 10px 16px !important;
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    align-items: center;
    gap: 8px;
    display: flex !important;
    justify-content: flex-start !important;
    text-align: left !important;
    border-bottom: 1px solid #ffffff !important;
  }

  .settings-list-table .table tbody td::before,
  .settings-list-table .table tbody th::before {
    content: attr(data-label) !important;
    width: 96px !important;
    min-width: 96px !important;
    flex: 0 0 96px !important;
    font-size: 12px;
    white-space: normal;
    line-height: 1.3;
    color: #64748B !important;
    font-weight: 500 !important;
    text-align: left !important;
    margin-right: 8px !important;
    display: inline-block !important;
  }

  .settings-list-table .table tbody td>*:not(.table-action-list) {
    min-width: 0;
    max-width: 100%;
  }

  .settings-list-table .table tbody td {
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .settings-list-table .table tbody .expand-header {
    padding: 0 !important;
    max-width: 100%;
    overflow: visible !important;
  }

  .settings-list-table .table tbody .expand-header td,
  .settings-list-table .table tbody .expand-header th {
    max-width: 100%;
    overflow: visible !important;
    padding: 0 !important;
    width: 100%;
    display: block;
  }

  .settings-list-table .table tbody .expand-header td::before,
  .settings-list-table .table tbody .expand-header th::before {
    display: none !important;
  }

  .settings-list-table .table tbody .expand-header .expand-content span:first-child {
    border-right: 1px solid #F1F1F4 !important;
  }

  .settings-list-table .table tbody .expand-header span.expand-btn {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    flex: 0 0 60px !important;
    padding: 6px 8px !important;
    margin-right: 0 !important;
    border: 0 !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    overflow: visible !important;
  }

  .settings-list-table .table tbody .expand-header.open .expand-content {
    padding-right: 16px !important;
  }

  .settings-list-table .table tbody .expand-header.open .expand-content span:not(.expand-btn) {
    display: none !important;
  }

  .settings-list-table .table tbody .expand-header.open .expand-btn {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding: 10px 15px !important;
    border-right: none !important;
  }
}

/* ── UKIQ sidebar (country-list desktop + mobile expand) ── */
.bg-red {
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
}

.ukiq-sidebar-layout .side-bar {
  padding-top: 0;
}

.ukiq-sidebar-layout .sidebar-profile {
  text-align: center;
  padding: 28px 20px 20px;
  flex-shrink: 0;
}

.ukiq-sidebar-layout .sidebar-profile-avatar {
  width: 90px;
  height: 90px;
  margin: 0 auto 12px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  outline: 10px solid #181D56;
  box-shadow: 10px 18px 25px 0 rgb(0, 0, 0);
}

.ukiq-sidebar-layout .sidebar-profile-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ukiq-sidebar-layout .sidebar-profile-name {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 6px;
}

.ukiq-sidebar-layout .sidebar-profile-role {
  color: rgba(255, 255, 255, 0.85);
  font-size: 11px;
  font-weight: 500;
  margin: 0;
  letter-spacing: -0.25px;
}

.ukiq-sidebar-layout .side-bar .menu-label {
  font-family: var(--font-1);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  text-transform: none;
}

.ukiq-sidebar-layout .side-bar .side-menu .nav-item {
  border-bottom: none;
  margin-bottom: 8px;
}

.ukiq-sidebar-layout .side-bar .side-menu .nav-link,
.ukiq-sidebar-layout .side-bar .side-menu .dropdown-toggle {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px;
  padding: 10px 16px !important;
  text-align: left;
  border-radius: 12px;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
}

.ukiq-sidebar-layout .side-bar .side-menu .nav-link .menu-label,
.ukiq-sidebar-layout .side-bar .side-menu .dropdown-toggle .menu-label {
  flex: 1;
  text-align: left;
}

.ukiq-sidebar-layout .side-bar .side-menu .menu-icon img {
  width: 22px;
  height: 22px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.ukiq-sidebar-layout .side-bar .side-menu .dropdown-toggle::after {
  display: inline-block !important;
  flex-shrink: 0;
  margin-left: auto !important;
  width: 12px !important;
  height: 12px !important;
  border: none !important;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='%23FFFFFF'%3E%3Cpath d='M1.53214 8.42417C1.28942 8.18985 1.28942 7.80995 1.53214 7.57564L5.67571 3.57564C5.91843 3.34132 6.31196 3.34132 6.55469 3.57564L10.4681 7.35342C10.7108 7.58773 10.7108 7.96763 10.4681 8.20194C10.2253 8.43626 9.8318 8.43626 9.58907 8.20194L6.1152 4.84843L2.41112 8.42417C2.1684 8.65848 1.77487 8.65848 1.53214 8.42417Z'/%3E%3C/svg%3E") !important;
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}

.ukiq-sidebar-layout .side-bar .side-menu .open .dropdown-toggle::after {
  transform: rotate(0deg);
}

.ukiq-sidebar-layout .side-bar .side-menu .dropdown-menu {
  padding: 4px 0 8px;
  margin: 0;
}

.ukiq-sidebar-layout .side-bar .side-menu .dropdown-menu .dropdown-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px;
  padding: 8px 16px 8px 24px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #fff !important;
  border-radius: 10px;
}

.ukiq-sidebar-layout .side-bar .side-menu .dropdown-menu .dropdown-item::before {
  display: none;
}

.ukiq-sidebar-layout .side-bar .side-menu .dropdown-menu .dropdown-item:hover {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.08);
}

.ukiq-sidebar-layout .side-bar .side-menu .dropdown-menu .dropdown-item.active {
  background-color: var(--bs-secondary) !important;
  color: #fff !important;
}

.ukiq-sidebar-layout .sidebar-badge {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  opacity: 1;
  font-size: 10px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
  line-height: 1;
  white-space: nowrap;
}

.ukiq-sidebar-layout .sidebar-badge-live {
  background-color: var(--bs-secondary) !important;
  color: #fff !important;
}

.ukiq-sidebar-layout .sidebar-badge-pending {
  background-color: #DDA420 !important;
  color: #fff !important;
}

.ukiq-sidebar-layout .side-bar .side-menu a.bg-red,
.ukiq-sidebar-layout .side-bar .side-menu a.bg-red:hover {
  color: #fff !important;
}

.ukiq-sidebar-layout .side-bar-footer {
  padding: 0;
  border-top: none;
}

.ukiq-sidebar-layout .side-bar-footer .sidebar-logout {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px !important;
  margin: 0;
  border-radius: 0 0 0 24px;
}

.ukiq-sidebar-layout .side-bar-footer .sidebar-logout .menu-icon img {
  width: 28px;
  height: 28px;
  filter: brightness(0) invert(1);
}

body.desktop.ukiq-sidebar-layout .side-bar .side-menu,
body.tablet.ukiq-sidebar-layout .side-bar .side-menu {
  padding: 0 20px 16px;
}

body.desktop.ukiq-sidebar-layout.close-menu .side-bar .sidebar-profile,
body.tablet.ukiq-sidebar-layout:not(.open-menu) .side-bar .sidebar-profile {
  display: none;
}

/* Mobile expanded sidebar */
@media (max-width: 767.98px) {
  .ukiq-sidebar-layout .sidebar-profile-avatar {
    width: 45px;
    height: 45px;
    outline: 4px solid #181D56;
    box-shadow: 6px 6px 12px 0 rgba(0, 0, 0, 0.75);
  }

  body.mobile.ukiq-sidebar-layout.open-menu .side-bar-wrapper {
    padding: 0;
    background: #fff;
  }

  body.mobile.ukiq-sidebar-layout.open-menu .side-bar {
    border-radius: 0;
    padding-top: 0;
  }

  body.mobile.ukiq-sidebar-layout.open-menu .side-bar .side-menu {
    padding: 0;
  }

  body.mobile.ukiq-sidebar-layout.open-menu .side-bar .nav-item.dropdown>.dropdown-toggle {
    display: none !important;
  }

  body.mobile.ukiq-sidebar-layout.open-menu .side-bar .dropdown-menu {
    display: block !important;
    padding: 0;
  }

  body.mobile.ukiq-sidebar-layout.open-menu .side-bar .dropdown-menu li {
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }

  body.mobile.ukiq-sidebar-layout.open-menu .side-bar .side-menu .nav-item>.nav-link,
  body.mobile.ukiq-sidebar-layout.open-menu .side-bar .dropdown-menu .dropdown-item {
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center;
    padding: 18px 16px !important;
    gap: 8px;
    border-radius: 0;
  }

  body.mobile.ukiq-sidebar-layout.open-menu .side-bar .side-menu .menu-icon img {
    width: 28px;
    height: 28px;
  }

  body.mobile.ukiq-sidebar-layout.open-menu .side-bar .menu-label {
    font-size: 13px !important;
  }

  body.mobile.ukiq-sidebar-layout.open-menu .side-bar .side-menu .nav-link .menu-label,
  body.mobile.ukiq-sidebar-layout.open-menu .side-bar .dropdown-menu .dropdown-item .menu-label {
    flex: none !important;
    width: 100%;
    text-align: center !important;
  }

  body.mobile.ukiq-sidebar-layout.open-menu .sidebar-badge {
    display: none;
  }

  body.mobile.ukiq-sidebar-layout.open-menu .side-bar-footer .sidebar-logout {
    border-radius: 0;
    padding: 14px !important;
  }

  body.mobile.ukiq-sidebar-layout.open-menu .side-bar-footer .sidebar-logout .menu-icon img {
    width: 32px;
    height: 32px;
  }
}

/* ── Question Bank ── */
.question-bank-page .question-bank-content-box {
  background: #fff;
  border-radius: 18px;
  padding: 20px;
  margin-top: 40px;
}

.qb-stats-text {
  font-size: 14px;
  font-weight: 400;
  color: var(--bs-secondary);
  margin-bottom: 20px;
  text-align: left;
}

.qb-results-text {
  font-size: 13px;
  color: #64748B;
  margin-top: 15px;
  margin-bottom: 25px;
  text-align: center;
}

.qb-filter-bar {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  background: #fff;
  padding: 0;
  margin-top: 10px;
}

.qb-search-box {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  max-width: 394px;
  height: 38px;
  padding: 10px 12px;
  border: 1px solid #E1E3E6;
  border-radius: 20px;
  background: #fff;
}

.qb-search-box input {
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  font-size: 14px;
  color: #1E293B;
  background: transparent;
  outline: none;
}

.qb-filter-select {
  width: auto;
  height: 38px;
  border: 1px solid #E1E3E6;
  border-radius: 20px;
  font-size: 14px;
  color: #64748B;
  padding: 0 35px 0 15px;
  background-color: #fff;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748B' d='M2.146 4.646a.5.5 0 0 1 .708 0L6 7.793l3.146-3.147a.5.5 0 0 1 .708.708l-3.5 3.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
}

.qb-card {
  background: #fff;
  border: 1px solid #E1E3E6;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 1000px;
  min-height: 60px;
  transition: all 0.2s;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

.qb-card:hover {
  border-color: var(--bs-secondary);
  box-shadow: 0 4px 15px rgba(205, 0, 28, 0.05);
}

.qb-delete-btn-separate {
  width: 34px;
  height: 34px;
  background: #FFD6D680;
  border: 1px solid var(--bs-secondary);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  margin-left: auto;
  align-self: center;
  cursor: pointer;
  transition: all 0.2s;
}

.qb-delete-btn-separate:hover {
  background: #FFC2C2;
  border-color: var(--bs-secondary);
}

.qb-card-content {
  flex: 1;
}

.qb-question-header {
  font-size: 15px;
  font-weight: 500;
  color: #1E293B;
  margin-bottom: 8px;
  line-height: 1.5;
}

.qb-answer-info {
  font-size: 13.5px;
  color: #64748B;
}

.qb-answer-info span {
  margin-right: 15px;
}

.qb-correct {
  color: #22B058 !important;
  font-weight: 600 !important;
}

.question-bank-page .question-bank-table-shell,
.exam-question-preview-page .question-preview-table-shell {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.question-bank-page .question-bank-table-shell .table-footer,
.exam-question-preview-page .question-preview-table-shell .table-footer {
  border: none !important;
  background: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 991px) {
  .qb-filter-select {
    width: 150px;
  }
}

@media (max-width: 767px) {
  .qb-filter-bar {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
  }

  .qb-search-box {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 4px;
  }

  .qb-filter-select {
    flex: 1;
    width: calc(33.33% - 6px);
    min-width: 0;
    padding: 0 20px 0 8px;
    font-size: 11px;
    height: 34px;
    background-position: right 8px center;
  }

  .qb-card {
    padding: 15px;
    position: relative;
  }
}

/* ── Exam question preview ── */
.exam-question-preview-page .exam-preview-content-box {
  background: #fff;
  border-radius: 18px;
  padding: 20px;
  margin-top: 40px;
}

.exam-question-preview-page .q-nav-grid {
  width: 226px;
  height: 500px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(7, 1fr);
  row-gap: 15px;
  column-gap: 15px;
  justify-content: center;
  align-content: center;
  justify-items: center;
  align-items: center;
  background: #F9F9F9;
  border: 1px solid #D9D9D9;
  border-radius: 20px;
  padding: 20px;
}

.exam-question-preview-page .q-nav-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #E2E8F0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  color: #64748B;
  background: #fff;
  transition: all 0.2s;
  text-decoration: none !important;
}

.exam-question-preview-page .q-nav-circle.active {
  background: var(--bs-primary);
  color: #fff;
  border-color: var(--bs-primary);
}

.exam-question-preview-page .qb-answer-info span {
  padding-right: 12px;
  border-right: 1px solid #676A72;
  line-height: 1.4;
}

.exam-question-preview-page .qb-answer-info span:last-child {
  border-right: none;
  padding-right: 0;
}

.exam-question-preview-page .preview-score {
  font-size: 14px;
  font-weight: 600;
  color: var(--bs-primary);
}

.exam-question-preview-page .btn-add-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border: 1px solid var(--bs-primary);
  padding: 6px 15px;
  background: #fff;
  color: var(--bs-primary);
  font-weight: 500;
  font-size: 13px;
}

.exam-question-preview-page .btn-add-more:hover {
  background: var(--bs-primary);
  color: #fff;
}

@media (max-width: 991.98px) {
  .exam-question-preview-page .mobile-q-nav {
    display: block;
    margin-top: 12px;
  }

  .exam-question-preview-page .mobile-q-nav .q-nav-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    height: auto !important;
    min-height: 0 !important;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    justify-items: center;
    align-content: start;
    align-items: start;
  }

  .exam-question-preview-page .mobile-q-nav {
    margin-bottom: 0;
  }

  .exam-question-preview-page .mobile-q-nav .q-nav-circle {
    width: 50px !important;
    height: 50px !important;
    max-width: 50px;
    aspect-ratio: auto;
    border-radius: 50%;
    font-size: 12px !important;
    border: 1px solid #E2E8F0;
    background: #fff;
    color: #64748B;
  }

  .exam-question-preview-page .mobile-q-nav .q-nav-circle.active {
    background: var(--bs-primary);
    color: #fff;
    border-color: var(--bs-primary);
  }

  .exam-question-preview-page .preview-questions-summary {
    white-space: normal;
  }

  .question-bank-page .question-bank-content-box,
  .exam-question-preview-page .exam-preview-content-box {
    margin-top: 24px;
  }
}

/* ── Exam details page ── */
.exam-details-page .exam-details-content-box {
  background: #fff;
  border-radius: 18px;
  padding: 20px;
}

.exam-details-page .details-info-card {
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
  margin-bottom: 25px;
  overflow: hidden;
}

.exam-details-page .custom-badge-completed {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 66px;
  height: 24px;
  border-radius: 4px;
  padding: 4px 8px;
  background: #E8F9EE;
  color: #22B058;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.exam-details-page .custom-badge-scheduled {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 66px;
  height: 24px;
  border-radius: 4px;
  padding: 4px 8px;
  background: #F0ECFF;
  color: #271086;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.exam-details-page .custom-badge-draft {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 66px;
  height: 24px;
  border-radius: 4px;
  padding: 4px 8px;
  background: #EEEEEE;
  color: #393B40;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.exam-details-page .custom-badge-pending,
.student-exam-detail-page .custom-badge-pending {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 66px;
  height: 24px;
  border-radius: 4px;
  padding: 4px 8px;
  background: #FFFAE9;
  color: #B88800;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  border: 1px solid #FEC52433
}

.student-exam-detail-page .custom-badge-failed {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 66px;
  height: 24px;
  border-radius: 4px;
  padding: 4px 8px;
  background: #FFEAEE;
  color: #991930;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  border: 1px solid #FEC52433
}

.exam-details-page .nav-tabs-container {
  background: #ffffff;
  border-radius: 20px;
  padding: 4px;
  width: 100%;
  max-width: 800px;
  height: 42px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  border: 1px solid #EEEEEE;
  box-sizing: border-box;
  overflow: hidden;
}

@media (min-width: 768px) {
  .exam-details-page .nav-tabs-container {
    flex: 0 0 707px;
    max-width: none;
  }
}

.exam-details-page .nav-tabs-container .nav-link {
  flex: 1;
  height: 34px;
  border: none;
  color: #64748B;
  font-weight: 500;
  font-size: 14px;
  padding: 0 10px;
  background: transparent;
  border-radius: 20px;
  transition: all 0.2s;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

.exam-details-page .nav-tabs-container .nav-link.active {
  color: #fff;
  background: var(--bs-secondary);
}

.exam-details-page #topEditBtn.btn-exam-details-edit {
  width: 119px;
  border: 1px solid var(--bs-secondary);
  color: var(--bs-secondary);
  background: #ffffff;
  height: 42px;
  padding: 0 30px;
  border-radius: 20px;
  white-space: nowrap;
}

.exam-details-page #valuationBackBtn.btn-exam-details-back {
  width: 119px;
  border: 1px solid var(--bs-secondary);
  color: var(--bs-secondary);
  background: #ffffff;
  height: 42px;
  padding: 0 30px;
  border-radius: 20px;
  white-space: nowrap;
}

.exam-details-page #valuationBackBtn.btn-exam-details-back:hover,
.exam-details-page #valuationBackBtn.btn-exam-details-back:focus {
  border-color: var(--bs-secondary);
  color: var(--bs-secondary);
  background: #F8FAFC;
}

.exam-details-page .exam-details-exam-score-pill {
  background: #F1F5F9;
  color: #64748B;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}

.exam-details-page .exam-details-status-badge {
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}

.exam-details-page .exam-details-status-badge--fail {
  background: #FEE2E2;
  color: #EF4444;
  border: 1px solid #FECACA;
}

.exam-details-page .exam-details-status-badge--pass {
  background: #DCFCE7;
  color: #10B981;
  border: 1px solid #BBF7D0;
}

.exam-details-page .exam-details-cert-not-ready {
  color: #475569;
  font-size: 13px;
  font-weight: 500;
}

.exam-details-page .exam-details-apply-link {
  color: var(--bs-secondary);
  font-size: 13px;
  font-weight: 500;
  text-decoration: underline;
}

.exam-details-page .exam-details-apply-link:hover,
.exam-details-page .exam-details-apply-link:focus {
  color: var(--bs-secondary);
}

.exam-details-page .exam-details-option-pill {
  background: #F1F5F9;
  border: 1px solid #E2E8F0;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  color: #475569;
  display: inline-block;
}

.exam-details-page .exam-details-option-pill--correct {
  background: #DCFCE7;
  border-color: #86EFAC;
  color: #16A34A;
}

.exam-details-page .exam-details-option-pill--wrong {
  background: rgba(223, 0, 27, 0.2);
  border-color: #DF001B;
  color: #DF001B;
}

.exam-details-page .exam-details-valuation-score-input {
  border-radius: 20px;
  border: 1px solid #CBD5E1;
  height: 44px;
  font-size: 14px;
  color: #64748B;
}

.exam-details-page .exam-details-valuation-score-input:focus {
  border-color: #CBD5E1;
  box-shadow: 0 0 0 0.2rem rgba(33, 35, 106, 0.08);
}

.exam-details-page .student-list-name-preview .name {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}

.exam-details-page .student-list-name-preview .code {
  font-size: 11px;
  color: #6B7280;
}

.exam-details-page .student-list-avatar {
  object-fit: cover;
  flex-shrink: 0;
}

/* Exam details — search toolbar (valuation + students) */
.exam-details-page .custom-search-container {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 6px;
  height: 34px;
  padding: 0 12px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 20px;
  min-width: 0;
}

.exam-details-page .custom-search-container .search-icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: #94A3B8;
  font-size: 14px;
  line-height: 1;
}

.exam-details-page .custom-search-container input {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  height: 100%;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
  color: #1E293B;
}

.exam-details-page .custom-search-container input::placeholder {
  color: #94A3B8;
}

/* Valuation filter — native select (hide broken custom-select duplicate) */
.exam-details-page .exam-details-valuation-toolbar .custom-select {
  display: none !important;
}

.exam-details-page select.exam-details-valuation-filter {
  display: block !important;
  min-width: 130px;
  max-width: 200px;
  height: 34px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  color: #64748B;
  border: 1px solid #DCDDDE;
  border-radius: 32px;
  padding: 0 32px 0 12px;
  text-align: left !important;
  text-align-last: left !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
}

.exam-details-page .exam-details-valuation-toolbar,
.exam-details-page .exam-details-valuation-table .table-header-v2,
.exam-details-page .exam-details-students-table .table-header-v2 {
  overflow: visible !important;
}

.exam-details-page .exam-details-valuation-toolbar-inner {
  overflow: visible !important;
  position: relative;
  z-index: 2;
}

.exam-details-page .questions-stat-wrapper {
  width: 100%;
  max-width: 677px;
  height: 80px;
  background: #F9F9F9;
  border: 1px solid #F4F4F4;
  border-radius: 6px;
  padding: 4px;
  display: flex;
  gap: 4px;
  margin-bottom: 24px;
  box-sizing: border-box;
}

.exam-details-page .questions-stat-box {
  flex: 1;
  height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px 18px 14px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
}

.exam-details-page .questions-stat-box .val {
  font-size: 24px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

.exam-details-page .questions-stat-box .lbl {
  font-size: 14px;
  color: #64748B;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.exam-details-page .valuation-stat-wrapper {
  width: 100%;
  max-width: 677px;
  background: #F9F9F9;
  border: 1px solid #F4F4F4;
  border-radius: 20px;
  padding: 4px;
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  box-sizing: border-box;
}

@media (min-width: 992px) {
  .exam-details-page .valuation-stat-wrapper {
    border-color: var(--bs-primary);
  }
}

@media (max-width: 991.98px) {
  .exam-details-page .valuation-stat-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, auto);
    flex-wrap: unset;
    height: auto;
    max-width: 100%;
  }

  .exam-details-page .valuation-stat-box {
    flex: unset;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 72px;
    border-right: none;
  }

  .exam-details-page .valuation-stat-box:last-child {
    border-right: none;
  }
}

.exam-details-page .valuation-stat-box {
  flex: 1;
  height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 14px 18px;
  border-right: 1px solid #EAEAEA;
  background: #fff;
  border-radius: 4px;
}

.exam-details-page .valuation-stat-box:last-child {
  border-right: none;
}

.exam-details-page .valuation-stat-box .val {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

.exam-details-page .valuation-stat-box .lbl {
  font-size: 12px;
  color: #64748B;
  font-weight: 500;
  line-height: 1;
}

.exam-details-page .q-nav-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  justify-content: center;
  justify-items: center;
  align-items: center;
  align-content: start;
  width: 100%;
  max-width: 226px;
  box-sizing: border-box;
  background: #F9F9F9;
  border: 1px solid #D9D9D9;
  border-radius: 20px;
  padding: 20px;
}

@media (min-width: 992px) {
  .exam-details-page .q-nav-grid {
    width: 226px;
    height: 500px;
    max-width: 226px;
    grid-template-rows: repeat(7, 1fr);
    row-gap: 15px;
    column-gap: 15px;
    align-content: center;
  }

  /* Start valuation — Submit matches q-nav-grid width */
  .exam-details-page #valuationDetail .btn-submit-valuation {
    width: 226px;
    max-width: 100%;
    box-sizing: border-box;
    display: block;
  }
}

/* Questions tab — mobile: head → stats → q-nav → cards */
@media (max-width: 991.98px) {
  .exam-details-page #questions .exam-details-questions-layout {
    display: flex;
    flex-direction: column;
  }

  .exam-details-page #questions .exam-details-questions-nav {
    width: 100%;
    margin-bottom: 1rem;
    min-height: 0;
  }

  .exam-details-page #questions .exam-details-questions-stats {
    max-width: 100%;
  }

  .exam-details-page #questions .q-nav-grid {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
    align-content: start !important;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
  }

  .exam-details-page #questions .exam-details-questions-nav .mobile-no-box {
    min-height: 0;
  }
}

/* Questions tab — desktop: main column + right sidebar (original layout) */
@media (min-width: 992px) {
  .exam-details-page #questions .exam-details-questions-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 226px;
    column-gap: 1.5rem;
    align-items: start;
    grid-template-areas:
      "head nav"
      "stats nav"
      "cards nav";
  }

  .exam-details-page #questions .exam-details-questions-head {
    grid-area: head;
    min-width: 0;
  }

  .exam-details-page #questions .exam-details-questions-stats {
    grid-area: stats;
    margin-bottom: 24px;
    max-width: 677px;
  }

  .exam-details-page #questions .exam-details-questions-nav {
    grid-area: nav;
    width: 226px;
    margin-bottom: 0;
    align-self: start;
  }

  .exam-details-page #questions .exam-details-questions-nav .q-nav-grid {
    width: 226px;
    height: 500px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(7, 1fr);
    background: #F9F9F9;
    border: 1px solid #D9D9D9;
    border-radius: 20px;
    padding: 20px;
  }

  .exam-details-page #questions .exam-details-questions-cards {
    grid-area: cards;
    min-width: 0;
  }
}

/* Questions tab — question card score */
.exam-details-page .exam-details-q-score {
  font-size: 14px;
  font-weight: 600;
  color: var(--bs-secondary);
  line-height: 1.2;
}

/* Questions tab — answer options */
.exam-details-page #questions .exam-details-q-answer {
  padding: 8px 16px;
  border-radius: 200px;
  background: #EEEEEE;
  color: #475569;
  font-size: 14px;
  font-weight: 500;
}

.exam-details-page #questions .exam-details-q-answer.active {
  padding: 8px 16px;
  border-radius: 20px;
  background: #E6F6EC;
  color: #055519;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #22B058;
  display: flex;
  align-items: center;
  gap: 8px;
}

.exam-details-page #questions .exam-details-q-answer-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  object-fit: contain;
}

.exam-details-page .q-nav-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #E2E8F0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  color: #64748B;
  background: #fff;
  transition: all 0.2s;
  text-decoration: none !important;
  cursor: pointer;
  flex-shrink: 0;
}

/* Questions tab — active question (e.g. Q 01) */
.exam-details-page #questions .q-nav-circle.active {
  background: var(--bs-secondary);
  border-color: var(--bs-secondary);
  color: #fff;
}

.exam-details-page .link-start-valuation,
.exam-details-page .exam-details-valuation-table .link-start-valuation {
  color: var(--bs-secondary) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  white-space: nowrap !important;
}

.exam-details-page .link-start-valuation:hover,
.exam-details-page .link-start-valuation:focus {
  color: var(--bs-secondary) !important;
}

@media (max-width: 767.98px) {
  .exam-details-page .nav-tabs-container .nav-link {
    padding: 0 2px;
    font-size: 12px;
  }

  .exam-details-page .mobile-no-box {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  .exam-details-page .btn-submit-valuation {
    width: 100% !important;
  }

  .exam-details-page .q-nav-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
    align-content: start !important;
    gap: 8px;
    width: 100%;
    max-width: none;
    height: auto !important;
    min-height: 0 !important;
    background: transparent;
    border: none;
    padding: 0;
  }

  .exam-details-page .q-nav-circle {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    font-size: 11px !important;
  }

  /* Questions tab — stat boxes (mobile only) */
  .exam-details-page #questions .questions-stat-box {
    padding: 18px 0 14px;
  }

  .exam-details-page #questions .questions-stat-box .lbl {
    font-size: 12px;
  }

  /* Valuation + Students — stats (mobile) */
  .exam-details-page #valuation .questions-stat-wrapper,
  .exam-details-page #valuationList>.questions-stat-wrapper,
  .exam-details-page #students .questions-stat-wrapper {
    max-width: 100%;
    width: 100%;
    height: auto;
    min-height: 72px;
    overflow: hidden;
  }

  .exam-details-page #valuation .questions-stat-box,
  .exam-details-page #students .questions-stat-box {
    flex: 1 1 0;
    min-width: 0;
    height: auto;
    min-height: 64px;
    padding: 12px 8px 10px;
    overflow: hidden;
  }

  .exam-details-page #valuation .questions-stat-box .lbl,
  .exam-details-page #students .questions-stat-box .lbl {
    font-size: 10px;
    line-height: 1.2;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .exam-details-page #valuation .questions-stat-box .val,
  .exam-details-page #students .questions-stat-box .val {
    font-size: 18px;
  }

  /* Valuation toolbar — search + filter single row (students search stays full width) */
  .exam-details-page .exam-details-valuation-toolbar-inner {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 8px !important;
  }

  .exam-details-page .exam-details-valuation-search {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .exam-details-page select.exam-details-valuation-filter {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 42% !important;
    margin-left: 0 !important;
  }

  .exam-details-page .exam-details-students-search {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .exam-details-page .exam-details-valuation-table .table-responsive,
  .exam-details-page .exam-details-students-table .table-responsive {
    overflow-x: hidden !important;
  }

  .exam-details-page .exam-details-students-table .table tbody .expand-header:not(.open) .expand-content>.students-list-name-col,
  .exam-details-page .exam-details-students-table .table tbody .expand-header:not(.open) .expand-content>span:nth-child(2) {
    overflow: hidden !important;
    padding: 6px 10px !important;
  }

  .exam-details-page .exam-details-students-table .table tbody .expand-header:not(.open) .students-list-mobile-preview,
  .exam-details-page .exam-details-students-table .table tbody .expand-header:not(.open) .student-list-name-preview {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .exam-details-page .exam-details-students-table .table tbody .expand-header:not(.open) .student-list-avatar {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    object-fit: cover !important;
  }

  .exam-details-page .exam-details-students-table .table tbody .expand-header:not(.open) .students-list-name-col .name,
  .exam-details-page .exam-details-students-table .table tbody .expand-header:not(.open) .student-list-name-preview .name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .exam-details-page .exam-details-students-table .table tbody .expand-header:not(.open) .students-list-name-col .code,
  .exam-details-page .exam-details-students-table .table tbody .expand-header:not(.open) .student-list-name-preview .code {
    font-size: 11px !important;
    color: #6B7280 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .exam-details-page .exam-details-valuation-table .table tbody .expand-header:not(.open) .expand-content>.students-list-name-col,
  .exam-details-page .exam-details-valuation-table .table tbody .expand-header:not(.open) .expand-content>span:nth-child(2) {
    overflow: hidden !important;
    padding: 6px 10px !important;
  }

  .exam-details-page .exam-details-valuation-table .table tbody .expand-header:not(.open) .students-list-mobile-preview,
  .exam-details-page .exam-details-valuation-table .table tbody .expand-header:not(.open) .student-list-name-preview {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .exam-details-page .exam-details-valuation-table .table tbody .expand-header:not(.open) .student-list-avatar {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    object-fit: cover !important;
  }

  .exam-details-page .exam-details-valuation-table .table tbody .expand-header:not(.open) .students-list-name-col .name,
  .exam-details-page .exam-details-valuation-table .table tbody .expand-header:not(.open) .student-list-name-preview .name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .exam-details-page .exam-details-valuation-table .table tbody .expand-header:not(.open) .students-list-name-col .code,
  .exam-details-page .exam-details-valuation-table .table tbody .expand-header:not(.open) .student-list-name-preview .code {
    font-size: 11px !important;
    color: #6B7280 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

.btn-edit-outline-secondary {
  color: #fff;
  border-color: var(--bs-secondary);
}

.btn-edit-outline-secondary:hover {
  background-color: var(--bs-secondary);
}

/* ── Student verification (UKIQ login layout) ── */
.page-student-verification .content-area {
  min-height: 100vh;
}

.page-student-verification .sv-form-wrapper {
  max-width: 400px;
}

.page-student-verification .sv-phone-label-row {
  display: flex;
  gap: 8px;
  margin-bottom: 0;
}

.page-student-verification .sv-phone-code-label {
  width: 72px;
  flex-shrink: 0;
  margin-bottom: 8px;
}

.page-student-verification .sv-phone-mobile-label {
  flex: 1;
  margin-bottom: 8px;
}

.page-student-verification .sv-phone-row {
  display: flex;
  gap: 8px;
  align-items: stretch;
}

.page-student-verification .sv-phone-code-field {
  width: 72px;
  flex-shrink: 0;
}

.page-student-verification .sv-phone-code-field .form-control {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.page-student-verification .sv-terms-text {
  font-size: 13px;
  line-height: 1.4;
  color: #6c757d;
  margin-bottom: 0;
}

.page-student-verification .sv-image-form-wrapper {
  max-width: 420px;
}

.page-student-verification .camera-preview-box {
  position: relative;
  width: 100%;
  max-width: 380px;
  margin: 0 auto 20px;
  border-radius: 20px;
  overflow: hidden;
  background: #E2E8F0;
  aspect-ratio: 4 / 3;
  border: 1px solid #E2E8F0;
}

.page-student-verification #cameraVideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.page-student-verification #captureCanvas {
  display: none;
}

.page-student-verification #capturedPhoto {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}

.page-student-verification .face-circle-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.page-student-verification .face-circle-overlay::after {
  content: '';
  width: 55%;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2.5px dashed #fff;
  box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.2);
}

.page-student-verification .sv-camera-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e2e8f0;
}

.page-student-verification .sv-camera-placeholder .bi {
  font-size: 80px;
  color: #94a3b8;
}

.page-student-verification .circle-photo-frame {
  width: 240px;
  height: 240px;
  border-radius: 50%;
  border: 3.5px solid var(--bs-secondary);
  overflow: hidden;
  margin: 0 auto 28px;
  background: #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 6px rgba(33, 35, 106, 0.08);
}

.page-student-verification .circle-photo-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-student-verification .circle-photo-frame .fallback-icon {
  font-size: 96px;
  color: #94a3b8;
}

@media (min-width: 768px) {
  .page-student-verification .circle-photo-frame {
    width: 280px;
    height: 280px;
  }
}

.page-student-verification .sv-otp-email {
  font-size: 14px;
  font-weight: 600;
  color: var(--bs-secondary);
  line-height: 1.3;
  word-break: break-all;
}

.page-student-verification .sv-otp-input {
  letter-spacing: 8px;
  font-size: 16px;
  font-weight: 500;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.page-student-verification .sv-otp-input::placeholder {
  letter-spacing: 8px;
}

.page-student-verification .sv-otp-hint {
  font-size: 11px;
  font-weight: 500;
  color: #6c757d;
  margin-bottom: 0;
}

.page-student-verification .sv-resend-otp {
  font-size: 12px;
  font-weight: 500;
  color: #676A72;
}

.page-student-verification .sv-resend-otp:hover {
  color: var(--bs-primary);
}

/* ——— Students list (toolbar matches exam-list) ——— */
.students-list-page .students-list-filter-selects .custom-select {
  display: none !important;
}

.students-list-page .students-list-filter-selects select.students-list-filter-select {
  display: block !important;
}

.students-list-page .students-list-filter-select {
  min-width: 130px;
  max-width: 180px;
  height: 34px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  color: #64748B;
  border: 1px solid #DCDDDE;
  border-radius: 32px;
  padding: 0 32px 0 12px;
  text-align: left !important;
  text-align-last: left !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  cursor: pointer;
}

.students-list-page .students-list-filter-select option {
  text-align: left;
  direction: ltr;
}

.students-list-page .students-list-toolbar {
  justify-content: flex-start !important;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.students-list-page .students-list-search-wrap {
  flex-shrink: 0;
}

.students-list-page .students-list-search-wrap .search-icon-left {
  min-width: 280px;
  max-width: 427px;
}

.students-list-page .students-list-search-wrap .search-icon-left input {
  width: 100%;
  box-sizing: border-box;
}

.students-list-page .students-list-filters-row {
  flex-wrap: nowrap;
  align-items: center;
}

.students-list-page .students-list-filter-selects {
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  flex: 0 1 auto;
}

@media (min-width: 992px) {
  .students-list-page .students-list-filters-row {
    width: auto !important;
    flex: 0 0 auto;
    margin-top: 0 !important;
  }
}

.students-list-page .students-list-export-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  font-size: 13px;
  white-space: nowrap;
}

.students-list-page .students-list-export-btn img {
  width: 16px;
  height: 16px;
  object-fit: contain;
  flex-shrink: 0;
}

.students-list-page .student-list-avatar {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border: 2px solid var(--bs-primary);
  flex-shrink: 0;
}

.students-list-page .student-list-name-preview .name {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}

.students-list-page .student-list-name-preview .code {
  font-size: 11px;
  color: #6B7280;
  line-height: 1.3;
}

.students-list-page .students-list-apply-link {
  color: var(--bs-secondary) !important;
  font-weight: 500;
}

.students-list-page .students-list-apply-link:hover,
.students-list-page .students-list-apply-link:focus {
  color: var(--bs-secondary) !important;
}

/* Students list — action more menu (z-index + overflow, same as exam-list) */
.students-list-page .table .dropdown {
  position: relative;
}

.students-list-page .table .dropdown.show {
  z-index: 1060;
}

.students-list-page .table .dropdown-menu {
  position: absolute !important;
  z-index: 1061 !important;
  display: none;
  text-align: left;
  left: auto;
  right: 0;
  min-width: 180px;
  padding: 8px !important;
  margin-top: 6px;
  border: 1px solid #E5E7EB !important;
  border-radius: 12px !important;
  background-color: #fff !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

.students-list-page .table .dropdown.show .dropdown-menu {
  display: block !important;
}

.students-list-page .table .dropdown.dropdown-down .dropdown-menu {
  top: 100% !important;
  bottom: auto !important;
  margin-top: 6px;
}

.students-list-page .table .dropdown.dropdown-up .dropdown-menu {
  top: auto !important;
  bottom: 100% !important;
  margin-top: 0;
  margin-bottom: 6px;
}

.students-list-page .students-list-table.dropdown-active,
.students-list-page .students-list-table:has(.dropdown.show),
.students-list-page .students-list-table .table-responsive.dropdown-active,
.students-list-page .students-list-table .table-responsive:has(.dropdown.show) {
  overflow: visible !important;
  overflow-x: visible !important;
}

.students-list-page .students-list-table .table tbody tr.dropdown-active,
.students-list-page .students-list-table .table tbody tr:has(.dropdown.show),
.students-list-page .students-list-table .table tbody td.dropdown-active,
.students-list-page .students-list-table .table tbody th.dropdown-active,
.students-list-page .students-list-table .table tbody td:has(.dropdown.show),
.students-list-page .students-list-table .table tbody th:has(.dropdown.show) {
  overflow: visible !important;
  position: relative;
  z-index: 1055;
}

@media (max-width: 767.98px) {

  .students-list-page .students-list-table.settings-list-table .table-responsive.dropdown-active,
  .students-list-page .students-list-table.settings-list-table .table-responsive:has(.dropdown.show) {
    overflow: visible !important;
    overflow-x: visible !important;
  }

  .students-list-page .students-list-table.settings-list-table .table tbody tr:not(.expand-header).dropdown-active,
  .students-list-page .students-list-table.settings-list-table .table tbody tr:not(.expand-header):has(.dropdown.show) {
    overflow: visible !important;
    z-index: 1056;
  }

  .students-list-page .students-list-table .table tbody .expand-header.dropdown-active,
  .students-list-page .students-list-table .table tbody .expand-header:has(.dropdown.show) {
    overflow: visible !important;
    z-index: 1056;
  }
}

/* Student detail — exam history search + table toolbar */
.student-details-page .student-exam-history-table .table-header {
  padding: 14px 20px;
  justify-content: flex-start;
}

.student-details-page .student-exam-history-search-wrap {
  width: 100%;
  max-width: 427px;
}

.student-details-page .student-exam-history-search-wrap .search-icon-left {
  width: 100%;
}

.student-details-page .student-exam-history-search-wrap .search-icon-left input {
  width: 100%;
  min-width: 280px;
  max-width: 427px;
  border-radius: 20px;
  box-sizing: border-box;
}

.student-details-page .student-exam-title-cell .name {
  color: #1E293B;
  font-weight: 500;
}

.student-details-page .student-exam-title-cell .student-exam-course-line {
  font-size: 11px;
  color: #6B7280;
}

.student-details-page .student-exam-id {
  color: #1E293B;
  font-weight: 700;
}

/* Student detail — exam history action menu (exam-list pattern) */
.student-details-page .student-exam-history-table .table .dropdown {
  position: relative;
}

.student-details-page .student-exam-history-table .table .dropdown.show {
  z-index: 1060;
}

.student-details-page .student-exam-history-table .table .dropdown-menu {
  position: absolute !important;
  z-index: 1061 !important;
  display: none;
  text-align: left;
  left: auto;
  right: 0;
  min-width: 180px;
  padding: 8px !important;
  margin-top: 6px;
  border: 1px solid #E5E7EB !important;
  border-radius: 12px !important;
  background-color: #fff !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

.student-details-page .student-exam-history-table .table .dropdown.show .dropdown-menu {
  display: block !important;
}

.student-details-page .student-exam-history-table.dropdown-active,
.student-details-page .student-exam-history-table:has(.dropdown.show),
.student-details-page .student-exam-history-table .table-responsive.dropdown-active,
.student-details-page .student-exam-history-table .table-responsive:has(.dropdown.show) {
  overflow: visible !important;
  overflow-x: visible !important;
}

.student-details-page .student-exam-history-table .table tbody tr.dropdown-active,
.student-details-page .student-exam-history-table .table tbody tr:has(.dropdown.show),
.student-details-page .student-exam-history-table .table tbody td.dropdown-active,
.student-details-page .student-exam-history-table .table tbody th.dropdown-active,
.student-details-page .student-exam-history-table .table tbody td:has(.dropdown.show),
.student-details-page .student-exam-history-table .table tbody th:has(.dropdown.show) {
  overflow: visible !important;
  position: relative;
  z-index: 1055;
}

.student-details-page .student-exam-history-table .table thead td.action {
  padding-right: 16px !important;
}

.student-details-page .student-profile-card {
  margin-top: 10px;
  background-image: linear-gradient(#F1F5F9 1px, transparent 1px),
    linear-gradient(90deg, #F1F5F9 1px, transparent 1px);
  background-size: 20px 20px;
}

.student-details-page .student-profile-avatar {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-color: var(--bs-secondary) !important;
}

.student-details-page .student-profile-name {
  font-size: 24px;
  color: #1E293B;
}

.student-details-page .student-profile-verify-icon {
  width: 18px;
  height: 18px;
  object-fit: contain;
  flex-shrink: 0;
}

.student-details-page .student-basic-details-card {
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.student-details-page .student-basic-details-card .card-section-head {
  background: #FAFAFA;
  color: #2C2D30;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #E5E7EB;
}

.student-details-page .student-detail-row-label {
  font-size: 13px;
  font-weight: 400;
  color: #8E9198;
  min-width: 300px;
}

.student-details-page .student-detail-row-value {
  font-size: 15px;
  font-weight: 400;
  color: #393B40;
}

@media (max-width: 767.98px) {
  .student-details-page .student-basic-details-card .student-detail-row {
    border-bottom: 1px solid #E5E7EB;
  }

  .student-details-page .student-basic-details-card .student-detail-row:last-child {
    border-bottom: none;
  }
}

.student-details-page .student-exam-history-table.settings-list-table {
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.student-details-page .student-exam-badge-score {
  background: #F1F5F9;
  color: #1E293B;
  padding: 4px 12px;
  border-radius: 6px;
  font-weight: 500;
}

.student-details-page .student-exam-badge-fail {
  background: rgba(205, 0, 28, 0.1);
  color: var(--bs-secondary);
  border: none;
  font-weight: 600;
}

.student-exam-detail-page .user-profile-card,
.student-exam-detail-page .screenshots-card {
  border: 1px solid #E2E8F0;
  border-radius: 18px;
  background: #fff;
}

.student-exam-detail-page .screenshots-card {
  min-width: 180px;
}

.student-exam-detail-page .question-card {
  border: 1px solid #E2E8F0;
  border-radius: 8px;
}

.student-exam-detail-page .question-card__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  border-bottom: 1px solid #E2E8F0;
}

.student-exam-detail-page .question-card__title {
  color: #1E293B;
  font-size: 14px;
  flex: 1 1 auto;
  min-width: 0;
}

.student-exam-detail-page .question-card__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
}

.student-exam-detail-page .question-card__score {
  font-size: 12px;
  font-weight: 500;
  color: #64748B;
}

.student-exam-detail-page .question-card__status {
  font-size: 12px;
}

@media (min-width: 768px) {
  .student-exam-detail-page .question-card__head {
    align-items: center;
  }

  .student-exam-detail-page .question-card__title {
    flex: 0 0 auto;
  }

  .student-exam-detail-page .question-card__meta {
    display: contents;
  }

  .student-exam-detail-page .question-card__score {
    order: 1;
  }

  .student-exam-detail-page .question-card__status {
    order: 2;
  }
}

@media (max-width: 991.98px) {
  .students-list-page .students-list-table .table-header {
    padding: 12px 14px;
  }

  .students-list-page .students-list-toolbar {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    gap: 0;
  }

  .students-list-page .students-list-search-wrap {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }

  .students-list-page .students-list-search-wrap .search-icon-left {
    min-width: 0;
    max-width: none;
    width: 100%;
  }

  .students-list-page .students-list-filters-row {
    width: 100% !important;
    flex-wrap: nowrap !important;
    margin-top: 8px;
  }

  .students-list-page .students-list-filter-selects {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    margin-top: 0 !important;
  }

  .students-list-page .students-list-filter-selects .students-list-filter-select {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
  }

  .students-list-page .students-list-filters-row .students-list-export-btn {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 992px) {
  .students-list-page .students-list-toolbar {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  .students-list-page .students-list-search-wrap {
    width: auto !important;
    flex: 0 0 auto;
  }

  .students-list-page .students-list-filters-row {
    width: auto !important;
    flex: 0 0 auto;
    margin-top: 0 !important;
  }

  .students-list-page .students-list-filter-selects {
    width: auto !important;
    flex: 0 0 auto;
    margin-top: 0 !important;
  }

  .students-list-page .students-list-filter-select {
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
  }
}

@media (max-width: 767.98px) {

  /* Collapsed row — avatar + name (settings-list-table flex layout, same as country-list) */
  .students-list-page .students-list-table .table tbody .expand-header:not(.open) .expand-content>.students-list-name-col,
  .students-list-page .students-list-table .table tbody .expand-header:not(.open) .expand-content>span:nth-child(2) {
    overflow: hidden !important;
    padding: 6px 10px !important;
  }

  .students-list-page .students-list-table .table tbody .expand-header:not(.open) .students-list-mobile-preview {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .students-list-page .students-list-table .table tbody .expand-header:not(.open) .students-list-mobile-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 2px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .students-list-page .students-list-table .table tbody .expand-header:not(.open) .student-list-avatar {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    border: 2px solid var(--bs-primary) !important;
  }

  .students-list-page .students-list-table .table tbody .expand-header:not(.open) .students-list-name-col .name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
  }

  .students-list-page .students-list-table .table tbody .expand-header:not(.open) .students-list-name-col .code {
    font-size: 11px !important;
    color: #6B7280 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
  }

  /* Expanded row — country-list pattern: hide SI, name, avatar; show Collapse Table only */
  .students-list-page .students-list-table .table tbody .expand-header.open .expand-content {
    padding-right: 16px !important;
  }

  .students-list-page .students-list-table .table tbody .expand-header.open .expand-content>span:not(.expand-btn),
  .students-list-page .students-list-table .table tbody .expand-header.open .expand-content>.students-list-name-col {
    display: none !important;
  }

  .students-list-page .students-list-table .table tbody .expand-header.open .students-list-mobile-preview,
  .students-list-page .students-list-table .table tbody .expand-header.open .students-list-mobile-text,
  .students-list-page .students-list-table .table tbody .expand-header.open .student-list-avatar,
  .students-list-page .students-list-table .table tbody .expand-header.open .name,
  .students-list-page .students-list-table .table tbody .expand-header.open .code {
    display: none !important;
  }

  .students-list-page .students-list-table .table tbody .expand-header.open .expand-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 50px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    border: none !important;
    border-radius: 0 !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  .students-list-page .settings-list-table .table tbody tr:not(.expand-header) td,
  .student-details-page .student-exam-history-table.settings-list-table .table tbody tr:not(.expand-header) td,
  .student-details-page .student-exam-history-table.settings-list-table .table tbody tr:not(.expand-header) th {
    justify-content: flex-start !important;
    gap: 10px !important;
  }

  .students-list-page .settings-list-table .table tbody tr:not(.expand-header) td::before,
  .student-details-page .student-exam-history-table.settings-list-table .table tbody tr:not(.expand-header) td::before,
  .student-details-page .student-exam-history-table.settings-list-table .table tbody tr:not(.expand-header) th::before {
    text-align: left !important;
    width: auto !important;
    min-width: 120px !important;
    flex: 0 0 120px !important;
  }

  /* Exam history — mobile expand: Exam ID | expand */
  .student-details-page .student-exam-history-table.settings-list-table .table .thead-tr .expand-content,
  .student-details-page .student-exam-history-table.settings-list-table .table tbody .expand-header .expand-content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 56px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
    flex-wrap: unset !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .student-details-page .student-exam-history-table.settings-list-table .table .thead-tr .expand-content>*,
  .student-details-page .student-exam-history-table.settings-list-table .table tbody .expand-header .expand-content>* {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: unset !important;
    margin: 0 !important;
    min-height: 50px;
    box-sizing: border-box !important;
  }

  .student-details-page .student-exam-history-table.settings-list-table .table .thead-tr .expand-content>span:first-child:not(.expand-col-head) {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: unset !important;
    border-right: none !important;
  }

  .student-details-page .student-exam-history-table .table .thead-tr .expand-content>.student-exam-id-col-head .sorting-arrow,
  .student-details-page .student-exam-history-table .table .thead-tr .expand-content>.student-exam-id-col-head a {
    border: none !important;
    border-right: 1px solid #F1F1F4 !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  .student-details-page .student-exam-history-table.settings-list-table .table .thead-tr .expand-content>span:not(.expand-col-head):not(.expand-btn) {
    border-right: none !important;
  }

  .student-details-page .student-exam-history-table .table .thead-tr .expand-content>.student-exam-id-col-head {
    border-right: none !important;
  }

  .student-details-page .student-exam-history-table.settings-list-table .table tbody .expand-header .expand-content>span:not(.expand-btn) {
    border-right: none !important;
  }

  .student-details-page .student-exam-history-table.settings-list-table .table tbody .expand-header .expand-content span:first-child {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: unset !important;
    border-right: 1px solid #F1F1F4 !important;
  }

  .student-details-page .student-exam-history-table .table tbody .expand-header .expand-content .student-exam-id-col .student-exam-id,
  .student-details-page .student-exam-history-table .table tbody .expand-header .expand-content .student-exam-id-col * {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-right: none !important;
    display: inline !important;
  }

  .student-details-page .student-exam-history-table .table .thead-tr .expand-content>.student-exam-id-col-head,
  .student-details-page .student-exam-history-table .table tbody .expand-header .expand-content>.student-exam-id-col {
    grid-column: 1;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 6px 10px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: unset !important;
  }

  .student-details-page .student-exam-history-table .table tbody .expand-header .expand-content>.student-exam-id-col {
    border-right: 1px solid #F1F1F4 !important;
  }

  .student-details-page .student-exam-history-table .table .thead-tr .expand-content>.expand-col-head,
  .student-details-page .student-exam-history-table .table tbody .expand-header .expand-content>.expand-btn {
    grid-column: 2;
    justify-content: center !important;
    border-right: none !important;
    padding: 0 !important;
  }

  .student-details-page .student-exam-history-table .table .thead-tr .expand-content>.expand-col-head {
    border-right: none !important;
  }

  .student-details-page .student-exam-history-table .table tbody .expand-header .student-exam-id-col .student-exam-id {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
  }

  .student-details-page .student-exam-history-table .table tbody .expand-header.open .expand-content {
    padding-right: 16px !important;
  }

  .student-details-page .student-exam-history-table .table tbody .expand-header.open .expand-content>span:not(.expand-btn),
  .student-details-page .student-exam-history-table .table tbody .expand-header.open .expand-content>.student-exam-id-col {
    display: none !important;
  }

  .student-details-page .student-exam-history-table .table tbody .expand-header.open .expand-btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
    align-items: center !important;
    border: none !important;
    padding: 10px 0 !important;
  }

  .student-details-page .student-exam-history-table .table-header {
    padding: 12px 14px;
  }

  .student-details-page .student-exam-history-search-wrap {
    max-width: 100%;
  }

  .student-details-page .student-exam-history-search-wrap .search-icon-left input {
    min-width: 0;
    max-width: 100%;
    width: 100%;
  }

  .student-details-page .student-exam-history-table.settings-list-table .table-responsive.dropdown-active,
  .student-details-page .student-exam-history-table.settings-list-table .table-responsive:has(.dropdown.show) {
    overflow: visible !important;
  }

  .student-details-page .student-exam-history-table.settings-list-table .table tbody tr:not(.expand-header).dropdown-active,
  .student-details-page .student-exam-history-table.settings-list-table .table tbody tr:not(.expand-header):has(.dropdown.show) {
    overflow: visible !important;
    z-index: 1056;
  }
}

/* ── Dashboard: Student Added (live exams + period filters) ── */
.dashboard-page .dashboard-student-added-title {
  font-weight: 500;
  font-size: 16px;
  color: #1E293B;
}

.dashboard-page .dashboard-student-chart-card .card-body {
  padding: 24px;
}

.dashboard-page .dashboard-student-bar-chart {
  min-height: 300px;
}

.dashboard-page .dashboard-live-exams-value {
  font-size: 72px;
  font-weight: 800;
  line-height: 1;
  color: var(--bs-secondary);
}

.dashboard-page .dashboard-live-exams-label {
  font-size: 18px;
  font-weight: 600;
  color: #475569;
  margin-top: 8px;
}

.dashboard-page .dashboard-period-btns .dashboard-period-btn {
  min-width: 140px;
}

.dashboard-page .dashboard-student-mobile-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.dashboard-page .dashboard-period-btns-inline .dashboard-period-btn {
  min-width: 0;
  padding: 6px 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  border-radius: 8px !important;
}

.dashboard-page .dashboard-period-btns-inline .btn-light {
  background-color: #F1F5F9;
  border-color: #F1F5F9;
  color: #64748B;
}

.dashboard-page .dashboard-live-exams-below {
  padding: 20px 16px 8px;
}

.dashboard-page .dashboard-period-btn.btn-primary,
.dashboard-page .dashboard-period-btn.btn-primary.active,
.dashboard-page .dashboard-period-btn.btn-primary:hover,
.dashboard-page .dashboard-period-btn.btn-primary:focus,
.dashboard-page .dashboard-period-btn.btn-primary:active {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff !important;
}

/* ── Dashboard: Questions donut + bar legend ── */
.dashboard-page .dashboard-questions-card .card-title {
  font-weight: 700;
  font-size: 20px;
  color: var(--bs-primary);
}

.dashboard-page .dashboard-questions-subtitle {
  font-size: 13px;
  color: #94A3B8;
  margin-bottom: 0;
}

.dashboard-page .dashboard-questions-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.dashboard-page .dashboard-donut-wrap {
  width: 100%;
  max-width: 220px;
  flex-shrink: 0;
}

.dashboard-page .dashboard-questions-donut {
  position: relative;
  width: 100%;
  height: 220px;
}

.dashboard-page .dashboard-legend-wrap {
  width: 100%;
}

.dashboard-page .dashboard-question-legend {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
}

.dashboard-page .dashboard-legend-item {
  margin-bottom: 0;
}

.dashboard-page .dashboard-legend-bar {
  height: 14px;
  border-radius: 999px;
  width: 100%;
  margin-bottom: 10px;
}

.dashboard-page .dashboard-legend-bar-ai {
  background-color: #21236A;
}

.dashboard-page .dashboard-legend-bar-mcq {
  background-color: #CD001C;
}

.dashboard-page .dashboard-legend-bar-yesno {
  background-color: #F17884;
}

.dashboard-page .dashboard-legend-bar-short {
  background-color: #6D0C18;
}

.dashboard-page .dashboard-legend-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.dashboard-page .dashboard-legend-label {
  font-size: 13px;
  font-weight: 700;
  color: var(--bs-primary);
  line-height: 1.3;
}

.dashboard-page .dashboard-legend-count {
  font-size: 12px;
  font-weight: 400;
  color: #94A3B8;
  white-space: nowrap;
  line-height: 1.3;
  flex-shrink: 0;
}

/* ── Dashboard: Recent Exam List & Top Academies ── */
.dashboard-page .dashboard-bottom-row {
  margin-top: 8px;
}

.dashboard-page .dashboard-section-header {
  width: 100%;
  max-width: 833px;
  min-height: 54px;
  padding: 20px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 12px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  font-weight: 700;
  font-size: 19px;
  color: #1E293B;
}

.dashboard-page .dashboard-recent-exam-table,
.dashboard-page .dashboard-top-academies-card {
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  background: #fff;
  overflow: hidden;
}

.dashboard-page .dashboard-recent-exam-table .table thead tr {
  background: transparent !important;
}

.dashboard-page .dashboard-recent-exam-table .table thead td.dashboard-th-primary,
.dashboard-page .dashboard-recent-exam-table .table thead td.dashboard-th-secondary {
  color: #fff !important;
}

.dashboard-page .dashboard-top-academies-card {
  min-height: 480px;
}

.dashboard-page .dashboard-exam-table-header td {
  color: #fff !important;
  font-weight: 500;
  font-size: 13px;
  padding: 10px 12px !important;
  border: none !important;
  white-space: nowrap;
  vertical-align: middle;
}

.dashboard-page .dashboard-th-primary {
  background-color: var(--bs-primary) !important;
}

.dashboard-page .dashboard-th-secondary {
  background-color: var(--bs-secondary) !important;
}

.dashboard-page .dashboard-exam-table-header td.sorting {
  vertical-align: middle;
  white-space: nowrap;
}

.dashboard-page .dashboard-exam-table-header .sorting-arrow {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  position: relative;
  top: auto;
  right: auto;
  margin-left: 6px;
  gap: 2px;
}

.dashboard-page .dashboard-exam-table-header .sorting-arrow .up,
.dashboard-page .dashboard-exam-table-header .sorting-arrow .down {
  filter: brightness(0) invert(1);
  margin-left: 0;
}

.dashboard-page .dashboard-recent-exam-table .table tbody td {
  padding: 12px;
  vertical-align: middle;
  border-color: #E2E8F0;
}

.dashboard-page .dashboard-recent-exam-table .table tbody tr.dashboard-row-alt {
  background-color: #FAFAFA;
}

.dashboard-page .dashboard-si-col {
  width: 72px;
  white-space: nowrap;
}

.dashboard-page .dashboard-status-col {
  width: 120px;
}

.dashboard-page .dashboard-actions-col {
  width: 144px;
}

.dashboard-page .dashboard-schedule-title {
  max-width: 220px;
}

@media (min-width: 768px) and (max-width: 1399.98px) {
  .dashboard-page .dashboard-recent-exam-table .table-responsive {
    overflow-x: visible !important;
  }

  .dashboard-page .dashboard-recent-exam-table .table {
    width: 100%;
    table-layout: fixed;
  }

  .dashboard-page .dashboard-exam-table-header td,
  .dashboard-page .dashboard-recent-exam-table .table tbody td {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .dashboard-page .dashboard-si-col {
    width: 56px;
  }

  .dashboard-page .dashboard-status-col {
    width: 100px;
  }

  .dashboard-page .dashboard-actions-col {
    width: 120px;
  }

  .dashboard-page .dashboard-schedule-title {
    max-width: 100%;
  }

  .dashboard-page .dashboard-recent-exam-table .table tbody td .small {
    font-size: 11px;
  }
}

.dashboard-page .dashboard-exam-date {
  color: #1E293B;
}

.dashboard-page .dashboard-badge-scheduled {
  background: #E8F9EE;
  color: #22B058;
  border: none;
  font-weight: 600;
  font-size: 12px;
  padding: 6px 14px;
  border-radius: 6px;
}

.dashboard-page .dashboard-badge-live {
  background: rgba(205, 0, 28, 0.1);
  color: var(--bs-secondary);
  border: none;
  font-weight: 600;
  font-size: 12px;
  padding: 6px 14px;
  border-radius: 6px;
}

.dashboard-page .dashboard-recent-exam-table .table-action-list {
  justify-content: center;
  align-items: center;
  gap: 6px;
}

.dashboard-page .dashboard-recent-exam-table .table-action-list li a {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin-right: 0 !important;
}

.dashboard-page .dashboard-recent-exam-table .table-action-list li a:hover {
  background: transparent !important;
}

.dashboard-page .dashboard-recent-exam-table .table-action-list li a img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
}

.dashboard-page .dashboard-academy-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}

.dashboard-page .dashboard-academy-icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}

.dashboard-page .dashboard-academy-icon img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  display: block;
}

.dashboard-page .dashboard-academy-name {
  font-size: 14px;
  color: #1E293B;
}

.dashboard-page .dashboard-academy-menu-btn {
  border: none;
  background: transparent;
  color: #94A3B8;
  padding: 0;
  line-height: 1;
  flex-shrink: 0;
}

.dashboard-page .dashboard-view-all-link {
  font-weight: 500;
  font-size: 13px;
  color: var(--bs-secondary);
  text-decoration: none;
  border-bottom: 1px dotted var(--bs-secondary);
}

.dashboard-page .dashboard-view-all-link:hover {
  color: var(--bs-secondary);
}

.dashboard-page .dashboard-recent-exam-mobile {
  background: #fff;
}

.dashboard-page .dashboard-mobile-exam-item {
  padding: 15px 20px;
  border-bottom: 1px solid #E2E8F0;
}

.dashboard-page .dashboard-mobile-exam-item:last-child {
  border-bottom: none;
}

.dashboard-page .dashboard-mobile-border-primary {
  border-left: 4px solid var(--bs-secondary);
}

.dashboard-page .dashboard-mobile-border-secondary {
  border-left: 4px solid var(--bs-primary);
}

.dashboard-page .dashboard-mobile-exam-title {
  font-size: 15px;
  color: #1E293B;
}

.dashboard-page .dashboard-recent-exam-mobile .table-action-list li a {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  margin-right: 0 !important;
}

.dashboard-page .dashboard-recent-exam-mobile .table-action-list li a img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
}

/* Dashboard recent exam — UKIQ pagination (table-1 + arrow controls) */
.dashboard-page .dashboard-recent-exam-table .table-footer-paginate .paginate_button.current {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
  font-weight: 600;
  border-radius: 6px;
}

.dashboard-page .dashboard-recent-exam-table .table-footer-paginate .paginate_button.previous,
.dashboard-page .dashboard-recent-exam-table .table-footer-paginate .paginate_button.next {
  background-image: url(../img/paginate-arrow.svg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  font-size: 0 !important;
  opacity: 0.3;
}

.dashboard-page .dashboard-recent-exam-table .table-footer-paginate .paginate_button.previous:hover,
.dashboard-page .dashboard-recent-exam-table .table-footer-paginate .paginate_button.next:hover {
  opacity: 1;
  background-color: transparent !important;
}

.dashboard-page .dashboard-recent-exam-table .table-footer-paginate .paginate_button.previous {
  transform: rotate(180deg);
}

@media (max-width: 991.98px) {
  .dashboard-page .dashboard-analytics-row {
    display: flex;
    flex-direction: column;
  }

  .dashboard-page .dashboard-analytics-left,
  .dashboard-page .dashboard-analytics-left-inner {
    display: contents;
  }

  .dashboard-page .dashboard-student-added-col {
    order: 1;
    width: 100%;
  }

  .dashboard-page .dashboard-questions-col {
    order: 2;
    width: 100%;
  }

  .dashboard-page .dashboard-status-tiles-wrap {
    order: 3;
    width: 100%;
    padding: 0;
  }

  .dashboard-page .dashboard-status-tiles-row {
    --bs-gutter-x: 0.5rem;
    --bs-gutter-y: 0.5rem;
  }

  /* Student Added wrapper should not box the Live Exams block on mobile */
  .dashboard-page .dashboard-student-added-col.card-item-1 {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  .dashboard-page .card-tile-item-2 .card-tile-icon p,
  .dashboard-page .card-tile-item-3 .card-tile-body>p {
    white-space: nowrap;
  }

  .dashboard-page .dashboard-student-chart-card .card-body {
    padding: 16px 14px 14px;
  }

  .dashboard-page .dashboard-student-bar-chart {
    min-height: 220px;
  }

  .dashboard-page .dashboard-student-mobile-header {
    margin-bottom: 12px;
  }

  .dashboard-page .dashboard-live-exams-below .dashboard-live-exams-value {
    font-size: 64px;
    font-weight: 800;
  }

  .dashboard-page .dashboard-live-exams-below .dashboard-live-exams-label {
    font-size: 16px;
    font-weight: 600;
    color: #475569;
  }

  .dashboard-page .dashboard-live-exams-desktop .dashboard-live-exams-value {
    font-size: 56px;
  }

  .dashboard-page .dashboard-section-header {
    font-size: 16px;
    min-height: 48px;
    padding: 14px 18px;
    max-width: 100%;
  }

  .dashboard-page .dashboard-top-academies-card {
    min-height: 0;
  }

  .dashboard-page .dashboard-recent-exam-table .table-footer {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 12px 14px !important;
  }

  .dashboard-page .dashboard-recent-exam-table .dataTables_length {
    margin-bottom: 0 !important;
    flex: 0 0 auto !important;
  }

  .dashboard-page .dashboard-recent-exam-table .dataTables_length label {
    font-size: 11px !important;
    gap: 4px !important;
    margin-bottom: 0 !important;
    white-space: nowrap !important;
  }

  .dashboard-page .dashboard-recent-exam-table .dataTables_length select {
    width: 44px !important;
    min-width: 44px !important;
    height: 28px !important;
    padding: 0 6px !important;
    font-size: 11px !important;
  }

  .dashboard-page .dashboard-recent-exam-table .table-footer-paginate {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
  }

  .dashboard-page .dashboard-recent-exam-table .dataTables_info {
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  .dashboard-page .dashboard-recent-exam-table .dataTables_paginate {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 2px !important;
  }

  .dashboard-page .dashboard-recent-exam-table .dataTables_paginate span {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 2px !important;
  }

  .dashboard-page .dashboard-recent-exam-table .table-footer-paginate .paginate_button {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    line-height: 26px !important;
    font-size: 11px !important;
    margin-left: 0 !important;
  }

  .dashboard-page .dashboard-recent-exam-table .table-footer-paginate .paginate_button.previous,
  .dashboard-page .dashboard-recent-exam-table .table-footer-paginate .paginate_button.next {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    background-size: 14px !important;
  }
}

/* ── Centers list page (SDC layout + UKIQ theme) ── */
.centers-list-page .centers-list-page-header {
  display: flex;
  flex-direction: column;
}

.centers-list-page .centers-list-header-actions-mobile {
  align-self: flex-end;
}

.centers-list-page .centers-list-export-btn img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.centers-list-page .centers-table .table-header {
  justify-content: flex-start !important;
}

.centers-list-page .centers-list-toolbar-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
  max-width: 100%;
}

.centers-list-page .centers-list-search-wrap {
  flex: 1 1 0;
  min-width: 0;
}

.centers-list-page .centers-list-search-wrap .search-icon-left {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.centers-list-page .centers-list-search-wrap .search-icon-left input {
  width: 100%;
  box-sizing: border-box;
}

.centers-list-page .centers-list-toolbar-row .custom-select {
  display: none !important;
}

.centers-list-page .centers-list-toolbar-row select.centers-list-filter-select {
  display: block !important;
}

.centers-list-page .form-select,
.centers-list-page .custom-select {
  border-radius: 20px !important;
}

.centers-list-page .centers-list-filter-select {
  flex: 1 1 0;
  width: 0;
  min-width: 0;
  height: 40px;
  border-radius: 20px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 2rem;
  box-sizing: border-box;
}

@media (min-width: 992px) {
  .centers-list-page .centers-list-toolbar-row {
    flex-wrap: nowrap;
    justify-content: flex-start !important;
  }

  .centers-list-page .centers-list-search-wrap {
    flex: 0 0 auto;
    width: auto;
  }

  .centers-list-page .centers-list-search-wrap .search-icon-left {
    width: 280px;
    min-width: 280px;
    max-width: 280px;
  }

  .centers-list-page .centers-list-filter-select {
    width: 200px;
    max-width: 200px;
    flex-shrink: 0;
  }
}

.centers-list-page .student-list-name-preview .name {
  font-weight: 600;
  color: #1E293B;
  font-size: 14px;
}

.centers-list-page .student-list-name-preview .code {
  font-size: 12px;
  color: #94A3B8;
}

.centers-list-page .student-list-avatar.centers-list-center-icon {
  width: 44px;
  height: 44px;
  padding: 10px;
  box-sizing: border-box;
  object-fit: contain;
}

.centers-list-page .academy-cell {
  display: flex;
  align-items: center;
  gap: 4px;
}

.centers-list-page .academy-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.centers-list-page .academy-icon.academy-icon-primary {
  background: rgba(33, 35, 106, 0.08);
}

.centers-list-page .academy-icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.centers-list-page .centers-table .table-action-list li a img {
  width: 16px;
  height: 16px;
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
  display: block;
}

.centers-list-page .academy-details {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.centers-list-page .academy-name {
  font-weight: 600;
  color: #1E293B;
  font-size: 14px;
}

.centers-list-page .academy-code {
  font-size: 12px;
  color: #94A3B8;
}

.centers-list-page .centers-count-badge {
  background: #F8F8F8;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 12px;
  color: #21236A;
  font-weight: 500;
  display: inline-block;
}

.centers-list-page .center-exam-col {
  width: 72px;
}

.centers-list-page .center-students-col {
  white-space: nowrap;
}

.centers-list-page .table-footer-paginate .paginate_button.current {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

/* Centers list — Add Center modal only */
.centers-list-page .centers-list-create-modal .modal-header {
  background-color: var(--bs-primary);
  color: #fff;
  border-bottom: none;
}

.centers-list-page .centers-list-create-modal .modal-title {
  color: #fff;
  font-weight: 600;
}

.centers-list-page .centers-list-create-modal .modal-header .btn-close {
  filter: brightness(0) invert(1);
  opacity: 1;
}

.centers-list-page .centers-list-create-modal .form-control {
  border-radius: 18px;
  border: 1px solid #F9F9F9;
}

.centers-list-page .centers-list-create-modal .form-control:focus {
  border-color: #F9F9F9;
  box-shadow: 0 0 0 0.2rem rgba(33, 35, 106, 0.12);
}

.centers-list-page .centers-list-create-modal .form-select,
.centers-list-page .centers-list-create-modal .custom-select {
  border-radius: 20px !important;
}

.centers-list-page .centers-list-create-modal .multi-select-dropdown .multi-select {
  position: relative;
  padding-right: 2.5rem;
}

.centers-list-page .centers-list-create-modal .multi-select-dropdown .multi-select::after {
  content: '';
  position: absolute;
  right: 14px;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.centers-list-page .centers-list-modal-footer {
  justify-content: center !important;
  border-top: 1px solid #F1F1F4;
}

@media (max-width: 767.98px) {
  .centers-list-page .centers-list-modal-footer {
    flex-wrap: nowrap;
  }

  .centers-list-page .centers-list-modal-footer .centers-list-modal-btn {
    flex: 1 1 0;
    min-width: 0;
  }
}

@media (max-width: 767.98px) {

  /* Collapsed row — center icon + name (same pattern as students-list.html) */
  .centers-list-page .centers-table.settings-list-table .table tbody .expand-header:not(.open) .expand-content>.students-list-name-col,
  .centers-list-page .centers-table.settings-list-table .table tbody .expand-header:not(.open) .expand-content>span:nth-child(2) {
    overflow: hidden !important;
    padding: 6px 10px !important;
  }

  .centers-list-page .centers-table.settings-list-table .table tbody .expand-header:not(.open) .students-list-mobile-preview {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .centers-list-page .centers-table.settings-list-table .table tbody .expand-header:not(.open) .students-list-mobile-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 2px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .centers-list-page .centers-table.settings-list-table .table tbody .expand-header:not(.open) .student-list-avatar {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    padding: 6px !important;
    box-sizing: border-box !important;
    object-fit: contain !important;
  }

  .centers-list-page .centers-table.settings-list-table .table tbody .expand-header:not(.open) .students-list-name-col .name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
  }

  .centers-list-page .centers-table.settings-list-table .table tbody .expand-header:not(.open) .students-list-name-col .code {
    font-size: 11px !important;
    color: #6B7280 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
  }

  .centers-list-page .centers-table.settings-list-table .table tbody .expand-header.open .expand-content {
    padding-right: 16px !important;
  }

  .centers-list-page .centers-table.settings-list-table .table tbody .expand-header.open .expand-content>span:not(.expand-btn),
  .centers-list-page .centers-table.settings-list-table .table tbody .expand-header.open .expand-content>.students-list-name-col {
    display: none !important;
  }

  .centers-list-page .centers-table.settings-list-table .table tbody .expand-header.open .students-list-mobile-preview,
  .centers-list-page .centers-table.settings-list-table .table tbody .expand-header.open .students-list-mobile-text,
  .centers-list-page .centers-table.settings-list-table .table tbody .expand-header.open .student-list-avatar,
  .centers-list-page .centers-table.settings-list-table .table tbody .expand-header.open .name,
  .centers-list-page .centers-table.settings-list-table .table tbody .expand-header.open .code {
    display: none !important;
  }

  .centers-list-page .centers-table.settings-list-table .table tbody .expand-header.open .expand-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 50px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    border: none !important;
    border-radius: 0 !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  .centers-list-page .centers-table.settings-list-table .table tbody tr:not(.expand-header) td.center-exam-col,
  .centers-list-page .centers-table.settings-list-table .table tbody tr:not(.expand-header) td[data-label="Exam Taken"] {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .centers-list-page .centers-table.settings-list-table .table tbody tr:not(.expand-header) td[data-label="Exam Taken"]::before {
    flex: 0 0 96px !important;
  }

  .centers-list-page .centers-table.settings-list-table .table tbody tr:not(.expand-header) td[data-label="Exam Taken"] .centers-count-badge {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .centers-list-page .centers-table .table-header {
    padding: 12px 14px;
  }

  .centers-list-page .centers-list-toolbar-row {
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
  }

  .centers-list-page .centers-list-search-wrap {
    flex: 1 1 0;
    min-width: 0;
  }

  .centers-list-page .centers-list-search-wrap .search-icon-left {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .centers-list-page .centers-list-filter-select {
    flex: 1 1 0;
    width: 0;
    min-width: 0;
    max-width: none;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 1.75rem;
  }

  .centers-list-page .centers-table.settings-list-table .table tbody tr:not(.expand-header) td[data-label="Action"] .table-action-list li a img {
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
  }

  .centers-list-page .centers-table.settings-list-table .table tbody td[data-label="Center Name"] .student-list-name-cell {
    flex: 1 1 auto;
    min-width: 0;
  }
}

/* ── Academy details page (SDC layout + UKIQ theme) ── */
.academy-details-page .academy-hero {
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 24px;
}

.academy-details-page .academy-title-hero {
  font-size: 24px;
  font-weight: 700;
  color: #1E293B;
  flex: 0 0 auto;
}

.academy-details-page .membership-badge {
  background: #F0ECFF !important;
  border: 1px solid #4921EA33 !important;
  color: #4921EA;
  font-size: 11px !important;
  font-weight: 500 !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  line-height: 1.2;
}

.academy-details-page .hero-metadata .meta-item {
  font-size: 14px;
  color: #64748B;
}

.academy-details-page .hero-meta-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #CBCED3;
  flex-shrink: 0;
}

.academy-details-page .academy-btn-close {
  font-size: 14px;
  font-weight: 500;
  padding: 8px 12px;
  border: none;
  background: transparent;
  color: #64748B;
  box-shadow: none;
  line-height: 1.2;
}

.academy-details-page .academy-btn-close:hover,
.academy-details-page .academy-btn-close:focus {
  background: transparent;
  color: #475569;
}

.academy-details-page .academy-btn-edit {
  border: 1px solid #E5E7EB;
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  color: #1E293B;
  padding: 8px 20px;
  border-radius: 999px;
  min-width: 60px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
  line-height: 1.2;
}

.academy-details-page .academy-btn-edit:hover,
.academy-details-page .academy-btn-edit:focus {
  background: #fff;
  border-color: #D1D5DB;
  color: #1E293B;
}

.academy-details-page .academy-kpi-card {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.academy-details-page .academy-kpi-header {
  background-color: #F9F9F9;
  font-size: 16px;
}

.academy-details-page .kpi-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: #E5E7EB;
}

.academy-details-page .kpi-item {
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.academy-details-page .kpi-label {
  font-size: 12px;
  color: #64748B;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.academy-details-page .kpi-value {
  font-size: 18px;
  font-weight: 500;
  color: #1E293B;
}

.academy-details-page .academy-table-section-header {
  background: #fff;
  font-size: 16px;
  color: #1E293B;
}

.academy-details-page .academy-add-new-link {
  font-weight: 600;
  font-size: 13px;
  color: var(--bs-secondary);
  text-decoration: none;
}

.academy-details-page .academy-add-new-link:hover {
  color: var(--bs-secondary);
}

.academy-details-page .academy-student-list-table,
.academy-details-page .academy-exam-list-table {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.academy-details-page .academy-exam-list-table .academy-table-section-header {
  background: #F9FAFB;
}

.academy-details-page .academy-cell {
  display: flex;
  align-items: center;
  gap: 12px;
}

.academy-details-page .student-avatar {
  border: 1px solid var(--bs-secondary);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.academy-details-page .student-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.academy-details-page .academy-details {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.academy-details-page .academy-name.name {
  font-weight: 600;
  font-size: 14px;
  color: #1E293B;
}

.academy-details-page .academy-code {
  font-size: 12px;
  color: #94A3B8;
}

.academy-details-page .academy-apply-link {
  color: var(--bs-secondary);
  text-decoration: underline;
  font-weight: 500;
}

.academy-details-page .exam-schedule-cell {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.academy-details-page .exam-schedule-date {
  color: #1E293B;
  font-size: 14px;
}

.academy-details-page .exam-schedule-time {
  font-size: 12px;
  color: #94A3B8;
}

.academy-details-page .exam-badge-scheduled {
  background: #4921EA;
  color: #ffffff;
  border: none;
  font-weight: 600;
  font-size: 12px;
  padding: 6px 14px;
  border-radius: 6px;
}

.academy-details-page .academy-exam-list-table .table-header {
  justify-content: flex-start !important;
}

.academy-details-page .academy-exam-toolbar {
  gap: 8px;
  justify-content: flex-start !important;
  align-items: center;
  width: 100%;
  flex-wrap: nowrap;
}

.academy-details-page .academy-exam-search-wrap {
  flex: 0 0 auto;
  min-width: 0;
}

.academy-details-page .academy-exam-search-wrap .search-icon-left {
  width: 280px;
  max-width: 100%;
  box-sizing: border-box;
}

.academy-details-page .academy-exam-search-wrap .search-icon-left input {
  width: 100%;
  box-sizing: border-box;
}

.academy-details-page .academy-exam-date-row {
  flex: 0 0 auto;
  min-width: 0;
}

/* Date range — exam-list date-filter button (not form-select pill) */
.academy-details-page .academy-exam-toolbar .date-filter .btn {
  font-size: 11px;
  white-space: nowrap;
  text-align: left !important;
  justify-content: flex-start !important;
  width: 100%;
  min-width: 130px;
  max-width: 180px;
  height: 34px;
  border: 1px solid #DCDDDE;
  border-radius: 32px;
  padding: 0 32px 0 12px;
  color: #64748B;
  box-sizing: border-box;
  background-color: #fff;
  background-image: none;
}

.academy-details-page .academy-exam-date-row {
  flex: 0 0 auto;
  min-width: 130px;
  max-width: 180px;
}

/* Status — native select with chevron (exam-list filter style) */
.academy-details-page .academy-exam-toolbar select.academy-exam-filter-select {
  display: block !important;
  flex: 0 0 auto;
  width: 180px;
  max-width: 180px;
  min-width: 130px;
  height: 34px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  color: #64748B;
  border: 1px solid #DCDDDE;
  border-radius: 32px;
  padding: 0 32px 0 12px;
  text-align: left !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  cursor: pointer;
}

.academy-details-page .academy-exam-toolbar .custom-select {
  display: none !important;
}

.academy-details-page .academy-exam-list-table .table-action-list li a img,
.academy-details-page .academy-student-list-table .table-action-list li a img {
  width: 16px;
  height: 16px;
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
  display: block;
}

.academy-details-page .academy-exam-list-table .table .dropdown,
.academy-details-page .academy-student-list-table .table .dropdown {
  position: relative;
}

.academy-details-page .academy-exam-list-table .table .dropdown.show,
.academy-details-page .academy-student-list-table .table .dropdown.show {
  z-index: 1060;
}

.academy-details-page .academy-exam-list-table .table .dropdown-menu,
.academy-details-page .academy-student-list-table .table .dropdown-menu {
  position: absolute !important;
  z-index: 1061 !important;
  display: none;
  text-align: left;
  left: auto;
  right: 0;
  min-width: 180px;
  padding: 8px !important;
  margin-top: 6px;
  border: 1px solid #E5E7EB !important;
  border-radius: 12px !important;
  background-color: #fff !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

.academy-details-page .academy-exam-list-table .table .dropdown.show .dropdown-menu,
.academy-details-page .academy-student-list-table .table .dropdown.show .dropdown-menu {
  display: block !important;
}

.academy-details-page .academy-exam-list-table .table .dropdown.dropdown-down .dropdown-menu,
.academy-details-page .academy-student-list-table .table .dropdown.dropdown-down .dropdown-menu {
  top: 100% !important;
  bottom: auto !important;
  margin-top: 6px;
}

.academy-details-page .academy-exam-list-table .table .dropdown.dropdown-up .dropdown-menu,
.academy-details-page .academy-student-list-table .table .dropdown.dropdown-up .dropdown-menu {
  top: auto !important;
  bottom: 100% !important;
  margin-top: 0;
  margin-bottom: 6px;
}

.academy-details-page .academy-exam-list-table.dropdown-active,
.academy-details-page .academy-exam-list-table:has(.dropdown.show),
.academy-details-page .academy-exam-list-table .table-responsive.dropdown-active,
.academy-details-page .academy-exam-list-table .table-responsive:has(.dropdown.show),
.academy-details-page .academy-student-list-table.dropdown-active,
.academy-details-page .academy-student-list-table:has(.dropdown.show),
.academy-details-page .academy-student-list-table .table-responsive.dropdown-active,
.academy-details-page .academy-student-list-table .table-responsive:has(.dropdown.show) {
  overflow: visible !important;
  overflow-x: visible !important;
}

.academy-details-page .table-footer-paginate .paginate_button.current {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

@media (min-width: 992px) {
  .academy-details-page .academy-exam-toolbar {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .academy-details-page .academy-exam-search-wrap .search-icon-left {
    width: 280px;
    min-width: 280px;
    max-width: 280px;
  }

  .academy-details-page .academy-exam-date-row {
    min-width: 130px;
    max-width: 180px;
  }

  .academy-details-page .academy-exam-toolbar .date-filter .btn {
    min-width: 130px;
    max-width: 180px;
    width: 100%;
  }

  .academy-details-page .academy-exam-toolbar select.academy-exam-filter-select {
    width: 180px;
    max-width: 180px;
  }
}

@media (max-width: 767.98px) {
  .academy-details-page .kpi-row {
    grid-template-columns: repeat(2, 1fr);
  }

  .academy-details-page .kpi-item:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }

  .academy-details-page .kpi-item:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }

  .academy-details-page .kpi-item:nth-child(3) {
    grid-column: 2;
    grid-row: 1;
  }

  .academy-details-page .kpi-item:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
  }

  .academy-details-page .academy-student-list-table .table tbody .expand-header:not(.open) .expand-content>.students-list-name-col,
  .academy-details-page .academy-student-list-table .table tbody .expand-header:not(.open) .expand-content>span:nth-child(2) {
    overflow: hidden !important;
    padding: 6px 10px !important;
  }

  .academy-details-page .academy-student-list-table .table tbody .expand-header:not(.open) .students-list-mobile-preview {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .academy-details-page .academy-student-list-table .table tbody .expand-header:not(.open) .students-list-mobile-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 2px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .academy-details-page .academy-student-list-table .table tbody .expand-header:not(.open) .student-list-avatar {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    border: 2px solid var(--bs-primary) !important;
    object-fit: cover !important;
  }

  .academy-details-page .academy-student-list-table .table tbody .expand-header:not(.open) .students-list-name-col .name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
  }

  .academy-details-page .academy-student-list-table .table tbody .expand-header:not(.open) .students-list-name-col .code {
    font-size: 11px !important;
    color: #6B7280 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
  }

  .academy-details-page .academy-student-list-table .table tbody .expand-header.open .expand-content {
    padding-right: 16px !important;
  }

  .academy-details-page .academy-student-list-table .table tbody .expand-header.open .expand-content>span:not(.expand-btn),
  .academy-details-page .academy-student-list-table .table tbody .expand-header.open .expand-content>.students-list-name-col {
    display: none !important;
  }

  .academy-details-page .academy-student-list-table .table tbody .expand-header.open .students-list-mobile-preview,
  .academy-details-page .academy-student-list-table .table tbody .expand-header.open .students-list-mobile-text,
  .academy-details-page .academy-student-list-table .table tbody .expand-header.open .student-list-avatar,
  .academy-details-page .academy-student-list-table .table tbody .expand-header.open .name,
  .academy-details-page .academy-student-list-table .table tbody .expand-header.open .code {
    display: none !important;
  }

  .academy-details-page .academy-student-list-table .table tbody .expand-header.open .expand-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 50px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    border: none !important;
    border-radius: 0 !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  .academy-details-page .academy-hero {
    padding: 16px;
    gap: 12px;
  }

  .academy-details-page .academy-title-hero {
    font-size: 20px;
    line-height: 1.25;
  }

  .academy-details-page .academy-hero-title-row {
    align-items: center;
    flex-wrap: nowrap !important;
    gap: 8px;
    width: 100%;
    min-width: 0;
  }

  .academy-details-page .academy-hero-title-row .academy-title-hero {
    flex: 0 0 auto;
    min-width: 0;
    font-size: 18px;
  }

  .academy-details-page .academy-hero-title-row .dropdown {
    flex-shrink: 0;
  }

  .academy-details-page .academy-hero-title-row .membership-badge {
    white-space: nowrap;
    max-width: 100%;
  }

  .academy-details-page .hero-metadata {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px;
  }

  .academy-details-page .hero-metadata::-webkit-scrollbar {
    display: none;
  }

  .academy-details-page .hero-metadata .meta-item {
    flex-shrink: 0;
    white-space: nowrap;
    font-size: 13px;
  }

  .academy-details-page .hero-meta-dot {
    flex-shrink: 0;
  }

  .academy-details-page .academy-hero-actions {
    width: 100%;
    justify-content: flex-end;
    margin-top: 4px;
  }

  .academy-details-page .academy-exam-toolbar {
    flex-wrap: nowrap !important;
    gap: 6px;
    justify-content: flex-start !important;
  }

  .academy-details-page .academy-exam-search-wrap,
  .academy-details-page .academy-exam-date-row,
  .academy-details-page .academy-exam-filter-select {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .academy-details-page .academy-exam-search-wrap .search-icon-left {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .academy-details-page .academy-exam-date-filter {
    width: 100%;
  }

  .academy-details-page .academy-exam-toolbar .date-filter .btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 34px;
    font-size: 11px;
    padding-left: 8px;
    padding-right: 24px;
  }

  .academy-details-page .academy-exam-toolbar select.academy-exam-filter-select {
    font-size: 11px;
    padding-left: 8px;
    padding-right: 1.5rem;
    height: 34px;
  }

  /* Exam list table — 3-column mobile grid (match exam-list.html) */
  .academy-details-page .academy-exam-list-table.settings-list-table .table .thead-tr .expand-content,
  .academy-details-page .academy-exam-list-table.settings-list-table .table tbody .expand-header .expand-content {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) 56px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
    flex-wrap: unset !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .academy-details-page .academy-exam-list-table.settings-list-table .table .thead-tr .expand-content>*,
  .academy-details-page .academy-exam-list-table.settings-list-table .table tbody .expand-header .expand-content>* {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: unset !important;
    margin: 0 !important;
    min-height: 50px;
    box-sizing: border-box !important;
  }

  .academy-details-page .academy-exam-list-table .table .thead-tr .expand-content>.slno,
  .academy-details-page .academy-exam-list-table .table tbody .expand-header .expand-content>.exam-list-slno,
  .academy-details-page .academy-exam-list-table .table tbody .expand-header .expand-content>span:first-child {
    grid-column: 1;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 6px 6px !important;
    justify-content: center !important;
    white-space: nowrap !important;
    border-right: 1px solid #F1F1F4 !important;
  }

  .academy-details-page .academy-exam-list-table .table .thead-tr .expand-content>.list-name-col {
    grid-column: 2;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 6px 10px !important;
    overflow: hidden !important;
    border-right: none !important;
    align-items: flex-start !important;
  }

  .academy-details-page .academy-exam-list-table .table tbody .expand-header .expand-content>.exam-list-schedule-col,
  .academy-details-page .academy-exam-list-table .table tbody .expand-header .expand-content>span:nth-child(2) {
    grid-column: 2;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 6px 10px !important;
    overflow: hidden !important;
    border-right: none !important;
    align-items: flex-start !important;
  }

  .academy-details-page .academy-exam-list-table.settings-list-table .table tbody .expand-header .expand-content>span:not(.expand-btn) {
    border-right: none !important;
  }

  .academy-details-page .academy-exam-list-table.settings-list-table .table tbody .expand-header .expand-content>span:first-child {
    border-right: 1px solid #F1F1F4 !important;
  }

  .academy-details-page .academy-exam-list-table .table .thead-tr .expand-content>.expand-col-head,
  .academy-details-page .academy-exam-list-table .table .thead-tr .expand-content>.exam-list-expand-head,
  .academy-details-page .academy-exam-list-table .table tbody .expand-header .expand-content>.expand-btn {
    grid-column: 3;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    border-right: none !important;
    justify-content: center !important;
  }

  .academy-details-page .academy-exam-list-table .table .thead-tr .expand-content>.expand-col-head,
  .academy-details-page .academy-exam-list-table .table .thead-tr .expand-content>.exam-list-expand-head {
    border-right: none !important;
  }

  .academy-details-page .academy-exam-list-table.settings-list-table .table tbody .expand-header span:not(.expand-btn) {
    width: 100% !important;
    max-width: 100% !important;
    flex: unset !important;
  }

  .academy-details-page .academy-exam-list-table.settings-list-table .table tbody .expand-header .expand-content>.exam-list-schedule-col,
  .academy-details-page .academy-exam-list-table.settings-list-table .table tbody .expand-header .expand-content>.exam-list-schedule-col .exam-list-schedule-preview,
  .academy-details-page .academy-exam-list-table.settings-list-table .table tbody .expand-header .expand-content>span:nth-child(2) {
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
  }

  .academy-details-page .academy-exam-list-table.settings-list-table .table tbody .expand-header span.expand-btn {
    width: 100% !important;
    max-width: 100% !important;
    border-right: none !important;
  }

  .academy-details-page .academy-exam-list-table.settings-list-table .table tbody .expand-header span:first-child {
    width: 100% !important;
    max-width: 100% !important;
    padding: 6px 6px !important;
  }

  .academy-details-page .academy-exam-list-table.settings-list-table .table tbody .expand-header .expand-content {
    display: grid !important;
    flex-wrap: unset !important;
  }

  .academy-details-page .academy-exam-list-table .table tbody .expand-header .expand-content>.exam-list-schedule-col .exam-list-schedule-preview {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .academy-details-page .academy-exam-list-table .table tbody .expand-header .exam-schedule-date,
  .academy-details-page .academy-exam-list-table .table tbody .expand-header .exam-schedule-time {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }

  .academy-details-page .academy-exam-list-table.settings-list-table .table tbody .expand-header.open .expand-content {
    grid-template-columns: 1fr !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .academy-details-page .academy-exam-list-table.settings-list-table .table tbody .expand-header.open .expand-content>span:not(.expand-btn) {
    display: none !important;
  }

  .academy-details-page .academy-exam-list-table.settings-list-table .table tbody .expand-header.open .expand-content>.expand-btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
    align-items: center !important;
    border-right: none !important;
  }

  .academy-details-page .academy-exam-list-table.settings-list-table .table tbody td[data-label="Schedule"] .exam-schedule-date,
  .academy-details-page .academy-exam-list-table.settings-list-table .table tbody td[data-label="Schedule"] .exam-schedule-time {
    display: block !important;
    white-space: nowrap !important;
  }

  .academy-details-page .academy-exam-list-table .table .dropdown {
    position: relative;
  }

  .academy-details-page .academy-exam-list-table.settings-list-table .table-responsive.dropdown-active,
  .academy-details-page .academy-exam-list-table.settings-list-table .table-responsive:has(.dropdown.show) {
    overflow: visible !important;
  }
}