/* Use the same 600px scene and compact breakpoint as the Index showcase. */
.capability-section--offer > .receipt-showcase-card {
    width: min(600px, 43vw);
}

.capability-section--offer > .receipt-showcase-card .viewport {
    position: absolute;
    inset: 0 auto auto 0;
    width: 600px;
    height: 600px;
    min-height: 0;
    transform: scale(var(--receipt-showcase-scale, 1));
    transform-origin: top left;
}

.capability-section--offer > .receipt-showcase-card[data-receipt-layout="compact"] {
    aspect-ratio: 4 / 5;
    min-height: 440px;
}

.receipt-showcase-card[data-receipt-layout="compact"] .video-card-inner > .viewport {
    width: 100%;
    height: 100%;
    transform: none;
}

[data-receipt-layout="compact"] #mounting07 {
    --receipt-scene-pad-y: 20px;
    --receipt-scene-pad-x: 16px;
    --receipt-panel-width: 100%;
    --receipt-conversation-width: 100%;
    --receipt-conversation-max-width: calc(100% - 32px);
    --receipt-conversation-height: calc(100% - 40px);
    --receipt-conversation-gap: 16px;
    --receipt-font-kicker: 9px;
    --receipt-font-caption: 11px;
    --receipt-font-meta: 13px;
    --receipt-font-body: 15px;
    --receipt-font-title: 16px;
    --receipt-font-value: 14px;
    --receipt-shell-padding: 14px;
    --receipt-shell-gap: 10px;
    --receipt-dropzone-padding: 13px;
    --receipt-drag-width: min(160px, calc(100% - 28px));
    --receipt-drag-padding: 12px;
    --receipt-modal-padding: 14px;
    --receipt-modal-overlay-padding: 14px;
    --receipt-detail-gap: 8px;
    --receipt-detail-padding-y: 8px;
    --receipt-status-row-padding-y: 10px;
    --receipt-status-row-padding-x: 10px;
    --receipt-status-pill-padding-x: 10px;
    --receipt-compose-min-height: 54px;
    --receipt-compose-padding-y: 12px;
    --receipt-compose-padding-x: 12px;
    --receipt-send-min-height: 34px;
    --receipt-send-min-width: 0px;
    --receipt-send-padding-x: 14px;
}

[data-receipt-layout="compact"] #mounting07 .upload-sequence {
    min-height: 0;
}

[data-receipt-layout="compact"] #mounting07 .receipt-stage {
    min-height: 150px;
}

[data-receipt-layout="compact"] #mounting07 .compose-row {
    flex-direction: column;
    align-items: stretch;
}

[data-receipt-layout="compact"] #mounting07 .compose-input {
    min-width: 0;
    overflow-wrap: anywhere;
}

[data-receipt-layout="compact"] #mounting07 .compose-send {
    width: 112px;
    max-width: 100%;
    align-self: flex-end;
    margin: 0;
}

[data-receipt-layout="compact"] #mounting07 .message-card {
    padding: 10px 12px;
}

[data-receipt-layout="compact"] #mounting07 .message-card-agent {
    padding-inline: 0;
}

[data-receipt-layout="compact"] #mounting07 .student-modal {
    --receipt-font-value: 14px;
    --receipt-font-caption: 11px;
    width: 100%;
}

[data-receipt-layout="compact"] #mounting07 .student-product-image {
    width: 100px;
    height: 100px;
}

[data-receipt-layout="compact"] #mounting07 .student-product {
    gap: 8px;
    padding-bottom: 8px;
}

[data-receipt-layout="compact"] #mounting07 .student-modal-body {
    gap: 8px;
}

[data-receipt-layout="compact"] #mounting07 .student-detail {
    grid-template-columns: minmax(0, 90px) minmax(0, 1fr);
}

[data-receipt-layout="compact"] #mounting07 .student-status-row {
    gap: 8px;
    flex-wrap: wrap;
}

@media (max-width: 1024px) {
    .capability-section--offer > .receipt-showcase-card {
        width: min(100%, 600px);
    }
}