/* Bewerbungen im IDL Plan (js/bewerbungen.js). Eigene Datei, damit app.css
   unberuehrt bleibt. Farben und Kurven aus den Variablen von app.css. */
.bw-liste{display:flex;flex-direction:column;gap:.7rem}
.bw{display:flex;flex-direction:column;gap:.55rem}
.bw-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}
.bw-titel{min-width:0;display:flex;flex-direction:column}
.bw-name{font-size:1.1rem;letter-spacing:-.01em;overflow-wrap:anywhere}
.bw-sub{color:var(--ink-2);font-size:.92rem;overflow-wrap:anywhere}
.bw-chip{flex:0 0 auto;border-radius:999px;padding:.25rem .6rem;font-size:.78rem;font-weight:700;background:var(--sunken);color:var(--ink-2)}
.bw-chip.wartet{background:var(--tint-bg);color:var(--tint)}
.bw-chip.gut{background:var(--gruen-bg);color:var(--gruen)}
.bw-chip.gelb{background:var(--gelb-bg);color:var(--gelb)}
.bw-info,.bw-mail,.bw-hilfe{margin:0;color:var(--ink-2);font-size:.9rem}
.bw-mail{color:var(--ink-3);font-size:.82rem;overflow-wrap:anywhere}
.bw-links{display:flex;flex-wrap:wrap;gap:.45rem}
.bw-link,.bw-datei{display:inline-flex;align-items:center;min-height:2.4rem;padding:.35rem .75rem;border-radius:999px;
  background:var(--sunken);color:var(--ink);font-size:.88rem;font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.bw-link.song{background:var(--action);color:var(--on-action)}
.bw-datei{color:var(--ink-3);font-weight:500}
.bw-warn{margin:0;font-size:.88rem;color:var(--tint)}
.bw-grund-text{margin:0;font-style:italic;color:var(--ink-2)}
.bw-stimme{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.bw-s,.bw-e{min-height:2.9rem;border:0;border-radius:12px;padding:.55rem 1rem;font:inherit;font-weight:700;
  background:var(--sunken);color:var(--ink);cursor:pointer;transition:transform .14s var(--aus),background .14s var(--aus)}
.bw-s:active,.bw-e:active{transform:scale(.97)}
.bw-s[aria-pressed="true"]{background:var(--action);color:var(--on-action)}
.bw-summe{color:var(--ink-3);font-size:.85rem}
.bw-owner{border-top:1px solid var(--sep);margin-top:.2rem;padding-top:.7rem;display:flex;flex-direction:column;gap:.5rem}
.bw-owner-t{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-weight:700}
.bw-ent{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.4rem,1fr));gap:.45rem}
.bw-e{font-size:.92rem}
.bw-e.gut{background:var(--gruen-bg);color:var(--gruen)}
.bw-e.schlecht{background:var(--rot-bg);color:var(--rot)}
.bw-e.fest{background:var(--action);color:var(--on-action)}
.bw-e:disabled,.bw-s:disabled{opacity:.55;cursor:default}
.bw-label{display:block;font-size:.82rem;color:var(--ink-2);margin:.2rem 0 0}
.bw-grund,.bw-url{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--sunken);border:0;border-radius:10px;padding:.65rem .75rem}
.bw-treffer{display:flex;flex-direction:column;gap:.35rem}
.bw-radio{display:flex;align-items:flex-start;gap:.55rem;font-size:.9rem}
.bw-radio input{margin-top:.2rem;accent-color:var(--tint)}
.bw-pause,.bw-ergebnis{margin-bottom:.8rem}
.bw-pause{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.bw-pause > div{display:flex;flex-direction:column;min-width:0}
.bw-ergebnis{display:flex;flex-direction:column;gap:.55rem;border:1px solid var(--gruen)}
.bw-zahl{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;margin-left:.4rem;
  border-radius:999px;background:var(--tint);color:var(--on-tint);font-size:.78rem;font-weight:700}
.bw-zahl[hidden]{display:none}
@media (hover:hover){.bw-s:not([aria-pressed="true"]):hover,.bw-e:not(.fest):not(.gut):not(.schlecht):hover{background:var(--sep-2)}}
@media (prefers-reduced-motion:reduce){.bw-s,.bw-e{transition:none}}

/* Kompakte Karte: Kopf antippbar, darunter Anhoeren und Ja/Nein in einer Zeile. */
.bw-kompakt{padding:.8rem .9rem;gap:.55rem}
.bw-auf{width:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;align-items:center;min-height:2.75rem}
.bw-pfeil{flex:0 0 auto;width:.55rem;height:.55rem;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);
  transform:rotate(45deg) translateY(-2px);transition:transform .2s var(--aus)}
