/* App – Start */
.st-level { text-decoration: none; color: var(--ap-text) !important; background: var(--ap-card-grad); border: 1px solid var(--ap-gold); border-radius: 24px; padding: 16px; display: flex; gap: 14px; align-items: center; }
.st-level__txt { flex: 1; min-width: 0; }
.st-level__head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.st-level__head strong { font-size: 17px; }
.st-level__head .ap-mono { font-size: 12px; color: var(--ap-gold-t); white-space: nowrap; }
.st-level__sub { font-size: 13px; margin-top: 4px; }
.st-level__pills { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.st-up { display: flex; gap: 12px; align-items: center; text-decoration: none; color: var(--ap-text) !important; background: linear-gradient(135deg, rgba(227,179,65,.25), var(--ap-card)); border: 1px solid var(--ap-gold); border-radius: 20px; padding: 12px 14px; }
.st-up svg { color: var(--ap-gold-t); flex: none; }
.st-lobby { text-decoration: none; color: var(--ap-text) !important; display: flex; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 18px; border: 1px solid var(--ap-line); background: var(--ap-card); }
.st-lobby.is-closed { border: 1.5px dashed var(--ap-dash2); background: var(--ap-stripes); }
.st-lobby.is-on { border-color: rgba(34,197,94,.5); }
.st-lobby__ic { width: 36px; height: 36px; flex: none; border-radius: 12px; background: var(--ap-gold); color: var(--ap-on-gold); display: flex; align-items: center; justify-content: center; }
.st-lobby.is-closed .st-lobby__ic { background: var(--ap-slate); color: #FFFFFF; }
.st-lobby.is-on .st-lobby__ic { background: var(--ap-green); }
.st-lobby__txt { flex: 1; min-width: 0; font-size: 14px; line-height: 1.35; }
.st-tile { text-decoration: none; color: var(--ap-text) !important; background: var(--ap-card); border: 1px solid var(--ap-line); border-radius: 22px; padding: 14px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.st-tile__h { display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: var(--ap-muted); }
.st-tile__big { font-weight: 600; font-size: 24px; }
.st-tile__t { font-size: 15px; line-height: 1.25; }
.st-tile__k { font-size: 10px; color: var(--ap-gold-t); }
.st-q { border-radius: 20px; padding: 12px 14px; background: linear-gradient(135deg, var(--ap-fsdl-tint), var(--ap-card)); border: 1px solid var(--ap-fsdl-line); }
.st-q__k { font-size: 10px; color: var(--ap-gold2-t); }
.st-q strong { display: block; font-size: 15px; line-height: 1.3; margin-top: 4px; }
.st-q .ap-small { margin-top: 3px; }
.st-q__btns { margin-top: 10px; }

.st-msg { display: flex; gap: 12px; align-items: flex-start; border-radius: 18px; padding: 12px 14px; background: linear-gradient(135deg, rgba(56,189,248,.16), var(--ap-card)); border: 1px solid rgba(56,189,248,.45); font-size: 14px; line-height: 1.45; }
.st-msg__ic { width: 34px; height: 34px; flex: none; border-radius: 11px; background: var(--ap-blue); color: var(--ap-on-gold); display: flex; align-items: center; justify-content: center; }
.st-msg__k { font-size: 10px; color: var(--ap-blue-t); letter-spacing: .03em; }

/* DCS-Scorer-Zeile (öffnet die Scorer-Startseite) */
.st-dcs { text-decoration: none; color: var(--ap-text) !important; display: flex; gap: 12px; align-items: center; padding: 12px 14px; min-height: 44px; border-radius: 18px; border: 1px solid var(--ap-line); background: var(--ap-card); }
.st-dcs__ic { width: 36px; height: 36px; flex: none; border-radius: 12px; background: var(--ap-card2); color: var(--ap-gold-t); display: flex; align-items: center; justify-content: center; }
.st-dcs__txt { flex: 1; min-width: 0; font-size: 14px; line-height: 1.35; }
.st-dcs__ext { flex: none; color: var(--ap-muted); }
.st-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Deine Verbindungen */
.cv { background: var(--ap-card); border: 1px solid var(--ap-line); border-radius: 22px; padding: 14px 14px 6px; box-shadow: var(--ap-shadow); }
.cv-head { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; align-items: baseline; padding-bottom: 10px; }
.cv-k { font-size: 10px; color: var(--ap-muted); letter-spacing: .04em; }
.cv-sum { grid-column: 1; font-size: 15px; }
.cv-bar { grid-column: 1 / -1; margin-top: 8px; }
.cv-bar > span { background: var(--ap-green); }
.cv-row { display: flex; gap: 12px; align-items: center; padding: 10px 0; min-height: 44px; border-top: 1px solid var(--ap-line); text-decoration: none; color: var(--ap-text) !important; }
.cv-ic { width: 34px; height: 34px; flex: none; border-radius: 11px; background: var(--ap-card2); color: var(--ap-muted); display: flex; align-items: center; justify-content: center; }
.cv-row.is-ok .cv-ic { background: rgba(34,197,94,.16); color: var(--ap-green-t); }
.cv-row.is-warn .cv-ic { background: rgba(227,179,65,.16); color: var(--ap-gold-t); }
.cv-row.is-gone .cv-ic { background: rgba(220,38,38,.14); color: var(--ap-red-t); }
.cv-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.cv-t { font-weight: 600; font-size: 14px; }
.cv-s { font-size: 12px; color: var(--ap-muted); line-height: 1.4; }
.cv-num { color: var(--ap-text); font-size: 13px; background: var(--ap-card2); border-radius: 6px; padding: 0 5px; }
.cv-act { font-size: 12px; font-weight: 600; color: var(--ap-gold-t); }
.cv-act[hidden] { display: none; }
.cv-row .ap-pill { flex: none; align-self: center; }

.st-level__txt { overflow: hidden; }
.st-level__pills .ap-pill { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }

/* Start-Meldungen: × zum Ausblenden, „Meldungen dieser Woche“ zum Wieder-Aufklappen */
.st-notes { display: flex; flex-direction: column; gap: 10px; }
.st-notes[hidden], .st-week[hidden], .st-week__list[hidden] { display: none; }
.st-dm { position: relative; }
.st-dm > .st-up, .st-dm > .st-msg { padding-right: 50px; }
.st-week__list .st-dm > .st-up, .st-week__list .st-dm > .st-msg { padding-right: 14px; opacity: .85; }
.st-x { position: absolute; top: 2px; right: 2px; margin: 0; }
.st-x__b { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 14px; background: transparent; color: var(--ap-muted); cursor: pointer; padding: 0; }
.st-x__b:hover, .st-x__b:focus-visible { color: var(--ap-text); background: var(--ap-card2); }
.st-week { display: flex; flex-direction: column; gap: 10px; }
.st-week__t { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; padding: 0 14px; border: 1px dashed var(--ap-line); border-radius: 14px; background: transparent; color: var(--ap-muted); font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
.st-week__t svg { transition: transform .2s; flex: none; }
.st-week__t[aria-expanded="true"] svg { transform: rotate(90deg); }
.st-week__list { display: flex; flex-direction: column; gap: 10px; }