@media(max-width:1100px) {
    .stat-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .form-layout {
        grid-template-columns: 1fr
    }

    .form-side .sticky-card {
        position: static
    }

    .settings-grid {
        grid-template-columns: 1fr
    }

    .settings-nav {
        grid-template-columns: repeat(2, 1fr)
    }

    .type-grid {
        grid-template-columns: 1fr
    }
}

@media(max-width:900px) {
    .sidebar {
        transform: translateX(-100%);
        transition: .25s
    }

    .menu-open .sidebar {
        transform: translateX(0)
    }

    .sidebar-close {
        display: block
    }

    .sidebar-overlay {
        position: fixed;
        inset: 0;
        background: rgba(7, 20, 38, .45);
        z-index: 70
    }

    .menu-open .sidebar-overlay {
        display: block
    }

    .app-main {
        margin-left: 0
    }

    .menu-button {
        display: grid;
        place-items: center
    }

    .topbar {
        padding: 0 18px
    }

    .profile-pill>div {
        display: none
    }

    .trial-bar {
        margin: 12px 18px 0
    }

    .content-wrap {
        width: calc(100% - 36px);
        margin: 22px auto 34px
    }

    .dashboard-grid {
        grid-template-columns: 1fr
    }

    .split-layout {
        grid-template-columns: 1fr
    }

    .auth-window {
        grid-template-columns: 1fr;
        min-height: auto;
        max-width: 620px
    }

    .auth-brand-panel {
        display: none
    }

    .auth-form-panel {
        padding: 38px 28px
    }

    .mobile-logo {
        display: block;
        width: 160px;
        margin-bottom: 30px
    }

    .add-type {
        grid-template-columns: 1fr
    }

    .billing-card {
        grid-template-columns: 1fr
    }
}

@media(max-width:650px) {
    .topbar-actions .button {
        display: none
    }

    .topbar {
        height: 68px
    }

    .page-heading {
        align-items: flex-start;
        flex-direction: column
    }

    .page-heading .button {
        width: 100%
    }

    .page-heading-actions {
        width: 100%
    }

    .page-heading-actions .button {
        flex: 1
    }

    .stat-grid {
        grid-template-columns: 1fr
    }

    .field-grid {
        grid-template-columns: 1fr
    }

    .role-options {
        grid-template-columns: 1fr
    }

    .settings-nav {
        grid-template-columns: 1fr
    }

    .inline-rules {
        grid-template-columns: 1fr
    }

    .form-section {
        padding: 19px
    }

    .table-head {
        align-items: stretch;
        flex-direction: column
    }

    .table-search {
        max-width: none
    }

    .trial-bar {
        align-items: flex-start;
        flex-direction: column
    }

    .copy-field {
        flex-direction: column
    }

    .auth-shell {
        padding: 14px
    }

    .auth-window {
        border-radius: 20px
    }

    .auth-form-panel {
        padding: 30px 22px
    }

    .app-footer {
        padding: 14px 18px
    }

    .placeholder-panel {
        padding: 34px 20px
    }
}