/* Schermata di caricamento: stessi colori di Styles/Theme.axaml.
   La classe avalonia-splash resta perche' Avalonia la chiude quando l'app e' pronta. */
:root {
    --ps-bg: #F4F7F7;
    --ps-ink: #132321;
    --ps-accent: #0F7B6C;
    --ps-accent-soft: #E2F1EE;
    --ps-on-accent: #FFFFFF;
}

@media (prefers-color-scheme: dark) {
    :root {
        --ps-bg: #0E1716;
        --ps-ink: #E8F0EE;
        --ps-accent: #4FC0A6;
        --ps-accent-soft: #16332D;
        --ps-on-accent: #06201B;
    }
}

html, body {
    background: var(--ps-bg);
}

.avalonia-splash {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--ps-bg);
    color: var(--ps-ink);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    pointer-events: none;
}

.ps-splash {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}

.ps-mark {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: var(--ps-accent);
    color: var(--ps-on-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: ps-pulse 1.6s ease-in-out infinite;
}

.ps-mark svg {
    width: 36px;
    height: 36px;
}

.ps-name {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.ps-bar {
    position: relative;
    width: 140px;
    height: 4px;
    border-radius: 999px;
    background: var(--ps-accent-soft);
    overflow: hidden;
}

.ps-bar span {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40%;
    border-radius: 999px;
    background: var(--ps-accent);
    animation: ps-slide 1.2s ease-in-out infinite;
}

@keyframes ps-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.06); }
}

@keyframes ps-slide {
    0% { left: -40%; }
    100% { left: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .ps-mark, .ps-bar span { animation: none; }
    .ps-bar span { left: 30%; }
}

.avalonia-splash.splash-close {
    transition: opacity 200ms, display 200ms;
    display: none;
    opacity: 0;
}