/* ============================================================
   GENESYS Card Index & Point Searcher — Custom Stylesheet
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }

.bauhaus-cross-grid {
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, 0.07) 1px, transparent 1px),
    linear-gradient(rgba(0, 0, 0, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, 0.025) 1px, transparent 1px);
  background-size: 100px 100px, 100px 100px, 25px 25px, 25px 25px;
  background-position: -1px -1px, -1px -1px, -1px -1px, -1px -1px;
}

select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpolyline points='1,1 6,6 11,1' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px !important;
}

* { scrollbar-width: thin; scrollbar-color: #000000 #e8e8e8; }
::-webkit-scrollbar             { width: 6px; height: 6px; }
::-webkit-scrollbar-track       { background: #e8e8e8; }
::-webkit-scrollbar-thumb       { background: #000000; }
::-webkit-scrollbar-thumb:hover { background: #D02020; }
::-webkit-scrollbar-corner      { background: #e8e8e8; }

:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}

.points-badge-0  { background: #e8e8e8; color: #555555; border-color: #aaaaaa; }
.points-badge-low { background: #E8F4E8; color: #1a6e1a; border-color: #1a6e1a; }
.points-badge-mid { background: #FFF3CD; color: #7a5c00; border-color: #c49000; }
.points-badge-high { background: #FDECEA; color: #9b1a1a; border-color: #D02020; }
.points-badge-apex { background: #D02020; color: #ffffff; border-color: #D02020; }

#prev-page:disabled,
#next-page:disabled { pointer-events: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}