:root {
  --ui-bg: #f3f6fb;
}

html,
body {
  background-color: var(--ui-bg);
  background-image: url("/admin-assets/images/Frame.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

#app {
  background-color: transparent;
}

#app table th,
#app table td {
  color: #1e2b45 !important;
  padding: 5px !important;
}

#app table th *,
#app table td * {
  color: inherit;
}

/* Improve readability on AdminJS show pages (all resources) */
body.mi-admin-show-page #app table {
  width: 100%;
  table-layout: fixed;
}

body.mi-admin-show-page #app table th,
body.mi-admin-show-page #app table td {
  padding: 10px !important;
  vertical-align: top;
  line-height: 1.45;
}

body.mi-admin-show-page #app table th:first-child,
body.mi-admin-show-page #app table td:first-child {
  width: 260px;
  font-weight: 600;
  color: #20314f !important;
}

body.mi-admin-show-page #app table td,
body.mi-admin-show-page #app table td *,
body.mi-admin-show-page #app p,
body.mi-admin-show-page #app span {
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
}

body.mi-admin-show-page #app a[href] {
  max-width: 560px;
  display: inline-block;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

body.mi-admin-show-page #app [class*="DrawerContent"],
body.mi-admin-show-page #app [class*="Content"] {
  max-width: 100%;
}

/* AdminJS show layout fallback (non-table property views) */
body.mi-admin-show-page #app [class*="PropertyLabel"],
body.mi-admin-show-page #app [class*="property-label"] {
  min-width: 240px;
  font-weight: 600;
  color: #20314f !important;
}

body.mi-admin-show-page #app [class*="PropertyLabel"] + div,
body.mi-admin-show-page #app [class*="property-label"] + div,
body.mi-admin-show-page #app [class*="PropertyValue"],
body.mi-admin-show-page #app [class*="property-value"] {
  max-width: 100%;
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
}

body.mi-admin-show-page #app [class*="RecordJSON"] {
  max-width: 100%;
  overflow: auto;
}

.mi-scroll-table-shell {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 4px;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #e5eaf2;
  border-radius: 8px;
}

.mi-scroll-table-inner {
  min-width: 100%;
  width: max-content;
}

.mi-table-min-700 {
  min-width: max(100%, 700px);
}

.mi-table-min-950 {
  min-width: max(100%, 950px);
}

.mi-table-min-1000 {
  min-width: max(100%, 1000px);
}

.mi-table-min-1024 {
  min-width: max(100%, 1024px);
}

.mi-full-table {
  width: 100%;
}

.mi-nowrap-head {
  white-space: nowrap;
}

.mi-dashboard-link {
  color: #0b66c3;
  text-decoration: underline;
}

/* Compact padding for record action buttons in business resources */
#app a[href*="/actions/edit"],
#app a[href*="/actions/delete"],
#app a[href*="/actions/approveBusiness"],
#app a[href*="/actions/rejectBusiness"],
#app a[href*="/actions/sponsorApprove"],
#app a[href*="/actions/sponsorReject"],
#app button[data-testid*="action-edit"],
#app button[data-testid*="action-delete"],
#app button[data-testid*="action-approveBusiness"],
#app button[data-testid*="action-rejectBusiness"],
#app button[data-testid*="action-sponsorApprove"],
#app button[data-testid*="action-sponsorReject"] {
  padding: 4px 10px !important;
}

.gVjjlS{
  padding: 4px 10px;
}