/* Portal skin — Excel-style tables + sharp corners for Academy embed */

.ppa-academy-root,
.ppa-portal-host {
  --ppa-radius: 0;
  --ppa-font: "Trebuchet MS", "Segoe UI", Tahoma, sans-serif;
  font-family: var(--ppa-font);
}

body.ppa-dept,
body.ppa-dept .staff-body,
.ppa-portal-host,
.ppa-portal-host .admin-shell,
.ppa-portal-host .admin-main,
.ppa-portal-host button,
.ppa-portal-host input,
.ppa-portal-host select,
.ppa-portal-host textarea,
.ppa-portal-host table,
.ppa-portal-host .btn,
.ppa-portal-host .panel,
.ppa-portal-host .premium-kpi {
  font-family: "Trebuchet MS", "Segoe UI", Tahoma, sans-serif !important;
}

/* Portal global input rule makes checkboxes huge (width:100% + min-height:44px). */
.ppa-portal-host input[type="checkbox"],
.ppa-portal-host input[type="radio"],
.ppa-portal-host .toggle-row input[type="checkbox"],
.ppa-portal-host .attending-toggle input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  padding: 0 !important;
  margin: 2px 0 0 !important;
  flex: 0 0 16px !important;
  accent-color: #0b3a6e;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}
.ppa-portal-host .toggle-row {
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 12px !important;
}
.ppa-portal-host .cohort-admin-card .btn,
.ppa-portal-host .settings-panel .btn {
  width: auto !important;
  min-height: 36px !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

.ppa-apex-donut,
#ppa-payment-status-chart,
#chart {
  max-width: 100%;
  width: 100%;
  min-height: 420px;
  margin: 8px auto 0;
  padding: 8px 6px 12px;
}
.ppa-portal-host .analytics-panel .ppa-apex-donut {
  min-height: 420px;
}

.ppa-swal-wait {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 6px 0 2px;
}
.ppa-swal-wait p {
  margin: 0;
  color: #475569;
  font-size: 14px;
  line-height: 1.45;
  text-align: center;
  max-width: 28rem;
}
.ppa-swal-spinner {
  width: 42px;
  height: 42px;
  border: 3px solid #dbe4f0;
  border-top-color: #0b3a6e;
  border-radius: 50%;
  animation: ppa-swal-spin .7s linear infinite;
}
@keyframes ppa-swal-spin { to { transform: rotate(360deg); } }

/* Keep SweetAlert loader icon visible */
.swal2-popup.pt-wait-swal .swal2-loader,
.swal2-container.pt-wait-swal-host .swal2-loader {
  display: inline-block !important;
  border-color: #0b3a6e transparent #0b3a6e transparent !important;
}

/* Remove / Delete / Reject: red text only, not a filled red button */
.ppa-portal-host .btn-text-danger,
.ppa-portal-host button.btn-text-danger,
.ppa-portal-host .participant-remove,
.ppa-portal-host .reject-btn,
.ppa-portal-host [data-cancel-waitlist],
.ppa-portal-host [data-delete-row],
.ppa-portal-host [data-reject].btn-text-danger,
.admin-confirm-modal .btn-text-danger,
.admin-confirm-modal .confirm-danger-text {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #d63939 !important;
  font-weight: 700 !important;
  padding: 6px 4px !important;
  cursor: pointer;
  text-decoration: none;
}
.ppa-portal-host .btn-text-danger:hover,
.ppa-portal-host .participant-remove:hover,
.ppa-portal-host [data-cancel-waitlist]:hover,
.ppa-portal-host [data-delete-row]:hover,
.admin-confirm-modal .btn-text-danger:hover {
  color: #b42318 !important;
  background: transparent !important;
  text-decoration: underline;
}
.ppa-academy-root .table-actions,
.ppa-academy-root td.table-actions,
.ppa-portal-host .table-actions,
.ppa-portal-host td.table-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  white-space: normal !important;
  min-width: 220px;
}
.ppa-academy-root .table-actions > *,
.ppa-academy-root td.table-actions > *,
.ppa-portal-host .table-actions > *,
.ppa-portal-host td.table-actions > * {
  flex: 0 0 auto !important;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
}

