/* Keep the portal's custom dialog visible; Bootstrap also owns the .modal class. */
.modal-backdrop > .modal {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  width: min(760px, 96vw);
  height: auto;
  overflow-y: auto;
  z-index: 1;
}

.dash-header .brand { margin-right: 0; }
.dash-context {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 8px;
  padding-left: 18px;
  border-left: 1px solid #dbe3ec;
  color: #123b68;
  line-height: 1.25;
}
.dash-context strong { font: 700 1.05rem 'Space Grotesk', sans-serif; }
.dash-context small { color: #607086; font-size: .75rem; }
@media (max-width: 700px) { .dash-context { display: none; } }

/* Branding logo: 50% larger than the original 48px size. */
.logo { width: 72px; height: 72px; }
.nav-inner { min-height: 98px; }
@media (max-width: 520px) { .logo { width: 63px; height: 63px; } }

.group-row th { background: #dce9f5 !important; color: #123b68 !important; font-size: .9rem; }
.selection-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 10px; margin: 12px 0 18px; }
.select-card { display: flex; align-items: flex-start; gap: 10px; padding: 11px; border: 1px solid #d5e0ea; border-radius: 8px; background: #f8fafc; cursor: pointer; }
.select-card input { margin-top: 4px; }
.select-card span,.select-card small { display: block; }
.select-card small { color: #607086; margin-top: 3px; }
.panel-list { display: grid; gap: 18px; margin-top: 20px; }
.panel-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.panel-heading h3 { margin-bottom: 2px; }

.pagination button { color: #123b68; background: #fff; border-color: #b9c8d8; }
.pagination button:hover { color: #fff; background: #3677b5; border-color: #3677b5; }
.pagination button.active { color: #fff; background: #145da0; border-color: #145da0; }

/* Top information strip text: 50% larger than the original 12px. */
.topbar { font-size: 18px; }

/* Branding text: 50% larger than the original 18px/10px sizes. */
.brand { font-size: 27px; }
.brand small { font-size: 15px; }
.modal-backdrop > .modal.wide { width: min(1050px, 96vw); }