/* Stili specifici del portale web (i token e i componenti vivono in BakiPro.Shared.UI). */

.baki-topbar-menu { display: none; }
@media (max-width: 1024px) {
    .baki-topbar-menu { display: inline-flex; }
}

/* Hero della landing */
.landing-hero {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: var(--baki-space-6);
    align-items: center;
    padding: var(--baki-space-6) 0;
}
.landing-hero__art { margin: var(--baki-space-4) 0 0; }
@media (max-width: 768px) {
    .landing-hero { grid-template-columns: 1fr; }
}

#blazor-error-ui {
    background: var(--baki-warning-bg);
    color: var(--baki-ink-900);
    bottom: 0;
    box-shadow: var(--baki-shadow-raised);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* Home del professionista (mockup 2026-10): agenda a sinistra, giornata e prossimo appuntamento a destra */
.pro-home { display: flex; flex-direction: column; gap: var(--baki-space-5); }
.pro-home__grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, 1fr); gap: var(--baki-space-5); align-items: start; }
.pro-home__main, .pro-home__side { display: flex; flex-direction: column; gap: var(--baki-space-5); min-width: 0; }
@media (max-width: 1100px) { .pro-home__grid { grid-template-columns: minmax(0, 1fr); } .pro-home__side { order: -1; } }