/* Toolbar: flex so missing intake select does not shove buttons apart */
.ppa-academy-root .admin-toolbar,
.ppa-academy-root .premium-toolbar,
.ppa-portal-host .admin-toolbar,
.ppa-portal-host .premium-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  grid-template-columns: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.ppa-academy-root .admin-toolbar .admin-search,
.ppa-academy-root .premium-toolbar .admin-search,
.ppa-portal-host .admin-toolbar .admin-search,
.ppa-portal-host .premium-toolbar .admin-search {
  flex: 1 1 260px;
  min-width: 220px;
  border: 1px solid #b4b4b4 !important;
  background: #fff !important;
}
.ppa-academy-root .admin-toolbar > select,
.ppa-academy-root .premium-toolbar > select,
.ppa-academy-root .admin-toolbar > .btn,
.ppa-academy-root .premium-toolbar > .btn,
.ppa-portal-host .admin-toolbar > select,
.ppa-portal-host .premium-toolbar > select,
.ppa-portal-host .admin-toolbar > .btn,
.ppa-portal-host .premium-toolbar > .btn {
  flex: 0 0 auto;
  width: auto !important;
  min-height: 42px;
}

.ppa-portal-host .ppa-live-login-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid #b4b4b4;
  background: #fff8e8;
  color: #5c4400;
}
.ppa-portal-host .ppa-live-login-banner b {
  display: block;
  margin-bottom: 2px;
  color: #3f2f00;
}
.ppa-portal-host .ppa-live-login-banner span {
  font-size: 13px;
}

/* Academy CSS must not invert / hide the portal staff sidebar logo */
#app-sidebar.sidebar .brand-logo {
  display: block !important;
  filter: none !important;
  width: 100% !important;
  max-width: 210px !important;
  height: auto !important;
  margin: 0 !important;
}
#app-sidebar.sidebar .brand-mark-img {
  display: none !important;
  filter: none !important;
}
#app-sidebar.sidebar .brand-plate {
  background: #fff !important;
  padding: 8px 10px !important;
}
html.sidebar-collapsed #app-sidebar.sidebar .brand-logo {
  display: none !important;
}
html.sidebar-collapsed #app-sidebar.sidebar .brand-mark-img {
  display: block !important;
  width: 48px !important;
  height: 48px !important;
}

.ppa-academy-root .admin-main,
.ppa-portal-host .admin-main {
  background: #f4f7fb;
}

/* ---------- Sharp corners everywhere in Academy admin ---------- */
.ppa-academy-root .metric-card,
.ppa-academy-root .summary-card,
.ppa-academy-root .admin-panel,
.ppa-academy-root .premium-toolbar,
.ppa-academy-root .admin-toolbar,
.ppa-academy-root .admin-search,
.ppa-academy-root .login-card,
.ppa-academy-root .attention-row,
.ppa-academy-root .empty-state,
.ppa-academy-root .panel-card,
.ppa-academy-root .cohort-admin-card,
.ppa-academy-root .cohort-stats > div,
.ppa-academy-root .settings-meta > div,
.ppa-academy-root .toggle-row,
.ppa-academy-root .detail-drawer,
.ppa-academy-root .drawer-card,
.ppa-academy-root .status-pill,
.ppa-academy-root .btn,
.ppa-academy-root .btn.small,
.ppa-academy-root .admin-notification-btn,
.ppa-academy-root .admin-refresh-btn,
.ppa-academy-root .admin-global-search-trigger,
.ppa-academy-root .admin-global-search-panel,
.ppa-academy-root .admin-notification-panel,
.ppa-academy-root .field input,
.ppa-academy-root .field select,
.ppa-academy-root .field textarea,
.ppa-academy-root .admin-toolbar select,
.ppa-academy-root .search-submit,
.ppa-academy-root .table-wrap,
.ppa-academy-root .data-table,
.ppa-academy-root .modern-table,
.ppa-academy-root .admin-panels > *,
.ppa-academy-root .hero-metric,
.ppa-academy-root .kpi-card,
.ppa-portal-host .metric-card,
.ppa-portal-host .summary-card,
.ppa-portal-host .admin-panel,
.ppa-portal-host .premium-toolbar,
.ppa-portal-host .admin-toolbar,
.ppa-portal-host .admin-search,
.ppa-portal-host .login-card,
.ppa-portal-host .attention-row,
.ppa-portal-host .empty-state,
.ppa-portal-host .panel-card,
.ppa-portal-host .cohort-admin-card,
.ppa-portal-host .cohort-stats > div,
.ppa-portal-host .settings-meta > div,
.ppa-portal-host .toggle-row,
.ppa-portal-host .detail-drawer,
.ppa-portal-host .drawer-card,
.ppa-portal-host .status-pill,
.ppa-portal-host .btn,
.ppa-portal-host .btn.small,
.ppa-portal-host .admin-notification-btn,
.ppa-portal-host .notification-close,
.ppa-portal-host .admin-refresh-btn,
.ppa-portal-host .admin-global-search-trigger,
.ppa-portal-host .admin-global-search-panel,
.ppa-portal-host .admin-notification-panel,
.ppa-portal-host .field input,
.ppa-portal-host .field select,
.ppa-portal-host .field textarea,
.ppa-portal-host .admin-toolbar select,
.ppa-portal-host .search-submit,
.ppa-portal-host .table-wrap,
.ppa-portal-host .data-table,
.ppa-portal-host .modern-table,
.ppa-portal-host .admin-panels > *,
.ppa-portal-host .hero-metric,
.ppa-portal-host .kpi-card,
.ppa-portal-host .admin-shell,
.ppa-portal-host .admin-top-actions > *,
.ppa-portal-host [class*="card"],
.ppa-portal-host [class*="panel"],
.ppa-portal-host [class*="toolbar"] {
  border-radius: 0 !important;
}

