body.radio-lookup-page {
  background:
    linear-gradient(rgba(4, 7, 9, 0.64), rgba(4, 7, 9, 0.9)),
    url('/images/about-bg.webp') center / cover fixed !important;
}

body.radio-lookup-page .live-tool-shell {
  position: relative;
  left: 50%;
  width: 100vw !important;
  max-width: none !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  padding-inline: clamp(14px, 2.2vw, 28px) !important;
  box-sizing: border-box;
}

body.radio-lookup-page .live-tool-head p {
  max-width: 980px;
  color: rgba(255, 255, 255, 0.82) !important;
}

.radio-lookup-page .grid-card,
.radio-lookup-page .live-card,
.radio-lookup-page .dx-panel {
  border-color: rgba(255, 208, 0, 0.22);
  background:
    linear-gradient(180deg, rgba(7, 10, 8, 0.84), rgba(0, 0, 0, 0.7));
  box-shadow:
    0 22px 70px rgba(0, 0, 0, 0.34),
    inset 0 1px rgba(255, 255, 255, 0.04);
}

.radio-lookup-page .grid-card {
  border-radius: 18px;
}

.radio-lookup-page .lookup-grid {
  grid-template-columns: repeat(3, minmax(260px, 1fr));
}

.radio-lookup-page .live-card,
.radio-lookup-page .dx-panel {
  border-radius: 22px;
}

.radio-lookup-page input {
  min-height: 42px;
  border-radius: 12px;
  background: rgba(2, 4, 3, 0.88);
}

.radio-lookup-page button {
  min-height: 42px;
  border-radius: 12px;
  background: #ffd000;
}

.radio-lookup-page .result,
.radio-lookup-page .dx-stat {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
}

.radio-lookup-page .lookup-dashboard {
  grid-template-columns: minmax(360px, 0.9fr) minmax(0, 1.5fr);
}

.radio-lookup-page #lookupMap {
  min-height: 460px;
  border: 1px solid rgba(255, 208, 0, 0.22);
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.35);
}

@media (max-width: 1000px) {
  .radio-lookup-page .lookup-grid,
  .radio-lookup-page .lookup-dashboard {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  body.radio-lookup-page {
    background-attachment: scroll !important;
  }

  body.radio-lookup-page .live-tool-shell {
    left: auto;
    width: 100% !important;
    margin-left: 0 !important;
    padding-inline: 10px !important;
  }

  .radio-lookup-page .grid-card {
    align-items: stretch;
    display: grid;
    grid-template-columns: 1fr;
  }

  .radio-lookup-page .grid-card input,
  .radio-lookup-page .grid-card button {
    width: 100%;
  }
}

/* mobile-nav-flow-offset:radio-lookup */
@media (max-width: 900px) {
  body.radio-lookup-page {
    padding-top: 0 !important;
  }
}


/* lookup button readability */
.radio-lookup-page .live-tool-shell button,
.radio-lookup-page .lookup-dashboard button,
.radio-lookup-page .grid-card button,
.radio-lookup-page .dx-panel button {
  color: #111 !important;
  font-weight: 800;
}

.radio-lookup-page .live-tool-shell button:hover,
.radio-lookup-page .live-tool-shell button:focus-visible,
.radio-lookup-page .lookup-dashboard button:hover,
.radio-lookup-page .lookup-dashboard button:focus-visible,
.radio-lookup-page .grid-card button:hover,
.radio-lookup-page .grid-card button:focus-visible,
.radio-lookup-page .dx-panel button:hover,
.radio-lookup-page .dx-panel button:focus-visible {
  background: #ffe066;
  color: #000 !important;
}

.radio-lookup-page footer .footer-settings-button,
.radio-lookup-page footer .footer-settings-button.dxj-settings-button {
  color: #f7c948 !important;
  background: transparent !important;
}

.radio-lookup-page .recent-call,
.radio-lookup-page .recent-calls button,
.radio-lookup-page .lookup-history button,
.radio-lookup-page [data-recent-call],
.radio-lookup-page [data-lookup-history] button {
  color: #111 !important;
  background: #ffd000;
  border-color: rgba(255, 208, 0, 0.7);
  text-shadow: none;
}