/* One continuous lookup page at every viewport; administration is unchanged. */
.lookup-page { --primary: #4b70cf; --blue-soft: #edf1fa; }
.lookup-page .btn-primary { box-shadow: 0 4px 12px #4b70cf14; }
.lookup-page .btn-primary:hover:not(:disabled) { background: #405fae; box-shadow: 0 6px 18px #4b70cf24; }
.lookup-page .query-layout #btnSearch:hover:not(:disabled),
.lookup-page .query-layout .quote-actions .btn-primary:hover:not(:disabled) { background: var(--theme-action-bg, #405fae); }
.lookup-page .inline-nights { background: var(--blue-soft); color: #516b9a; }
.lookup-page .badge-primary { color: #48649f; }
.lookup-page #keyword,
.lookup-page #keyword:hover,
.lookup-page #keyword:focus {
  background: #f7fafd;
  border-color: #b7dac5;
  animation: none;
}
.lookup-page #keyword:hover { border-color: #a2cbb4; }
.lookup-page #keyword:focus { border-color: #83b498; box-shadow: 0 0 0 3px #83b49820; }
.lookup-page .container { max-width: 720px; }
.lookup-page .query-layout {
  display: block;
  background: #fff;
  border-radius: 24px;
  box-shadow: var(--shadow);
}
@media (min-width: 801px) {
  .lookup-page .query-layout { padding-bottom: 96px; }
  .lookup-page .quote-foot { position: relative; top: 96px; }
}
.lookup-page .query-layout > .card {
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  min-width: 0;
}
.lookup-page .query-card {
  position: static;
  padding: 28px 28px 20px;
}
.lookup-page .query-card > .section-title[for="keyword"] { margin: 4px 0; }
.lookup-page .query-guide { margin: 18px 0; }
.lookup-page .query-guide br { display: none; }
.lookup-page .quote-card { padding: 0 28px 28px; overflow: visible; }
.lookup-page .quote-paper {
  padding: 22px 0 0;
  background: transparent;
  border-radius: 0;
  border-top: 1px solid var(--border);
}
.lookup-page .quote-paper::after { display: none; }
.lookup-page #result {
  background: #edf4fc;
  color: #17314f;
  border: 1px solid #d8e5f3;
  border-radius: 14px;
  padding: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
}
.lookup-page .quote-empty { min-height: 0; padding: 28px 8px; }
@media (max-width: 800px) {
  .lookup-page .query-card { padding: 24px 24px 20px; }
  .lookup-page .quote-card { padding: 0 24px 24px; }
}
@media (max-width: 480px) {
  .lookup-page .query-layout { border-radius: 20px; }
  .lookup-page .query-card { padding: 22px 18px 18px; }
  .lookup-page .quote-card { padding: 0 18px 22px; }
  .lookup-page .quote-paper { padding-top: 18px; }
  .lookup-page #result { padding: 16px 12px; font-size: 13px; }
}
