/* Light-touch Y2K pass over Overseerr.
   Deliberately conservative: fonts, button treatment, and input chrome only.
   No layout, positioning, or display rules - those are what break when
   Overseerr ships a new build. Everything here degrades to stock styling
   if a class name changes. */

:root {
  --pb-chrome-1: #f2f7fc;
  --pb-chrome-2: #b9cadb;
  --pb-chrome-3: #6d8299;
  --pb-ink: #0b1a2b;
}

/* Era-correct and, conveniently, installed on every machine already */
body, button, input, select, textarea {
  font-family: Verdana, Tahoma, Geneva, sans-serif !important;
}

/* Headings get the condensed poster-y treatment */
h1, h2, h3,
.slider-header, [class*="sliderTitle"] {
  font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif !important;
  letter-spacing: 0.5px;
}

/* Beveled chrome buttons - the single most Y2K UI element there is.
   Scoped to real buttons/links-as-buttons so we don't repaint icons. */
button:not([class*="slider"]):not([aria-label]),
a[class*="button"],
.btn {
  background-image: linear-gradient(
      180deg,
      var(--pb-chrome-1) 0%,
      var(--pb-chrome-2) 48%,
      var(--pb-chrome-3) 52%,
      var(--pb-chrome-2) 100%) !important;
  color: var(--pb-ink) !important;
  border: 1px solid #33465c !important;
  border-radius: 3px !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.6);
  box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(0,0,0,0.5);
  font-weight: bold !important;
}

button:hover:not([class*="slider"]):not([aria-label]),
a[class*="button"]:hover,
.btn:hover {
  filter: brightness(1.12);
}

button:active:not([class*="slider"]):not([aria-label]),
.btn:active {
  box-shadow: inset 0 2px 3px rgba(0,0,0,0.45);
}

/* Sunken 90s form fields */
input[type="text"], input[type="search"], input[type="email"], select {
  border: 2px inset #8fa6bd !important;
  border-radius: 2px !important;
  background: #0d1626 !important;
}