.ppa-academy-root .metric-card,
.ppa-academy-root .summary-card,
.ppa-academy-root .admin-panel,
.ppa-academy-root .premium-kpi,
.ppa-academy-root .verification-card,
.ppa-academy-root .waitlist-row,
.ppa-academy-root .mobile-booking-card,
.ppa-portal-host .metric-card,
.ppa-portal-host .summary-card,
.ppa-portal-host .admin-panel,
.ppa-portal-host .premium-kpi,
.ppa-portal-host .verification-card,
.ppa-portal-host .waitlist-row,
.ppa-portal-host .mobile-booking-card {
  border: 1px solid #b4b4b4 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: #fff !important;
}

/* Dashboard / content panels: solid white cards (not transparent on portal pattern) */
.ppa-academy-root .panel,
.ppa-portal-host .panel,
.ppa-portal-host section.panel,
.ppa-portal-host .analytics-panel,
.ppa-portal-host .payment-queue-panel,
.ppa-portal-host .waitlist-panel,
.ppa-portal-host .booking-workspace,
.ppa-portal-host .reports-filter,
.ppa-portal-host .cohort-admin-card,
.ppa-portal-host .settings-panel {
  border: 1px solid #b4b4b4 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: #fff !important;
  padding: 18px 18px 16px !important;
  overflow: hidden;
  min-width: 0;
}
.ppa-academy-root .panel .panel-head,
.ppa-portal-host .panel .panel-head {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 14px;
  gap: 12px;
  align-items: flex-start;
  min-width: 0;
}
.ppa-academy-root .panel .panel-head > div,
.ppa-portal-host .panel .panel-head > div {
  min-width: 0;
  flex: 1 1 auto;
}
.ppa-academy-root .panel .panel-head h3,
.ppa-portal-host .panel .panel-head h3,
.ppa-academy-root .panel .panel-head p,
.ppa-portal-host .panel .panel-head p {
  overflow-wrap: anywhere;
  word-break: normal;
}

/* Table workspaces: keep Excel table as the visual frame, light outer padding */
.ppa-academy-root .booking-workspace,
.ppa-portal-host .booking-workspace {
  padding: 16px 16px 10px !important;
}
.ppa-academy-root .booking-workspace .table-wrap,
.ppa-portal-host .booking-workspace .table-wrap {
  border: 0 !important;
  background: transparent !important;
}

