/* Shared styles for Provider Search + PPN Directory */

body {
  margin: 0;
  padding: 0;
  /* At least the window's height: a page's content is drawn by its script, and
     until then the body is only the top bar's height, so the gradient repeated
     in stripes down the screen on every page load. */
  min-height: 100vh;
  background: linear-gradient(180deg, #0d2632 0%, #051821 100%);
  font-family: 'DM Sans', sans-serif;
  color: #333333;
}

/* Carried over from the old main.css (removed in Phase 6), which every page loaded:
   the pages' look depends on them. Note the checkbox rule overrides height classes
   such as h-6 on checkboxes, so they render at the browser's default size. */
h1, h2, h3, h4, h5, h6 {
  color: #444444;
}

input[type=checkbox],
input[type=radio] {
  height: initial;
}

.menu-btn {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #9F7F00;
  color: #F3F1E4;
  border-radius: 0.65rem;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 160ms ease;
}

.menu-btn:hover {
  background: #8e6f00;
  transform: translateY(-1px);
}

.side-panel {
  background: linear-gradient(180deg, #0B3445 0%, #06202b 100%);
  border-right: 1px solid rgba(143, 216, 230, 0.25);
}

.table-shell {
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 1rem;
  background: rgba(0, 21, 31, 0.35);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
}

.searchButton,
.gold-button {
  background-color: #9F7F00;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
  transition: transform 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.searchButton:hover,
.gold-button:hover {
  background-color: #8e6f00;
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.3);
}

/* Scrollbar styling */
* {
  scrollbar-width: thin;
  scrollbar-color: #0C4B5A #06202b;
}

*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

*::-webkit-scrollbar-track {
  background: #06202b;
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #0C4B5A 0%, #083743 100%);
  border-radius: 999px;
  border: 2px solid #06202b;
}

*::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #0F5B6E 0%, #0C4B5A 100%);
}