/* Enterprise workspace launcher — sits after starting_page inline styles. */

body.starting-page {
    --launcher-tile-radius: 16px;
    background-image:
        radial-gradient(ellipse 80% 55% at 6% 8%, color-mix(in srgb, var(--brand-primary, #0f4fce) 18%, transparent), transparent 70%),
        radial-gradient(ellipse 55% 40% at 100% 0%, color-mix(in srgb, var(--brand-primary, #0f4fce) 10%, transparent), transparent 68%),
        var(--ui-page-gradient, none);
}

body.starting-page .welcome-box {
    margin: 10px 0 22px;
    letter-spacing: -0.03em;
}

body.starting-page .welcome-box .username {
    letter-spacing: -0.04em;
}

body.starting-page .launch-search-input,
body.starting-page .launch-clear-btn,
body.starting-page .recent-app-chip {
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-surface, #fff) 72%, transparent);
    backdrop-filter: blur(16px) saturate(140%);
    -webkit-backdrop-filter: blur(16px) saturate(140%);
}

body.starting-page .apps-section-title {
    letter-spacing: 0.12em;
    font-weight: 700;
    opacity: 0.72;
}

body.starting-page .menu-btn {
    border-radius: var(--launcher-tile-radius);
    border: 1px solid color-mix(in srgb, var(--brand-primary, #0f4fce) 14%, var(--color-border, rgba(15, 23, 42, 0.12)));
    background:
        linear-gradient(180deg, color-mix(in srgb, #fff 18%, transparent), transparent 42%),
        color-mix(in srgb, var(--ui-surface-glass, var(--color-surface, #fff)) 82%, transparent);
    box-shadow: 0 10px 28px color-mix(in srgb, var(--brand-primary, #0f4fce) 8%, rgba(15, 23, 42, 0.04));
    backdrop-filter: blur(18px) saturate(150%);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

body.starting-page .menu-btn:hover,
body.starting-page .menu-btn:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 16px 36px color-mix(in srgb, var(--brand-primary, #0f4fce) 16%, rgba(15, 23, 42, 0.08));
    border-color: color-mix(in srgb, var(--brand-primary, #0f4fce) 38%, transparent);
}

body.starting-page .accent-line {
    height: 2px;
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--brand-primary, #0f4fce) 0%, transparent),
        var(--brand-primary, #0f4fce) 18%,
        color-mix(in srgb, var(--brand-primary, #0f4fce) 45%, #8ec5ff) 82%,
        transparent
    );
}

body.starting-page .menu-text {
    font-size: clamp(0.98rem, 1.6vw, 1.12rem);
    letter-spacing: -0.02em;
    font-weight: 650;
}

body.starting-page .menu-desc {
    font-size: 0.8rem;
    line-height: 1.45;
}

body.starting-page .menu-btn.is-tenant-disabled {
    border-color: color-mix(in srgb, var(--color-text, #0f172a) 18%, transparent);
    box-shadow: none;
    background: color-mix(in srgb, var(--color-surface, #fff) 55%, transparent);
}

body.starting-page .menu-btn.is-tenant-disabled .accent-line,
body.starting-page .menu-btn.is-tenant-permanent .accent-line {
    background: color-mix(in srgb, var(--color-text, #0f172a) 28%, transparent);
}

body.starting-page .menu-btn.is-tenant-permanent {
    border-color: color-mix(in srgb, var(--color-text, #0f172a) 16%, transparent);
    box-shadow: none;
    background: color-mix(in srgb, var(--color-surface, #fff) 42%, transparent);
    opacity: 0.62;
}

body.starting-page .menu-btn.is-qre-locked {
    opacity: 0.48;
    filter: grayscale(0.35);
}

body.starting-page .admin-btn {
    border-radius: 14px;
    box-shadow: 0 14px 32px color-mix(in srgb, var(--brand-primary, #0f4fce) 28%, transparent);
}

body.starting-page .login-box {
    border-top-width: 3px;
    border-radius: 18px;
    background: color-mix(in srgb, var(--color-surface, #fff) 86%, transparent);
    backdrop-filter: blur(22px) saturate(150%);
    -webkit-backdrop-filter: blur(22px) saturate(150%);
}

html.dark-theme body.starting-page .menu-btn,
body.starting-page.dark-theme .menu-btn {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 40%),
        color-mix(in srgb, var(--color-surface, #121826) 78%, transparent);
}

@media (prefers-reduced-motion: reduce) {
    body.starting-page .menu-btn:hover,
    body.starting-page .menu-btn:focus-visible {
        transform: none;
    }
}