/* Cohort capacity rows: contained cards, no text bleed */
.ppa-academy-root .capacity-list,
.ppa-portal-host .capacity-list {
  display: grid !important;
  gap: 12px !important;
}
.ppa-academy-root .capacity-card,
.ppa-portal-host .capacity-card {
  border: 1px solid #b4b4b4 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: #fff !important;
  padding: 14px 14px 12px !important;
  margin: 0 !important;
  overflow: hidden;
  min-width: 0;
}
.ppa-academy-root .capacity-card > *,
.ppa-portal-host .capacity-card > * {
  min-width: 0;
  max-width: 100%;
}
.ppa-academy-root .capacity-head,
.ppa-portal-host .capacity-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 12px !important;
}
.ppa-academy-root .capacity-head > div,
.ppa-portal-host .capacity-head > div {
  display: grid !important;
  gap: 2px !important;
  min-width: 0;
  flex: 1 1 auto;
}
.ppa-academy-root .capacity-head b,
.ppa-portal-host .capacity-head b,
.ppa-academy-root .capacity-head span,
.ppa-portal-host .capacity-head span,
.ppa-academy-root .capacity-head strong,
.ppa-portal-host .capacity-head strong,
.ppa-academy-root .capacity-foot small,
.ppa-portal-host .capacity-foot small {
  overflow-wrap: anywhere;
  word-break: normal;
}
.ppa-academy-root .capacity-head strong,
.ppa-portal-host .capacity-head strong {
  flex: 0 0 auto;
  white-space: nowrap;
}
.ppa-academy-root .capacity-meter,
.ppa-portal-host .capacity-meter {
  display: block !important;
  height: 10px !important;
  background: #e8f0f8 !important;
  border-radius: 0 !important;
  margin: 12px 0 !important;
  overflow: hidden !important;
  width: 100% !important;
}
.ppa-academy-root .capacity-meter > i,
.ppa-portal-host .capacity-meter > i {
  display: block !important;
  height: 100% !important;
  background: #2196F3 !important;
  border-radius: 0 !important;
  max-width: 100%;
}
.ppa-academy-root .capacity-foot,
.ppa-portal-host .capacity-foot {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap;
}

/* Kill fake “input boxes” around secondary cell text / empty states */
.ppa-academy-root .table-sub,
.ppa-portal-host .table-sub,
.ppa-academy-root table td .table-sub,
.ppa-portal-host table td .table-sub,
.ppa-academy-root table td > div,
.ppa-portal-host table td > div,
.ppa-academy-root table td > span:not(.status-pill),
.ppa-portal-host table td > span:not(.status-pill),
.ppa-academy-root table td > small,
.ppa-portal-host table td > small,
.ppa-academy-root table td > b,
.ppa-portal-host table td > b {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin-top: 2px;
  border-radius: 0 !important;
}

.ppa-academy-root .empty-state,
.ppa-portal-host .empty-state {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 18px 8px !important;
}

/* ---------- Excel-style colorful tables (Operating Expenses look) ---------- */
.ppa-academy-root table,
.ppa-portal-host table,
.ppa-academy-root table.data-table,
.ppa-academy-root table.modern-table,
.ppa-portal-host table.data-table,
.ppa-portal-host table.modern-table,
.ppa-portal-host .admin-main table {
  border-collapse: collapse !important;
  width: 100%;
  background: #fff;
  border-radius: 0 !important;
  overflow: hidden;
}

.ppa-academy-root table th,
.ppa-academy-root table td,
.ppa-portal-host table th,
.ppa-portal-host table td,
.ppa-portal-host .admin-main table th,
.ppa-portal-host .admin-main table td {
  border: 1px solid #7f7f7f !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
  vertical-align: middle;
}

.ppa-academy-root table thead th,
.ppa-portal-host table thead th,
.ppa-portal-host .admin-main table thead th {
  color: #fff !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .02em;
  white-space: nowrap;
  position: sticky;
  top: 0;
  z-index: 2;
  text-align: left;
}

