@media (min-width: 768px) {
    .landing-shell,
    .auth-shell {
        padding: var(--space-xl);
    }

    .workspace {
        padding: var(--space-xl);
    }

    .dashboard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .records-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .detail-grid,
    .split-grid {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem);
        align-items: start;
    }

    .topbar {
        display: flex;
    }

    .mobile-topbar,
    .bottom-nav {
        display: none;
    }

    .app-shell {
        display: grid;
        grid-template-columns: var(--sidebar-width-tablet) minmax(0, 1fr);
    }

    .sidebar {
        display: grid;
        align-content: start;
        gap: var(--space-xl);
        padding: var(--space-xl) 0;
    }

    .sidebar__brand {
        padding: 0 var(--space-md);
    }

    .sidebar__nav {
        display: grid;
        gap: var(--space-xs);
        padding: 0 var(--space-md);
    }

    .nav-link {
        justify-content: center;
    }

    .sidebar__subtitle,
    .sidebar__label,
    .user-chip__label,
    .sidebar__company strong,
    .sidebar__footer strong {
        text-align: center;
    }
}

@media (min-width: 1025px) {
    .auth-panel {
        grid-template-columns: minmax(24rem, 32rem) minmax(26rem, 34rem);
        align-items: stretch;
    }

    .auth-hero {
        display: block;
    }

    .auth-hero__inner {
        padding: var(--space-2xl);
        border-radius: var(--radius-lg);
        background: linear-gradient(180deg, rgba(23, 25, 29, 0.94) 0%, rgba(35, 39, 47, 0.98) 100%);
        color: #ffffff;
        box-shadow: var(--shadow-lg);
    }

    .auth-hero__inner h1 {
        font-family: var(--font-display);
        font-size: clamp(2.1rem, 3vw, 3rem);
        line-height: 1.02;
    }

    .auth-hero__inner p:last-child {
        color: rgba(255, 255, 255, 0.8);
        line-height: 1.7;
    }

    .app-shell {
        grid-template-columns: var(--sidebar-width-desktop) minmax(0, 1fr);
    }

    .sidebar__brand,
    .sidebar__nav,
    .sidebar__company,
    .sidebar__footer {
        padding: 0 var(--space-lg);
    }

    .nav-link {
        justify-content: flex-start;
    }

    .sidebar__subtitle,
    .sidebar__label,
    .user-chip__label,
    .sidebar__company strong,
    .sidebar__footer strong {
        text-align: left;
    }

    .workspace {
        width: min(100%, var(--content-max-width));
    }

    .records-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dashboard-columns {
        grid-template-columns: minmax(0, 1.3fr) minmax(20rem, 0.7fr);
    }
}

@media (min-width: 1440px) {
    .workspace {
        width: min(100%, var(--content-max-width-wide));
    }

    .records-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .detail-grid {
        grid-template-columns: minmax(0, 1.45fr) minmax(22rem, 0.55fr);
    }
}