/* Typed interaction cards remain readable in the existing message bubbles. */
.mi-slot { width: 100%; max-width: 470px; margin: 6px 0 12px; text-align: left; }
.mi-card { background: var(--bs-body-bg, #fff); color: var(--bs-body-color, #243336);
    border: 1px solid rgba(0,128,128,.3); border-radius: 13px; padding: 14px;
    box-shadow: 0 2px 8px rgba(0,0,0,.06); font-size: 13px; }
.mi-title { display: block; font-size: 15px; font-weight: 750; margin: 0 0 8px; }
.mi-description, .mi-role { font-size: 13px; line-height: 1.4; margin: 5px 0; }
.mi-role { opacity: .8; }
.mi-label { display: flex; flex-direction: column; gap: 7px; font-size: 12px; font-weight: 700; margin-top: 14px; }
.mi-select { display: block; width: 100%; min-height: 40px; border: 1px solid #9baeb0; border-radius: 9px;
    background: var(--bs-body-bg, #fff); color: var(--bs-body-color, #223); padding: 7px; font-size: 14px; }
.mi-actions { display: flex; gap: 9px; flex-wrap: wrap; margin-top: 12px; }
.mi-btn { min-height: 37px; padding: 8px 14px; border-radius: 9px; font-size: 13px; cursor: pointer;
    border: 1px solid transparent; font-weight: 650; }
.mi-btn:disabled { opacity: .5; cursor: wait; }
.mi-accept { background: #008080; color: white; }
.mi-secondary { background: transparent; color: inherit; border-color: #8ca6a8; }
.mi-status { margin-top: 9px; font-size: 12px; line-height: 1.4; }
.mi-status:empty { display: none; }