.ap-workspace table[data-responsive-planning-table] [hidden] { display: none !important; }
.ap-workspace [data-responsive-identity] { min-width: 0; }
.ap-workspace .ap-responsive-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    min-height: 1.75rem;
    padding: .25rem .5rem;
    border: 1px solid var(--ap-workspace-line);
    border-radius: .375rem;
    background: transparent;
    color: var(--ap-workspace-ink);
    font-size: .8125rem;
    white-space: nowrap;
    cursor: pointer;
}
.ap-workspace .ap-responsive-toggle:is(:hover, :focus-visible, [aria-expanded="true"]) { background: var(--ap-workspace-hover); }
.ap-responsive-toggle:focus-visible { outline: 2px solid var(--ap-workspace-accent); outline-offset: 2px; }
.ap-workspace [data-responsive-warning] { display: none; }
.ap-workspace .ap-responsive-condensed { --ap-compact-schedule-width: var(--ap-review-schedule-width, 220px); table-layout: fixed !important; width: 100% !important; min-width: 0 !important; max-width: 100%; }
.ap-workspace .ap-responsive-condensed:has(.ap-responsive-toggle:not([hidden])) { --ap-compact-schedule-width: calc(var(--ap-review-schedule-width, 220px) + 4.5rem); }
.ap-workspace .ap-responsive-condensed .ap-responsive-primary { width: auto !important; min-width: 0 !important; max-width: none !important; }
.ap-workspace .ap-responsive-condensed .ap-responsive-schedule { width: var(--ap-compact-schedule-width) !important; min-width: 0 !important; max-width: none !important; }
.ap-workspace .ap-responsive-condensed [data-responsive-identity] { display: flex; align-items: center; gap: .375rem; }
.ap-responsive-condensed [data-responsive-identity] > :is(a, [data-responsive-title], .min-w-0) { min-width: 0; }
.ap-workspace .ap-responsive-condensed .ap-responsive-toggle { display: inline-flex; }
.ap-workspace .ap-responsive-condensed [data-responsive-warning] { display: inline-flex; flex: none; color: var(--fallback-er, #e11d48); }
.ap-workspace .ap-responsive-row-details > td { padding: .75rem; border-bottom: 1px solid var(--ap-workspace-line); background: var(--ap-workspace-subtle); }
.ap-responsive-row-details dl { display: flex; flex-wrap: wrap; align-items: start; gap: 1rem 2rem; padding-inline: 1.875rem; }
.ap-responsive-row-details dt { margin-bottom: .375rem; font-size: .75rem; font-weight: 400; color: var(--ap-workspace-muted); }
.ap-responsive-row-details dd { min-width: 0; font-size: .8125rem; color: var(--ap-workspace-ink); }
.ap-responsive-row-details :is(.planning-review-location, .planning-review-mileage, .possession-mileage) { margin: 0; }

@media (width > 640px) {
    .ap-workspace .ap-responsive-condensed td:has(> .ap-responsive-toggle:not([hidden])) {
        position: relative;
        padding-inline-end: 4.75rem;
    }
    .ap-workspace .ap-responsive-condensed .ap-responsive-toggle {
        position: absolute;
        inset-inline-end: .625rem;
        inset-block-start: 50%;
        transform: translateY(-50%);
    }
}

@media (max-width: 640px) {
    .ap-workspace .ap-responsive-condensed,
    .ap-workspace .ap-responsive-condensed:has(.ap-responsive-toggle:not([hidden])) {
        --ap-compact-schedule-width: min(46%, var(--ap-review-schedule-width, 220px));
    }
    .ap-workspace .ap-responsive-condensed .ap-responsive-schedule,
    .ap-workspace .ap-responsive-condensed .ap-responsive-schedule :is(.whitespace-nowrap, .weekly-schedule-row) {
        white-space: normal;
        overflow-wrap: anywhere;
    }
    .ap-workspace .ap-responsive-condensed .ap-responsive-schedule {
        padding-inline: .5rem;
    }
    .ap-workspace .ap-responsive-condensed .ap-responsive-schedule :is(.flex, .inline-flex, .weekly-schedule-row) {
        column-gap: .25rem;
    }
    .ap-workspace .ap-responsive-condensed .ap-responsive-toggle:not([hidden]) {
        display: flex;
        inline-size: max-content;
        margin-block-start: .25rem;
        margin-inline-start: auto;
    }
}

@media (pointer: coarse) {
    .ap-workspace .ap-responsive-toggle { min-height: 2.75rem; }
}
