/* LifeOS Brand v1.0 — logo mark helpers (colors locked to design tokens). */

.lifeos-brand-mark {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--lifeos-cyan, #00f2fe);
    text-decoration: none;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.lifeos-brand-mark:hover,
.lifeos-brand-mark:focus-visible {
    text-decoration: none;
    filter: brightness(1.06);
}

.lifeos-brand-logo {
    display: block;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 10px;
}

.lifeos-brand-logo--light { display: none; }

body.light-theme .lifeos-brand-logo--dark,
html.lifeos-theme-light .lifeos-brand-logo--dark { display: none; }
body.light-theme .lifeos-brand-logo--light,
html.lifeos-theme-light .lifeos-brand-logo--light { display: block; }

.lifeos-brand-wordmark {
    font-size: 1.15rem;
    line-height: 1;
    color: inherit;
}

.lifeos-brand-mark--sm .lifeos-brand-logo { width: 28px; height: 28px; border-radius: 8px; }
.lifeos-brand-mark--sm .lifeos-brand-wordmark { font-size: 1rem; }

.lifeos-auth-brand {
    display: flex;
    justify-content: center;
    margin: 0 0 14px;
}

.lifeos-auth-brand .lifeos-brand-logo {
    width: 56px;
    height: 56px;
    border-radius: 14px;
}

.lifeos-sidebar-brand-link,
.lifeos-admin-brand-link,
.launch-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.lifeos-sidebar-brand-link .lifeos-brand-logo,
.lifeos-admin-brand-link .lifeos-brand-logo,
.launch-brand .lifeos-brand-logo {
    width: 28px;
    height: 28px;
    border-radius: 8px;
}

.mobile-brand-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.mobile-brand-title .lifeos-brand-logo {
    width: 24px;
    height: 24px;
    border-radius: 6px;
}

/* Brief branded boot splash (dashboard) — fades without blocking interaction long.
   CSS animation is a CSP-safe failsafe if JS is delayed; JS removes the node. */
#lifeos-boot-splash {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--lifeos-bg, #0b0d16);
    transition: opacity 0.35s ease, visibility 0.35s ease;
    animation: lifeos-boot-splash-fade 0.35s ease 1.1s forwards;
    pointer-events: none;
}

#lifeos-boot-splash.is-done {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    animation: none;
}

@keyframes lifeos-boot-splash-fade {
    to {
        opacity: 0;
        visibility: hidden;
    }
}

#lifeos-boot-splash .lifeos-brand-logo {
    width: 72px;
    height: 72px;
    border-radius: 18px;
}

body.light-theme #lifeos-boot-splash,
html.lifeos-theme-light #lifeos-boot-splash {
    background: #f8fafc;
}

/* Launch / admin headers: keep wordmark cyan without emoji fallback. */
.launch-brand .lifeos-brand-wordmark,
.lifeos-sidebar-brand-link .lifeos-brand-wordmark,
.lifeos-admin-brand-link .lifeos-brand-wordmark {
    color: var(--lifeos-cyan, #00f2fe);
}

.lifeos-admin-brand-link {
    color: inherit;
}

.lifeos-admin-brand-link > span:last-child {
    margin-left: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    opacity: 0.75;
}