/* event141.com – Turnierkalender aller Instanzen (MudBlazor, DevWorld-Theme).
   Die gemeinsamen Kalender-Stile (Kopf/Kennzahlen, Filter, Karten, Monatsblatt, Flaggen,
   Rahmen/Fuß, Rechtstexte) liegen in public.css und gelten auch für die Instanz-Websites;
   hier bleibt nur, was das Verzeichnis allein betrifft. */

body.e141-dir { margin: 0; background: #f4f6f9; }

/* App-Bar: Wortmarke „Event141 / Turnierkalender“ */
.e141-brand { display: flex; flex-direction: column; line-height: 1.1; color: #fff !important; }
.e141-brand__name { font-weight: 700; font-size: 1.15rem; letter-spacing: .01em; }
.e141-brand__sub { font-size: .72rem; opacity: .85; }

/* App-Bar rechts: „Anmelden“ (abgemeldet) bzw. „Mein Bereich“ mit Initialen (angemeldet) → Kundenbereich /konto */
.e141-login.mud-button-root { background: #fff; color: #1565c0; font-weight: 600; white-space: nowrap; }
.e141-login.mud-button-root:hover { background: #e3f2fd; }
.e141-mine { display: inline-flex; align-items: center; gap: 8px; padding: 3px 12px 3px 3px; border-radius: 999px;
             background: rgba(255,255,255,.14); color: #fff !important; text-decoration: none; font-weight: 500; font-size: .875rem; white-space: nowrap; }
.e141-mine:hover { background: rgba(255,255,255,.24); }
.e141-mine__avatar { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%;
                     background: #fff; color: #1565c0; font-weight: 700; font-size: .75rem; }
@media (max-width: 420px) {
    .e141-mine { padding-right: 3px; }
    .e141-mine__text { display: none; }
    .e141-login.mud-button-root .mud-button-icon-start { display: none; }
}