/* Układ desktopowy — szeroki obszar treści, brak dolnej nawigacji. */
:root {
    --hop-primary: #1e74fd;
    --hop-text: #141515;
    --hop-muted: #6c757d;
    --hop-bg: #f9f9f9;
    --hop-navbar-h: 56px;
}

.hop-body-desktop {
    font-family: "Inter", system-ui, -apple-system, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: var(--hop-text);
    background: var(--hop-bg);
    min-height: 100dvh;
    padding-top: calc(var(--hop-navbar-h) + env(safe-area-inset-top, 0px));
    -webkit-font-smoothing: antialiased;
}

.hop-desktop-navbar {
    min-height: var(--hop-navbar-h);
    padding-top: env(safe-area-inset-top, 0px);
}

.hop-desktop-navbar .nav-link.active,
.hop-desktop-navbar .dropdown-toggle.active {
    font-weight: 600;
}

.hop-desktop-main {
    max-width: 1440px;
}

.hop-body-desktop.hop-body-no-navbar {
    padding-top: max(1rem, env(safe-area-inset-top, 0px));
}

/* Szersze karty tablicy przy dużych ekranach — checkboard nadal działa, tylko szerszy kontener */
@media (min-width: 1200px) {
    .hop-desktop-main .container-fluid {
        max-width: 100%;
    }
}