.portal-shell {
    background: $portal-soft;
    color: $portal-ink;
}

.portal-workspace {
    align-items: start;
    grid-template-columns: 280px minmax(0, 1fr);
    min-height: calc(100vh - 104px);
}

.portal-main {
    padding: 18px 20px 34px;
}

.portal-card {
    width: min(100%, 1120px);
    min-height: calc(100vh - 142px);
    margin-inline: auto;
    padding: 38px 34px 42px;
    background: $portal-card;
    border: 1px solid rgba($portal-line, 0.7);
    border-radius: 14px;
}

@include media-breakpoint-down(lg) {
    .portal-workspace {
        min-height: auto;
    }

    .portal-main {
        padding: 24px 0 0;
        background: $portal-white;
    }

    .portal-card {
        width: 100%;
        min-height: auto;
        padding: 0 24px 34px;
        border: 0;
        border-radius: 0;
    }
}