/* Daymoro — lokales Rebranding. Farbwelt und bestehende Funktionslayouts bleiben erhalten. */
:root { --daymoro-deep: #095760; --daymoro-apricot: #FFAF80; --daymoro-mint: #83CDBD; --daymoro-cream: #F4EFE7; }
.daymoro-wordmark { font-family: ui-rounded, "Nunito", "Trebuchet MS", system-ui, sans-serif; font-weight: 800; letter-spacing: -.055em; color: var(--daymoro-deep); text-transform: lowercase; }
.app-sidebar-brand .daymoro-wordmark { font-size: 1.38rem; line-height: 1; }
.app-sidebar-brand-mark { background: transparent !important; box-shadow: none !important; width: 43px; height: 43px; display: inline-flex; justify-content:center; align-items:center; overflow:visible; }
.app-sidebar-brand-mark img { width: 41px; height: 41px; object-fit:contain; }
.daymoro-guest-header { display:flex; align-items:center; gap:.55rem; justify-content:center; width:fit-content; max-width:100%; margin:0 auto 1.25rem; padding:.4rem .9rem; border-radius:999px; background:#fffdf9; box-shadow:0 3px 14px rgba(9,87,96,.09); }
.daymoro-guest-header .daymoro-wordmark { font-size:1.65rem; }
.daymoro-guest-header img { width:42px; height:42px; }
@media (prefers-reduced-motion:no-preference) { .daymoro-guest-header img { transition:transform .18s ease; } .daymoro-guest-header:hover img { transform:rotate(-4deg); } }

/* Daymoro V1c: Kompakte Tablet-/Mobil-Kopfzeile ohne ueberlappende Namen. */
@media (max-width: 1199.98px) {
    /* Name und Seitentitel nur im kompakten Header ausblenden. */
    .app-navbar .app-mobile-identity-copy {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    /* Ein schmaler Symbolplatz links, Mitglieder flexibel in der Mitte. */
    .app-navbar .app-navbar-inner {
        grid-template-columns: 48px minmax(0, 1fr) auto;
        column-gap: 0.6rem;
    }
    .app-navbar .app-mobile-identity {
        width: 48px;
        min-width: 0;
    }
    .app-navbar .navbar-family-status-shell {
        min-width: 0;
        overflow: hidden;
    }
    .app-navbar .navbar-family-status {
        justify-content: flex-start;
        overflow-x: auto;
    }
    .app-navbar .app-navbar-meta {
        gap: 0.5rem;
        white-space: nowrap;
    }
}