.bw-kompakt.auf .bw-pfeil{transform:rotate(225deg) translateY(-2px)}
/* Eine Zeile: Song links (darf schrumpfen), Ja und Nein rechts gleich breit. */
.bw-schnell{display:grid;grid-template-columns:minmax(0,1fr) 4.2rem 4.2rem;align-items:center;gap:.45rem}
.bw-schnell > :first-child:not(.bw-stimme){min-width:0;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bw-schnell .bw-stimme{display:contents}
.bw-schnell .bw-s{padding:.55rem .4rem}
.bw-schnell .bw-stimme .bw-s:first-child{grid-column:2}
.bw-schnell .bw-summe{grid-column:1 / -1;font-size:.8rem}
.bw-mehr{display:flex;flex-direction:column;gap:.55rem;border-top:1px solid var(--sep);padding-top:.6rem;animation:bw-auf .22s var(--aus) both}
@keyframes bw-auf{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.bw-mehr{animation:none}.bw-pfeil{transition:none}}

/* Band im Bereich Plan, Geschwister des Team-Einstufungs-Bands (.plan-abstimmung-band in app.css):
   gleiche Form, eigene Farbe (Gold statt Rot), damit man beides auseinanderhaelt. */
.bw-band{margin:0;background:var(--tint-bg);font-size:.92rem}
.bw-band .punkt:not(.g){background:var(--tint)}
.bw-band.leer{background:var(--sunken)}
.bw-band.leer .punkt{background:var(--ink-3)}
.bw-band .bw-zahl{margin-left:0;min-width:1.8rem;height:1.8rem;font-size:.9rem}
.bw-band.erledigt .bw-zahl{background:var(--gruen);color:#fff}
.bw-band.leer .bw-zahl{display:none}
.bw-chev{flex:0 0 auto;width:.5rem;height:.5rem;border-right:2px solid var(--ink-3);border-top:2px solid var(--ink-3);transform:rotate(45deg);margin:0 .2rem 0 .1rem}
.bw-band:active{transform:scale(.985)}
.bw-band{transition:transform .14s var(--aus)}
@media (prefers-reduced-motion:reduce){.bw-band{transition:none}}

/* 05.10.2026: Anzahl je Gruppe, aeltere Entscheidungen auf Wunsch, Stimme antwortet sofort. */
.bw-anzahl{font-weight:600;color:var(--ink-3)}
.bw-aelter{display:block;width:100%;margin:.5rem 0 0;padding:.75rem;border:1px dashed var(--surface-line,var(--sep));border-radius:var(--r-control,14px);
  background:transparent;color:var(--ink-2);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}
#bw-aelter{margin-top:.55rem}
.bw-s{transition:transform .14s var(--aus,cubic-bezier(.23,1,.32,1)),background-color .14s var(--aus,cubic-bezier(.23,1,.32,1))}
.bw-s:active{transform:scale(.94)}
@media (prefers-reduced-motion:reduce){.bw-s{transition:none}}
.bw-ent .bw-e{padding-inline:.45rem;font-size:.92rem;overflow-wrap:normal}