/* GeoSpaceData — DSR Frontend Override
   Injected via nginx sub_filter to rebrand the Data Space Ready UI
   Palette from landing page: navy #1a5276, teal #2a9d8f, dark #0d2137 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Hide iris360 logo image */
header .logo,
img[data-testid="logo"] {
  display: none !important;
}

/* Show GeoSpaceData branding in place of logo */
header .MuiToolbar-root::before {
  content: 'GeoSpaceData';
  font-size: 18px;
  font-weight: 600;
  color: #1a5276;
  font-family: 'Inter', sans-serif;
  white-space: nowrap;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='38' fill='none' stroke='%231a5276' stroke-width='2'/%3E%3Cellipse cx='50' cy='50' rx='18' ry='38' fill='none' stroke='%231a5276' stroke-width='1.5'/%3E%3Cpath d='M12 50 Q50 42, 88 50' fill='none' stroke='%231a5276' stroke-width='1.5'/%3E%3Cpath d='M12 50 Q50 58, 88 50' fill='none' stroke='%231a5276' stroke-width='1.5'/%3E%3Cpath d='M18 30 Q50 26, 82 30' fill='none' stroke='%231a5276' stroke-width='1'/%3E%3Cpath d='M18 70 Q50 74, 82 70' fill='none' stroke='%231a5276' stroke-width='1'/%3E%3Ccircle cx='50' cy='12' r='4' fill='%232a9d8f'/%3E%3Ccircle cx='82' cy='30' r='3.5' fill='%232a9d8f'/%3E%3Ccircle cx='88' cy='50' r='4' fill='%232a9d8f'/%3E%3Ccircle cx='78' cy='72' r='3.5' fill='%232a9d8f'/%3E%3Ccircle cx='50' cy='88' r='4' fill='%232a9d8f'/%3E%3Ccircle cx='22' cy='72' r='3.5' fill='%232a9d8f'/%3E%3Ccircle cx='12' cy='50' r='4' fill='%232a9d8f'/%3E%3Ccircle cx='22' cy='28' r='3.5' fill='%232a9d8f'/%3E%3Ccircle cx='38' cy='20' r='3' fill='%233ab5a5'/%3E%3Ccircle cx='62' cy='20' r='3' fill='%233ab5a5'/%3E%3Ccircle cx='68' cy='42' r='3' fill='%233ab5a5'/%3E%3Ccircle cx='32' cy='58' r='3' fill='%233ab5a5'/%3E%3Ccircle cx='62' cy='78' r='3' fill='%233ab5a5'/%3E%3Ccircle cx='38' cy='78' r='3' fill='%233ab5a5'/%3E%3Cline x1='50' y1='12' x2='62' y2='20' stroke='%232a9d8f' stroke-width='1' opacity='0.6'/%3E%3Cline x1='50' y1='12' x2='38' y2='20' stroke='%232a9d8f' stroke-width='1' opacity='0.6'/%3E%3Cline x1='82' y1='30' x2='68' y2='42' stroke='%232a9d8f' stroke-width='1' opacity='0.6'/%3E%3Cline x1='88' y1='50' x2='68' y2='42' stroke='%232a9d8f' stroke-width='1' opacity='0.6'/%3E%3Cline x1='78' y1='72' x2='62' y2='78' stroke='%232a9d8f' stroke-width='1' opacity='0.6'/%3E%3Cline x1='50' y1='88' x2='62' y2='78' stroke='%232a9d8f' stroke-width='1' opacity='0.6'/%3E%3Cline x1='50' y1='88' x2='38' y2='78' stroke='%232a9d8f' stroke-width='1' opacity='0.6'/%3E%3Cline x1='22' y1='72' x2='32' y2='58' stroke='%232a9d8f' stroke-width='1' opacity='0.6'/%3E%3Cline x1='12' y1='50' x2='32' y2='58' stroke='%232a9d8f' stroke-width='1' opacity='0.6'/%3E%3Cline x1='22' y1='28' x2='38' y2='20' stroke='%232a9d8f' stroke-width='1' opacity='0.6'/%3E%3C/svg%3E");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 32px;
}

/* Navbar — white background like landing page */
header.MuiAppBar-root {
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

/* Subheader — subtle background matching landing section-alt */
.subheader-title {
  background: #f4f7fa;
}

/* Replace "Data Space Ready" subheader title */
.subheader-title h1 {
  font-size: 0 !important;
  color: transparent !important;
}
.subheader-title h1::after {
  content: 'Mi Conector';
  font-size: 1.25rem;
  font-weight: 600;
  color: #1a5276;
  font-family: 'Inter', sans-serif;
}

/* Hide the data-platform.svg icon next to subheader title */
.subheader-title img[aria-hidden] {
  display: none !important;
}

/* Active navigation — navy accent like landing nav */
.MuiButtonBase-root.Mui-selected,
button[aria-current="true"] {
  color: #1a5276 !important;
}

/* Links — teal like landing page CTAs */
a.MuiLink-root,
.MuiTypography-root a {
  color: #2a9d8f !important;
}