/* Col 1 navy · 2 yellow · 3 blue · 4 orange · 5 green · 6 blue · 7 navy · 8+ light */
.ppa-academy-root table thead th:nth-child(1),
.ppa-portal-host table thead th:nth-child(1) {
  background: #1F3864 !important;
  color: #fff !important;
}
.ppa-academy-root table thead th:nth-child(2),
.ppa-portal-host table thead th:nth-child(2) {
  background: #FFC000 !important;
  color: #1d2433 !important;
}
.ppa-academy-root table thead th:nth-child(3),
.ppa-portal-host table thead th:nth-child(3) {
  background: #0070C0 !important;
  color: #fff !important;
}
.ppa-academy-root table thead th:nth-child(4),
.ppa-portal-host table thead th:nth-child(4) {
  background: #ED7D31 !important;
  color: #fff !important;
}
.ppa-academy-root table thead th:nth-child(5),
.ppa-portal-host table thead th:nth-child(5) {
  background: #548235 !important;
  color: #fff !important;
}
.ppa-academy-root table thead th:nth-child(6),
.ppa-portal-host table thead th:nth-child(6) {
  background: #5B9BD5 !important;
  color: #fff !important;
}
.ppa-academy-root table thead th:nth-child(7),
.ppa-portal-host table thead th:nth-child(7) {
  background: #203864 !important;
  color: #fff !important;
}
.ppa-academy-root table thead th:nth-child(n+8),
.ppa-portal-host table thead th:nth-child(n+8) {
  background: #BDD7EE !important;
  color: #1d2433 !important;
}

/* Body column tints */
.ppa-academy-root table tbody td,
.ppa-portal-host table tbody td {
  background: #fff !important;
  color: #1d2433 !important;
}
.ppa-academy-root table tbody td:nth-child(2),
.ppa-portal-host table tbody td:nth-child(2) {
  background: #FFF2CC !important;
}
.ppa-academy-root table tbody td:nth-child(3),
.ppa-portal-host table tbody td:nth-child(3) {
  background: #DDEBF7 !important;
}
.ppa-academy-root table tbody td:nth-child(4),
.ppa-portal-host table tbody td:nth-child(4) {
  background: #FCE4D6 !important;
}
.ppa-academy-root table tbody td:nth-child(5),
.ppa-portal-host table tbody td:nth-child(5) {
  background: #E2EFDA !important;
}
.ppa-academy-root table tbody td:nth-child(6),
.ppa-portal-host table tbody td:nth-child(6) {
  background: #DEEBF7 !important;
}
.ppa-academy-root table tbody td:nth-child(7),
.ppa-portal-host table tbody td:nth-child(7) {
  background: #D6E3F0 !important;
}
.ppa-academy-root table tbody td:nth-child(n+8),
.ppa-portal-host table tbody td:nth-child(n+8) {
  background: #F2F2F2 !important;
}

.ppa-academy-root table tbody tr:nth-child(even) td:nth-child(1),
.ppa-portal-host table tbody tr:nth-child(even) td:nth-child(1) {
  background: #f3f6f9 !important;
}

.ppa-academy-root table tbody tr:hover td,
.ppa-portal-host table tbody tr:hover td {
  filter: brightness(0.97);
}

