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

:root {
  --font-body: "Inter", "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
  --font-title: "Manrope", "Inter", "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
  --sans: var(--font-body);
  --display: var(--font-title);
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-body);
  font-kerning: normal;
  font-optical-sizing: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
.brand,
.footer-brand,
.panel-head > strong,
.panel-head > div > strong,
.card-head > strong,
.surface-head h2,
.rates-panel-head > strong,
.filter-title,
[class$="-title"] {
  font-family: var(--font-title);
  font-optical-sizing: auto;
  font-synthesis: none;
}

h1,
h2,
.brand,
.footer-brand,
.story-gate-title,
.toa-cover-title,
[class$="-title"] {
  font-weight: 700 !important;
}

h3,
h4,
h5,
h6,
.panel-head > strong,
.panel-head > div > strong,
.card-head > strong,
.surface-head h2,
.rates-panel-head > strong,
.filter-title {
  font-weight: 600 !important;
}

.ect-universal-topbar .ect-app-brand {
  font-family: var(--font-title) !important;
  font-weight: 700 !important;
}

.ect-universal-topbar .ect-app-nav a,
.ect-universal-topbar .ect-app-search,
.ect-universal-topbar .ect-app-action,
.ect-universal-topbar .ect-app-avatar {
  font-family: var(--font-body) !important;
}

/* Client-feedback v2: keep the workspace header compact on every inner page. */
.topbar,
.ect-universal-topbar {
  height: 64px !important;
}

.shell:has(> .topbar) {
  grid-template-rows: 64px minmax(0, 1fr) !important;
}

.shell > .app,
.shell > .events-main,
.shell > .air-main {
  min-height: calc(100vh - 64px) !important;
}

.shell > .content {
  height: calc(100% - 64px) !important;
}

@media (min-width: 2200px) {
  .topbar,
  .ect-universal-topbar {
    height: 72px !important;
  }

  .shell:has(> .topbar) {
    grid-template-rows: 72px minmax(0, 1fr) !important;
  }

  .shell > .app,
  .shell > .events-main,
  .shell > .air-main {
    min-height: calc(100vh - 72px) !important;
  }

  .shell > .content {
    height: calc(100% - 72px) !important;
  }
}