.darklab-voice-composer {
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    margin-top: 10px; padding: 10px 12px; border: 1px solid #a5b2c5; border-radius: 13px;
    background: #fff; color: #172235;
}
.darklab-voice-composer button, .darklab-voice-record-button {
    display: inline-flex; align-items: center; justify-content: center; gap: 7px;
    min-height: 38px; padding: 8px 12px; border: 1px solid #b30027; border-radius: 10px;
    background: #fff0f4; color: #a00025; font: 700 12px Arial,sans-serif; cursor: pointer;
}
.darklab-voice-composer button svg, .darklab-voice-record-button svg { width: 18px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.darklab-voice-composer [data-voice-status] { font: 12px Arial,sans-serif; color: #34445c; }
.darklab-voice-composer.is-recording { border-color: #b30027; background: #fff0f4; }
.darklab-voice-message { padding: 8px 10px; border: 1px solid #a5b2c5; border-radius: 12px; background: #fff; color: #172235; max-width: 100%; }
.darklab-voice-message > span { display: block; margin-bottom: 5px; color: #172235; font: 700 12px Arial,sans-serif; }
.darklab-voice-message > a { color: #a00025; font: 12px Arial,sans-serif; }
.darklab-voice-message audio, .darklab-voice-composer audio { display: block; width: 280px; max-width: 100%; height: 38px; }
.darklab-voice-composer [hidden] { display: none !important; }
.darklab-chat-form .darklab-voice-composer { margin: 5px 0; padding: 6px; gap: 6px; }
.darklab-chat-form .darklab-voice-composer button { min-width: 0; width: auto; }
body.darklab-fixed-bg:not(.no-portal-bg) .order-detail-main .order-chat-compose-row.has-voice-recorder {
    grid-template-columns: 42px 42px minmax(0, 1fr) auto;
}
body.darklab-fixed-bg:not(.no-portal-bg) .order-detail-main .order-chat-compose-row .darklab-voice-record-button {
    padding: 0; min-width: 0; width: 42px; background: #fff0f4; color: #a00025;
    border: 1px solid #b30027; border-radius: 10px;
}
.darklab-voice-record-button span { display: none; }
.darklab-voice-record-button.is-recording svg { display: none; }
.darklab-voice-record-button.is-recording::before { content: '■'; font-size: 18px; }
@media(max-width:640px) {
    body.darklab-fixed-bg:not(.no-portal-bg) .order-detail-main .order-chat-compose-row.has-voice-recorder {
        grid-template-columns: 40px 42px minmax(0, 1fr) 42px;
    }
}