.ppa-academy-root table tbody td a,
.ppa-portal-host table tbody td a,
.ppa-academy-root table tbody td .link-btn,
.ppa-portal-host table tbody td .link-btn {
  color: #C00000 !important;
  font-weight: 700;
  text-decoration: none;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ppa-academy-root .table-wrap,
.ppa-portal-host .table-wrap,
.ppa-portal-host .admin-main .table-scroll {
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: auto;
  padding: 0 !important;
  background: transparent !important;
}

/* Desktop: show Excel tables; Mobile: use card stack */
.ppa-portal-host .desktop-admin-table {
  display: block;
}
.ppa-portal-host .mobile-admin-cards {
  display: none;
}

@media (max-width: 760px) {
  /* Kill empty space left by hidden Academy mobile bar (66px) */
  .ppa-portal-host .admin-shell,
  body.ppa-dept .ppa-portal-host .admin-shell {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  .ppa-portal-host .admin-mobile-bar,
  .ppa-portal-host .admin-mobile-backdrop {
    display: none !important;
    height: 0 !important;
  }
  .ppa-portal-host .admin-top,
  body.ppa-dept .ppa-portal-host .admin-top {
    top: 0 !important;
    position: relative !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
  }
  .ppa-portal-host,
  body.ppa-dept .ppa-portal-host {
    margin-top: 0 !important;
  }
  .ppa-portal-host .admin-main,
  body.ppa-dept .ppa-portal-host .admin-main {
    padding-top: 4px !important;
  }

  .ppa-academy-root .desktop-admin-table,
  .ppa-portal-host .desktop-admin-table {
    display: none !important;
  }
  .ppa-academy-root .mobile-admin-cards,
  .ppa-portal-host .mobile-admin-cards {
    display: grid !important;
    gap: 10px !important;
    padding: 0 0 12px !important;
  }
  .ppa-academy-root .booking-workspace,
  .ppa-portal-host .booking-workspace,
  .ppa-academy-root .waitlist-panel,
  .ppa-portal-host .waitlist-panel,
  .ppa-academy-root .payment-queue-panel,
  .ppa-portal-host .payment-queue-panel {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    padding: 0 !important;
  }
  .ppa-academy-root .mobile-booking-card,
  .ppa-portal-host .mobile-booking-card {
    border: 1px solid #b4b4b4 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
    padding: 14px !important;
  }
  .ppa-academy-root .mobile-booking-card .table-actions,
  .ppa-portal-host .mobile-booking-card .table-actions {
    min-width: 0 !important;
    justify-content: flex-start !important;
    margin-top: 10px;
    gap: 8px !important;
  }
  .ppa-academy-root .admin-toolbar .admin-search,
  .ppa-academy-root .premium-toolbar .admin-search,
  .ppa-portal-host .admin-toolbar .admin-search,
  .ppa-portal-host .premium-toolbar .admin-search {
    flex: 1 1 100% !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .ppa-academy-root .admin-search input,
  .ppa-portal-host .admin-search input {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
  .ppa-academy-root .admin-search .search-submit,
  .ppa-portal-host .admin-search .search-submit {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
  .ppa-academy-root .admin-toolbar > select,
  .ppa-academy-root .premium-toolbar > select,
  .ppa-academy-root .admin-toolbar > .btn,
  .ppa-academy-root .premium-toolbar > .btn,
  .ppa-portal-host .admin-toolbar > select,
  .ppa-portal-host .premium-toolbar > select,
  .ppa-portal-host .admin-toolbar > .btn,
  .ppa-portal-host .premium-toolbar > .btn {
    flex: 1 1 calc(50% - 6px) !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
  }
  .ppa-academy-root .admin-top-actions,
  .ppa-portal-host .admin-top-actions {
    width: 100% !important;
    justify-content: flex-start !important;
    gap: 8px !important;
  }
  .ppa-academy-root .admin-refresh-btn,
  .ppa-portal-host .admin-refresh-btn {
    width: auto !important;
    flex: 0 0 auto !important;
    min-width: 42px !important;
    padding: 8px 10px !important;
  }
  .ppa-academy-root .queue-summary article:last-child,
  .ppa-portal-host .queue-summary article:last-child {
    grid-column: auto !important;
  }
  .ppa-academy-root .table-actions,
  .ppa-portal-host .table-actions,
  .ppa-academy-root td.table-actions,
  .ppa-portal-host td.table-actions {
    min-width: 0 !important;
  }
  .ppa-academy-root .queue-summary,
  .ppa-portal-host .queue-summary,
  .ppa-academy-root .recon-kpis,
  .ppa-portal-host .recon-kpis,
  .ppa-academy-root .premium-kpis,
  .ppa-portal-host .premium-kpis,
  .ppa-academy-root .waitlist-summary-grid,
  .ppa-portal-host .waitlist-summary-grid {
    grid-template-columns: 1fr !important;
  }
  .ppa-academy-root .admin-main,
  .ppa-portal-host .admin-main {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .ppa-academy-root .admin-top,
  .ppa-portal-host .admin-top {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
  .ppa-academy-root .panel-head,
  .ppa-portal-host .panel-head {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .ppa-academy-root .report-grid,
  .ppa-portal-host .report-grid {
    grid-template-columns: 1fr !important;
  }
  .ppa-academy-root .cohort-admin-grid,
  .ppa-portal-host .cohort-admin-grid,
  .ppa-academy-root .settings-meta,
  .ppa-portal-host .settings-meta {
    grid-template-columns: 1fr !important;
  }
}