/* Scoped Cork/Bootstrap SMS composition in either writing direction and theme. */
.crm-sms-composer{--sms-border:#e0e6ed;--sms-panel:#f8fafc;--sms-text:#3b3f5c;--sms-muted:#667085;color:var(--sms-text);text-align:start;min-inline-size:0}
.dark .crm-sms-composer,.layout-dark .crm-sms-composer,body.dark .crm-sms-composer{--sms-border:#25364d;--sms-panel:#111c2d;--sms-text:#e0e6ed;--sms-muted:#a5b0c3}
.sms-composer-heading,.sms-message-heading,.sms-recipient-feedback,.sms-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}
.sms-composer-heading{padding:.45rem .65rem;border:1px solid var(--sms-border);border-radius:6px;background:var(--sms-panel);margin-block-end:.75rem;font-size:.85rem}
.sms-composer-heading .badge{white-space:normal;max-inline-size:100%;overflow-wrap:anywhere}
.sms-composer-recipients{margin-block-end:.75rem;min-inline-size:0}
.sms-selected-summary{display:flex;flex-wrap:wrap;gap:.35rem;overflow-wrap:anywhere;max-inline-size:100%;margin-block:.35rem;max-block-size:96px;overflow-y:auto}
.sms-single-recipient{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.35rem .75rem;padding:.4rem .65rem;border:1px solid var(--sms-border);border-radius:6px;background:var(--sms-panel)}
.sms-single-recipient .sms-selected-summary{font-weight:600;margin:0}
.sms-selected-mobile{color:var(--sms-muted);font-size:.85rem}
.sms-recipient-chip{display:inline-flex;padding:.3rem .6rem;border:1px solid var(--sms-border);border-radius:6px;background:var(--sms-panel);color:var(--sms-text);font-size:.85rem;overflow-wrap:anywhere}
.sms-message-heading{margin-block-end:.5rem;align-items:baseline}
.sms-message-heading label{margin:0;font-weight:600}
.sms-message-counter{font-size:.8rem;color:var(--sms-muted)}
.crm-sms-composer textarea{resize:vertical;block-size:96px;min-block-size:96px;max-block-size:260px}
.sms-composer-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin-block-start:.65rem}
.sms-composer-metrics>div{display:flex;flex-direction:column;gap:.25rem;border:1px solid var(--sms-border);border-radius:6px;background:var(--sms-panel);padding:.45rem .55rem;min-inline-size:0;overflow-wrap:anywhere}
.sms-composer-metrics span{font-size:.7rem;line-height:1.4;color:var(--sms-muted)}
.sms-composer-note,.sms-composer-reason,.sms-composer-validation{font-size:.8rem;line-height:1.65;margin-block:.6rem;overflow-wrap:anywhere}
.sms-composer-validation{color:#b54708}
.dark .sms-composer-validation,.layout-dark .sms-composer-validation{color:#ffc875}
.sms-composer-actions{justify-content:flex-end;border-block-start:1px solid var(--sms-border);padding-block-start:.65rem;margin-block-start:.75rem}
.sms-recipient-feedback{font-size:.8rem;line-height:1.6;color:var(--sms-muted);margin-block-start:.4rem}
.crm-sms-composer [hidden]{display:none!important}
.crm-sms-composer [data-sms-loading]{display:none}
form[data-sms-busy="1"] .crm-sms-composer [data-sms-loading]{display:inline-flex;gap:.4rem;align-items:center}
form[data-sms-busy="1"] .crm-sms-composer [data-sms-button-label]{display:none}
.crm-sms-composer [data-sms-busy="1"] [data-sms-loading]{display:inline-flex;gap:.4rem;align-items:center}
.crm-sms-composer [data-sms-busy="1"] [data-sms-button-label]{display:none}
.crm-sms-composer .ts-control,.crm-sms-composer .ts-dropdown{color:var(--sms-text);border-color:var(--sms-border);background:var(--sms-panel)}
.crm-sms-composer .ts-wrapper.multi .ts-control>div{background:#e7efff;color:#2949a5}
.dark .crm-sms-composer .ts-wrapper.multi .ts-control>div,.layout-dark .crm-sms-composer .ts-wrapper.multi .ts-control>div{background:#253859;color:#e0e6ed}
.modal-dialog:has(.crm-sms-composer){inline-size:min(820px,calc(100% - 1.5rem));max-inline-size:820px;max-width:calc(100% - 1.5rem);margin-inline:auto}
.modal-dialog:has(.crm-sms-composer) .modal-content{max-block-size:calc(100dvh - 3.5rem);overflow:hidden}
.modal-dialog:has(.crm-sms-composer) .modal-header{flex:none}
.modal-dialog:has(.crm-sms-composer) .modal-body{overflow-y:auto;min-block-size:0;padding:1rem 1.25rem}
.modal-content>form[data-crm-sms-form]{overflow-y:auto;min-block-size:0}
@media(max-width:575px){.sms-composer-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.sms-message-heading{align-items:flex-start;flex-direction:column;gap:.25rem}.sms-composer-actions .btn{flex:1}.sms-composer-heading{align-items:flex-start}.crm-sms-composer .ts-control{max-inline-size:100%;overflow-wrap:anywhere}.modal-dialog:has(.crm-sms-composer) .modal-content{max-block-size:calc(100dvh - 1rem)}.modal-dialog:has(.crm-sms-composer) .modal-body{padding:.75rem}}