/* PROJECT LEGEND V0.52.4 (S3-5) - Suche und Tastenkuerzel.
   Das Blatt ist ab v0533 auf der harten Liste der stil-wache: keine
   Wichtig-Markierung, keine Hexfarben, kein rgb(), keine Literale fuer
   Schriftgroesse, Eckenradius, Sperrung oder Schatten. Alles kommt aus den
   --pl42-Token. */

.pl537-suche{
  display:flex;
  flex-direction:column;
  gap:var(--pl42-s3);
  min-width:0;
}

.pl537-feld{
  width:100%;
  min-height:var(--pl42-touch);
  padding:0 var(--pl42-s3);
  border:1px solid var(--pl42-line-strong);
  border-radius:var(--pl42-r-md);
  background:var(--pl42-panel-2);
  color:var(--pl42-ink);
  font-family:var(--pl42-font);
  font-size:var(--pl42-body);
}
.pl537-feld::placeholder{color:var(--pl42-ink-3)}
.pl537-feld:focus-visible{
  outline:2px solid var(--pl42-gold);
  outline-offset:2px;
}

.pl537-liste{
  display:flex;
  flex-direction:column;
  gap:1px;
  max-height:52vh;
  overflow-y:auto;
  min-width:0;
}

/* Die Trefferzeile ist ein Knopf, kein Link: sie fuehrt zu einer Ansicht im
   selben Bild, nicht zu einem Dokument. Mindesthoehe aus dem Touch-Token,
   damit sie die Zielgroessenregel von sich aus einhaelt. */
.pl537-treffer{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:var(--pl42-s3);
  min-height:var(--pl42-touch);
  padding:var(--pl42-s2) var(--pl42-s3);
  border:0;
  border-radius:var(--pl42-r-sm);
  background:transparent;
  color:var(--pl42-ink);
  font-family:var(--pl42-font);
  font-size:var(--pl42-body);
  text-align:left;
  cursor:pointer;
}
.pl537-treffer:hover{background:var(--pl42-panel-2)}
.pl537-treffer:focus-visible{
  outline:2px solid var(--pl42-gold);
  outline-offset:-2px;
}

/* Die Art des Treffers als Farbmarke - eine KATEGORIE, keine Menge.
   Nie als Saettigungsstufe und nie als Balkenfuellung. */
.pl537-art{
  width:var(--pl42-s2);
  height:var(--pl42-s5);
  border-radius:var(--pl42-r-sm);
  background:var(--pl42-line-strong);
}
.pl537-art--spieler{background:var(--pl42-gold)}
.pl537-art--verein{background:var(--pl42-cyan)}

.pl537-text{display:flex;flex-direction:column;min-width:0}
.pl537-text>b{
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pl537-text>small{
  color:var(--pl42-ink-3);
  font-size:var(--pl42-small);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.pl537-pos{
  color:var(--pl42-ink-3);
  font-size:var(--pl42-small);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

/* Die Staerkespanne. Tabellenziffern, damit die Spalte nicht springt - und
   es ist eine SPANNE, nie ein exakter Wert: siehe v0537-suche.js. */
.pl537-spanne{
  color:var(--pl42-ink-2);
  font-size:var(--pl42-small);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

/* ------------------------------------------------------ Kuerzeluebersicht - */
.pl537-kuerzel{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));
  gap:var(--pl42-s3);
  min-width:0;
}
.pl537-kuerzel>div{
  display:flex;
  align-items:center;
  gap:var(--pl42-s3);
  min-width:0;
}
.pl537-kuerzel kbd{
  flex:0 0 auto;
  min-width:var(--pl42-s6);
  padding:var(--pl42-s2) var(--pl42-s3);
  border:1px solid var(--pl42-line-strong);
  border-radius:var(--pl42-r-sm);
  background:var(--pl42-panel-2);
  color:var(--pl42-ink);
  font-family:var(--pl42-font);
  font-size:var(--pl42-small);
  font-variant-numeric:tabular-nums;
  text-align:center;
}
.pl537-kuerzel span{
  color:var(--pl42-ink-2);
  font-size:var(--pl42-small);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}