.tencent-sms-modal { width: min(100%, 760px); max-height: min(900px, calc(100dvh - 24px)); overflow: auto; }
.tencent-sms-head { align-items: flex-start; }
.tencent-sms-title { display: flex; align-items: center; gap: 12px; min-width: 0; }
.tencent-sms-title-icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: #edfafa; color: #0c8c8e; }
.tencent-sms-title > span:last-child { display: grid; gap: 3px; }
.tencent-sms-title small { color: #0f9294; font-size: 12px; line-height: 18px; }
.tencent-sms-title strong { color: #0b2e3a; font-size: 24px; line-height: 32px; }
.tencent-sms-note { margin: 2px 0 16px; padding: 14px 16px; border: 1px solid #d6eeee; border-radius: 12px; background: #f1f8f8; color: #536d76; font-size: 13px; line-height: 1.7; }
.sms-status-card { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 18px; padding: 14px 16px; border: 1px solid #efd7b1; border-radius: 10px; background: #fffaf1; color: #714817; }
.sms-status-card.is-ready { border-color: #b9e5df; background: #f1fbf9; color: #0c7775; }
.sms-status-card span { display: grid; gap: 4px; min-width: 0; }
.sms-status-card small { color: #637d84; font-size: 12px; }
.sms-status-card strong { flex: 0 0 auto; }
.tencent-sms-form { display: grid; gap: 16px; }
.tencent-sms-form fieldset { display: grid; gap: 18px; padding: 0; border: 0; }
.tencent-sms-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.tencent-sms-grid label { display: grid; gap: 7px; color: #536d76; font-size: 13px; line-height: 18px; }
.tencent-sms-grid label.tencent-sms-wide { grid-column: 1 / -1; }
.tencent-sms-grid input, .sms-template-id input { box-sizing: border-box; width: 100%; min-height: 44px; padding: 9px 11px; border: 1px solid #c9e0e4; border-radius: 9px; color: #0b2e3a; background: #fff; font: inherit; }
.tencent-sms-grid input:focus, .sms-template-id input:focus { border-color: #18c7c5; box-shadow: 0 0 0 3px rgba(24, 199, 197, .14); outline: 0; }
.tencent-sms-form em { color: #d52c48; font-style: normal; }
.sms-template-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding: 14px 0 10px; border-top: 1px solid #dce9eb; }
.sms-template-toolbar div { display: grid; gap: 4px; min-width: 0; }
.sms-template-toolbar strong { color: #0b2e3a; font-size: 15px; }
.sms-template-toolbar small { color: #637d84; font-size: 12px; line-height: 18px; }
.sms-template-toolbar > span { flex: 0 0 auto; color: #0c8c8e; font-size: 12px; }
.sms-template-list { display: grid; gap: 10px; }
.sms-template-section-title { margin: 8px 0 0; color: #0b5960; font-size: 15px; line-height: 22px; }
.sms-auth-switches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.sms-auth-switches label { display: flex; align-items: flex-start; gap: 10px; padding: 12px; border: 1px solid #dce9eb; border-radius: 9px; background: #fbfefe; color: #24424d; }
.sms-auth-switches input { flex: 0 0 auto; width: 18px; height: 18px; margin: 1px 0 0; accent-color: #18a9a8; }
.sms-auth-switches span { display: grid; gap: 3px; }
.sms-auth-switches b { font-size: 13px; line-height: 18px; }
.sms-auth-switches small { color: #637d84; font-size: 12px; line-height: 18px; }
.sms-template-row { display: grid; gap: 10px; padding: 14px; border: 1px solid #dce9eb; border-radius: 10px; background: #fbfefe; }
.sms-template-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.sms-template-head > div { display: grid; gap: 4px; min-width: 0; }
.sms-template-head strong { color: #0b2e3a; font-size: 14px; line-height: 20px; }
.sms-template-head small { color: #637d84; font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
.sms-template-status { flex: 0 0 auto; padding: 3px 8px; border-radius: 999px; background: #fff3e1; color: #986019; font-size: 11px; line-height: 18px; }
.sms-template-status.is-ready { background: #e9f8f4; color: #0b7972; }
.sms-template-content { margin: 0; padding: 10px 11px; border-radius: 7px; background: #f2f7f7; color: #24424d; font-size: 13px; line-height: 21px; overflow-wrap: anywhere; }
.sms-template-vars { display: flex; gap: 8px; color: #637d84; font-size: 12px; line-height: 20px; }
.sms-template-vars b { color: #405e68; font-weight: 500; overflow-wrap: anywhere; }
.sms-template-id { display: grid; gap: 7px; color: #536d76; font-size: 12px; }
.tencent-sms-error { margin: 0; padding: 10px 12px; border-radius: 8px; background: #fff2ef; color: #c44a2d; font-size: 12px; line-height: 18px; }
.tencent-sms-check { padding: 10px 12px; border-radius: 8px; background: #f4f8f8; color: #637d84; font-size: 12px; line-height: 18px; }
.tencent-sms-check.is-ready { background: #eefaf7; color: #0b7972; }
.tencent-sms-actions { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); gap: 10px; }
.tencent-sms-actions button { min-height: 44px; margin: 0; border-radius: 9px !important; font-size: 13px !important; }
@media (max-width: 560px) { .tencent-sms-grid, .tencent-sms-actions, .sms-auth-switches { grid-template-columns: minmax(0, 1fr); } .sms-template-toolbar { align-items: flex-start; flex-direction: column; } .sms-template-vars { display: grid; gap: 2px; } }