@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap');

:root {
  --font-heading: 'Big Shoulders Display', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
}

body.fi-panel-app,
body .fi-panel-admin,
.fi-panel-admin {
  font-family: 'Inter', sans-serif !important;
}

.fi-panel-admin *,
.fi-panel-app *,
body.fi-panel-app *,
body .fi-panel-admin * {
  font-family: inherit !important;
}

.fi-panel-admin h1,
.fi-panel-admin h2,
.fi-panel-admin h3,
.fi-panel-admin h4,
.fi-panel-admin h5,
.fi-panel-admin h6,
.fi-panel-admin .fi-header-heading,
.fi-panel-admin h1 *,
.fi-panel-admin h2 *,
.fi-panel-admin h3 *,
.fi-panel-admin h4 *,
.fi-panel-admin h5 *,
.fi-panel-admin h6 *,
.fi-panel-admin [class*="heading"],
.fi-panel-admin [class*="title"] {
  font-family: inherit;
}

.fi-panel-admin code,
.fi-panel-admin pre,
.fi-panel-admin .font-mono,
.fi-panel-admin [class*="mono"],
.fi-panel-admin [class*="code"] {
  font-family: inherit;
}

/* Anatomical Interactive Body Map 2-Column Layout */
.body-map-two-col-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.5rem !important;
  width: 100% !important;
  align-items: start !important;
}

@media (max-width: 640px) {
  .body-map-two-col-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Ensure all Filament tab icons and standard SVGs are strictly sized */
.fi-tabs-item .fi-icon,
.fi-tabs-item svg,
.fi-tabs-item-icon,
.fi-icon.fi-size-md,
svg.fi-size-md {
  width: 1.125rem !important;
  height: 1.125rem !important;
  max-width: 1.125rem !important;
  max-height: 1.125rem !important;
  flex-shrink: 0 !important;
}

.fi-icon.fi-size-sm,
svg.fi-size-sm {
  width: 0.875rem !important;
  height: 0.875rem !important;
  max-width: 0.875rem !important;
  max-height: 0.875rem !important;
}

.fi-icon.fi-size-lg,
svg.fi-size-lg {
  width: 1.5rem !important;
  height: 1.5rem !important;
  max-width: 1.5rem !important;
  max-height: 1.5rem !important;
}