/* On-site layout: calculator only, for a phone or tablet on the job. */

.te-app-launch {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-top: 1rem;
  min-height: 48px;
  padding: 0.55rem 1.05rem;
  border: 0;
  border-radius: 999px;
  background: #FDC700;
  color: #141418;
  font: inherit;
  font-size: 1rem;
  font-weight: 800;
  cursor: pointer;
}
.te-app-launch:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

.te-appbar {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10002;
  align-items: center;
  gap: 0.45rem;
  padding: calc(0.45rem + env(safe-area-inset-top)) 0.65rem 0.45rem;
  background: #141418;
  border-bottom: 3px solid #FDC700;
}
.te-appbar__pick {
  flex: 1;
  min-width: 0;
  margin: 0;
}
.te-appbar select {
  width: 100%;
  min-height: 48px;
  padding: 0.4rem 0.6rem;
  border-radius: 8px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: #fff;
  color: #141418;
  font: inherit;
  font-size: 1rem;
  font-weight: 700;
}
.te-appbar button {
  flex: 0 0 auto;
  min-height: 48px;
  padding: 0.4rem 0.75rem;
  border-radius: 8px;
  border: 0;
  font: inherit;
  font-size: 0.92rem;
  font-weight: 800;
  cursor: pointer;
}
.te-appbar__exit {
  background: #FDC700;
  color: #141418;
}
.te-appbar__legal {
  background: transparent;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.35) !important;
}

html.te-app .te-appbar { display: flex; }
html.te-app #network-bar,
html.te-app #navbar,
html.te-app .header-breadcrumb-sticky,
html.te-app #mobile-menu,
html.te-app #mobile-menu-backdrop,
html.te-app #site-header,
html.te-app .te-hero,
html.te-app #site-footer,
html.te-app footer[aria-label="Site footer"],
html.te-app #cookie-consent,
html.te-app .mobile-sticky-footer,
html.te-app .back-to-top-btn,
html.te-app .te-wa-float,
html.te-app .tc-back,
html.te-app .rfc-related,
html.te-app .rfc-faq,
html.te-app .tc-legal,
html.te-app .rfc-legal {
  display: none !important;
}
html.te-app.te-app-legal .tc-legal,
html.te-app.te-app-legal .rfc-legal {
  display: block !important;
}
html.te-app,
html.te-app body {
  background: #f4f4f0;
}
html.te-app .tc-body,
html.te-app .rfc-body {
  padding-top: calc(4.6rem + env(safe-area-inset-top));
  padding-bottom: calc(1.5rem + env(safe-area-inset-bottom));
}
html.te-app .tc-intro,
html.te-app .rfc-intro {
  margin-bottom: 0.75rem;
}
html.te-app .tc-card,
html.te-app .rfc-card {
  margin-bottom: 0.75rem;
}

@media (max-width: 640px) {
  .te-appbar {
    flex-wrap: wrap;
  }
  .te-appbar__pick { flex: 1 1 100%; }
  .te-appbar__legal,
  .te-appbar__exit { flex: 1; }
  html.te-app .tc-body,
  html.te-app .rfc-body {
    padding-top: calc(8.4rem + env(safe-area-inset-top));
  }
}