.sms-inbox-dialog{width:min(700px,calc(100vw - 32px));max-height:85vh;border:1px solid #dce3ec;border-radius:18px;padding:24px;color:#243348;background:#fff}
.sms-inbox-dialog::backdrop{background:#17233880}
.sms-inbox-dialog header,.sms-inbox-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sms-inbox-dialog h2{margin:0}.sms-inbox-dialog header form{margin:0}
.sms-inbox-dialog label{display:block;margin:16px 0}
#smsInboxRows article{padding:16px 0;border-top:1px solid #e4e9f0;overflow-wrap:anywhere}
#smsInboxRows small{display:block;margin:6px 0;color:#617185}
#smsInboxRows p{white-space:pre-wrap;margin:10px 0}
#smsInboxStatus{min-height:1.5em;color:#617185}
.sms-composer{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);display:flex;flex-direction:column}
#smsComposerForm{display:flex;flex-direction:column;min-height:0;overflow:auto}
#smsComposer .sms-fields{display:flex;flex-direction:column;gap:10px;min-height:0;padding:14px 18px}
#smsComposer .sms-fields textarea{height:80px;min-height:60px;max-height:180px}
.sms-history-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sms-history-tools .button{width:auto;min-height:30px;padding:4px 10px;font-size:12px}
#smsHistoryStatus{font-size:12px;color:#617185}
.sms-history{height:300px;min-height:130px;overflow:auto;overscroll-behavior:contain;background:#f2f6f9;border:1px solid #dce3ec;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}
.sms-bubble{max-width:90%;padding:10px 12px;border-radius:13px;background:white;border:1px solid #dde5ec;align-self:flex-start;overflow-wrap:anywhere;flex-shrink:0}
.sms-bubble.outbound{align-self:flex-end;background:#e2f2fb;border-color:#c5e3f3}
.sms-bubble p{margin:0 0 6px;white-space:pre-wrap;font-size:14px;line-height:1.45}
.sms-bubble small{display:block;font-size:11px;color:#5c7180}
.sms-chat-empty{color:#617185;font-size:13px;margin:auto;text-align:center}
#smsEditFailed{grid-column:1/-1}
#smsComposer footer>div{grid-column:1/-1}
#cancelSmsComposer{grid-column:2}#sendJobSms{grid-column:3}
#smsComposerMessage[data-state="success"]{color:#157a52}
@media(max-height:760px){.sms-history{height:190px}#smsComposer .sms-fields{gap:7px;padding:10px 14px}#smsComposer .sms-fields textarea{height:65px}}
@media(max-width:520px){.sms-bubble{max-width:96%}.sms-history{padding:8px}.sms-composer>header{padding:12px 15px}#cancelSmsComposer{grid-column:1}#sendJobSms{grid-column:2}}