#workPlansApp .work-plan-summary .card-body {
    min-height: 104px;
}

#workPlanManagement .work-plan-assignee-list {
    max-height: 270px;
    overflow-y: auto;
    background: #f8faf9;
}

.work-plan-assignee-option {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .65rem .7rem;
    border-radius: .55rem;
    cursor: pointer;
}

.work-plan-assignee-option:hover,
.work-plan-assignee-option:has(input:checked) {
    background: #e8f5ee;
}

.work-plan-assignee-option span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.work-plan-assignee-option small {
    color: #6c757d;
}

.work-plan-action-form {
    display: grid;
    grid-template-columns: minmax(130px, 1fr) auto;
    gap: .45rem;
}

.work-plan-action-form > .form-control,
.work-plan-action-form > .form-select {
    min-width: 0;
}

/* The planning form can be taller than a tablet or short desktop viewport.
   Keep its header and actions available while the form content scrolls. */
.work-plan-create-modal {
    height: calc(100dvh - 2rem);
}

.work-plan-create-modal .modal-content {
    max-height: 100%;
    overflow: hidden;
}

.work-plan-create-modal #workPlanCreateForm,
.work-plan-create-modal #workPlanEntryStep,
.work-plan-create-modal #workPlanReviewStep {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
}

.work-plan-create-modal #workPlanEntryStep .modal-body,
.work-plan-create-modal #workPlanReviewStep .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}

@media (max-width: 767.98px) {
    .work-plan-page-actions,
    .work-plan-page-actions .btn {
        width: 100%;
    }

    #workPlansApp .work-plan-summary .card-body {
        min-height: 86px;
        padding: .9rem;
    }

    #workPlansApp .work-plan-summary .display-6 {
        font-size: 1.75rem;
    }

    .work-plan-responsive-table,
    .work-plan-responsive-table tbody,
    .work-plan-responsive-table tr,
    .work-plan-responsive-table td {
        display: block;
        width: 100%;
    }

    .work-plan-responsive-table thead {
        display: none;
    }

    .work-plan-responsive-table tr:not(.work-plan-empty) {
        padding: .75rem 1rem;
        border-bottom: 1px solid #dee2e6;
    }

    .work-plan-responsive-table td {
        display: grid;
        grid-template-columns: minmax(92px, 34%) minmax(0, 1fr);
        gap: .65rem;
        padding: .45rem 0;
        border: 0;
        text-align: left !important;
    }

    .work-plan-responsive-table td::before {
        content: attr(data-label);
        color: #667085;
        font-size: .72rem;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .work-plan-responsive-table .work-plan-empty td {
        display: block;
        padding: 2.5rem 1rem;
    }

    .work-plan-responsive-table .work-plan-empty td::before {
        display: none;
    }

    .work-plan-action-form {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .work-plan-action-form .btn,
    .work-plan-team-controls .btn {
        width: 100%;
    }

    .modal-fullscreen-sm-down .modal-footer {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .modal-fullscreen-sm-down .modal-footer .btn {
        margin: 0;
    }
}