.contract-subtab-content {
    container-type: inline-size;
    border: 1px solid #d2d2d2;
    border-radius: 0.75rem;
    padding: 1rem 2.5rem;
}

.contract-subtab-card-content {
    padding: 1rem;
}

.contract-inline-2 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    gap: 1rem;
    min-width: 0;
}

    .contract-inline-2 > * {
        min-width: 0;
    }

.contract-overview-shell {
    height: 100% !important;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.contract-overview-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

@container (max-width: 399px) {
    .contract-inline-2 {
        grid-template-columns: minmax(0, 1fr);
    }
}


.contract-assignment-grid-container {
    display: flex;
    flex-direction: column;
    height: clamp(14rem, 55vh, 32rem);
    max-height: 100%;
    min-height: 0;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.contract-assignment-grid-area {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}


.contract-overview-grid-container {
    display: flex;
    flex-direction: column;
    height: clamp(12rem, 31vh, 24rem);
    max-height: 100%;
    min-height: 0;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.contract-overview-grid-area {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}