/* Band-App: ergänzt die Kacheln aus app.css. Präfix bs-. */
.bs-fortschritt{display:flex;gap:22px;align-items:center}
.bs-fortschritt .ringbild b{display:block;font-size:34px;font-weight:900;line-height:1}
.bs-fortschritt .ringbild small{display:block;font-size:11px;font-weight:700}
.bs-fortschritt-text{min-width:0;flex:1}
.bs-liste{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;text-align:left}
.bs-liste li{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:start;font-size:15px}
.bs-liste svg{width:18px;height:18px;margin-top:2px}
.bs-liste .ok svg{color:#ffd21e}
.bs-liste .offen{font-weight:700}
.bs-liste .offen svg{color:#ff9f43}
.bs-liste .nein svg{color:var(--rot)}
.bs-liste .kür{color:var(--tinte2)}
.bs-liste li>i{display:block;width:12px;height:12px;margin:5px 3px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)}
.bs-aktionen{align-items:center;margin-top:auto}
.bs-aktionen .knopf svg{width:18px;height:18px;margin-right:6px;vertical-align:-3px}
.bs-foto .hochlade{display:flex;flex-direction:column;gap:12px;flex:1}
.bs-foto .hochlade-vorschau{flex:1;min-height:320px;border-radius:16px;overflow:hidden;background:#181b20;display:grid;place-items:center}
.bs-foto .hochlade-vorschau img{width:100%;height:100%;max-height:none;object-fit:cover;display:block}
.bs-logo .hochlade-vorschau{min-height:110px;border-radius:14px;background:#181b20;display:grid;place-items:center;overflow:hidden}
.bs-logo .hochlade-vorschau img{max-width:100%;max-height:130px;object-fit:contain}
.hochlade-leer svg{width:36px;height:36px;color:#ffd21e}
.bs-ort .ortswahl,.bs-ort .ortswahl>.feld:last-child{display:flex;flex-direction:column;flex:1}
.bs-ort .ortskarte{flex:1;min-height:300px;background:#0d0f12}
.bs-profil .wahl{flex-wrap:wrap}
.bs-profil textarea{min-height:110px}
.bs-song{display:grid;grid-template-columns:56px minmax(120px,1fr) minmax(0,1.3fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.bs-song .bs-spiel{width:56px;height:56px;margin:0;padding:0;background:none;display:grid;place-items:center}
.bs-song .bs-spiel .spiel{margin:0;width:48px;height:48px;background:#ffd21e;color:#111214}
.bs-welle{display:flex;align-items:center;gap:2px;height:44px;min-width:0;overflow:hidden}
.bs-welle i{flex:1 1 2px;min-width:2px;max-width:6px;background:#ffd21e;border-radius:2px;opacity:.75}
.bs-songfelder{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:10px}
.bs-songfelder .feld,.bs-mitglied .feld{margin:0}
.bs-reihe{justify-content:flex-end}
.bs-leer{color:var(--tinte2)}
.bs-mitglied{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:10px;align-items:end;margin-bottom:10px}
.bs-bew{min-height:230px}
.bs-bew.erledigt{opacity:.62}
.bs-bew.erledigt:hover{opacity:1}
.bs-gage{margin-top:auto;font-size:clamp(32px,3.4vw,46px);white-space:nowrap}
.bs-uhr{display:flex;align-items:center;gap:10px}
.bs-uhr .ringbild{flex:none}
.bs-woche,.bs-monat{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.bs-woche span{text-align:center;font-size:13px;font-weight:700;color:var(--tinte2)}
.bs-tag{display:grid;place-items:center;aspect-ratio:1.35;min-height:44px;border-radius:12px;background:#181b20;color:var(--tinte);text-decoration:none;font:inherit;border:0;cursor:pointer;transition:background .15s}
.bs-tag:hover:not(:disabled):not(.bs-lücke){background:#262a31}
.bs-tag:disabled{opacity:.4;cursor:default}
.bs-tag.bs-lücke{background:none;cursor:default}
.bs-tag.heute{box-shadow:inset 0 0 0 2px #ffd21e}
.bs-tag.zusage,.bs-tag.zusage:hover{background:#ffd21e !important;color:#111214}
.bs-tag.blockiert{background:repeating-linear-gradient(135deg,#2a2e36 0 6px,#181b20 6px 12px)}
.bs-tag.eigen{background:#3a3f49}
.bs-tag.offen{box-shadow:inset 0 0 0 2px rgba(255,210,30,.5)}
.bs-legende{display:flex;flex-wrap:wrap;gap:14px}
.bs-legende span{display:inline-flex;align-items:center;gap:6px}
.bs-punkt{display:inline-block;flex:none;width:12px;height:12px;border-radius:50%;background:#3a3f49}
.bs-punkt.zusage{background:#ffd21e}
.bs-punkt.offen{background:none;box-shadow:inset 0 0 0 2px #ffd21e}
.bs-punkt.blockiert{background:repeating-linear-gradient(135deg,#6a707c 0 3px,#23262c 3px 6px)}
.bs-eintrag{display:flex;align-items:center;gap:10px;padding:8px 0;color:inherit;text-decoration:none;text-align:left}
.bs-eintrag>span:nth-child(2){flex:1;min-width:0}
#bs-termin .feld{margin:0 0 10px}
.bs-bew.gelb .spur i.an,.bs-bew.gelb .spur.gut i.an{background:#111214}
.bs-bewerbungen>.bs-mehr{justify-content:center;color:inherit;text-decoration:none;min-height:190px}
.bs-mehr svg{width:32px;height:32px;color:#ffd21e}
.bs-mehr h2{font-size:clamp(24px,2.6vw,34px);letter-spacing:-.02em}
.bs-bewerbungen>.bs-mehr:nth-child(3n+1){grid-column:1/-1}
.bs-bewerbungen>.bs-mehr:nth-child(3n+2){grid-column:span 2}
@media (min-width:1081px){.bs-technik{grid-row:span 3}}
@media (max-width:899px){
  .bs-bewerbungen>.bs-mehr:nth-child(n){grid-column:auto;align-items:center;min-height:0}
  .bs-fortschritt{flex-direction:column;text-align:center}
  .bs-fortschritt-text{width:100%}
  .bs-liste{max-width:340px;margin-inline:auto}
  .bs-song{grid-template-columns:minmax(0,1fr);justify-items:stretch}
  .bs-song .bs-spiel{justify-self:center}
  .bs-reihe,.bs-aktionen{justify-content:center}
  .bs-mitglied{grid-template-columns:minmax(0,1fr)}
  .bs-mitglied .rund{justify-self:center}
  .bs-uhr{justify-content:center}
  .bs-legende{justify-content:center}
  .bs-eintrag{justify-content:flex-start}
  .bs-foto .hochlade-vorschau{min-height:240px}
  #bs-termin .knopf{width:100%}
}

@media (max-width:899px){.bs-tag{aspect-ratio:auto;min-width:0}}