#message-service685{grid-column:1/-1;min-width:0;border:1px solid #cbd8e6;border-radius:5px;background:#fff;overflow:hidden;margin-top:20px}#message-service685[hidden]{display:none!important}.message-service-body685{padding:20px}.message-service-status685{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.message-service-status685>div{display:flex;flex-direction:column;gap:8px;background:#edf3fa;border:1px solid #d1dfec;padding:16px;border-radius:5px}.message-service-status685 strong{font-size:14px}.message-service-status685 span{font-size:14px;line-height:1.5}.message-service-actions685{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.message-service-body685 p{line-height:1.7;font-size:14px}.message-service-body685 .muted{font-size:13px}.message-editor685{padding:20px;max-width:100%;box-sizing:border-box}.message-editor685>.panel{border:0;margin:0;padding:0}.message-editor685 form{max-width:100%}.message-editor685 label{display:block;margin:0 0 16px}.message-editor685 :is(input:not([type=checkbox]),select,textarea){width:100%;box-sizing:border-box}.message-editor685 .checkbox-label{display:flex;align-items:center;gap:10px}.message-editor685 pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8fc;border:1px solid #d1dfec;padding:16px;font:inherit;line-height:1.6}.message-editor685 .panel>h3[hidden]{display:none!important}#master-services685 details{margin:18px 0;border:1px solid #cbd8e6;padding:16px;border-radius:5px}#master-services685 summary{font-weight:600;cursor:pointer;margin-bottom:12px}#master-services685 form{margin-bottom:20px}#master-services685 .form-grid479{display:grid;grid-template-columns:1fr 1fr;gap:16px}#master-services685 input[type=checkbox]{width:20px;height:20px}#master-services685 p{line-height:1.6}@media(max-width:750px){.message-service-status685,#master-services685 .form-grid479{grid-template-columns:1fr}}

/* 4.707 */
#general-content .sms-package707{margin:0 0 20px;border:1px solid #dbe3eb;border-radius:5px;background:#fff;overflow:hidden}
#general-content .sms-package707[hidden]{display:none}
#general-content .sms-package707 .design-bar249{background:#173c60;color:#fff;min-height:58px;padding:14px 20px;display:flex;align-items:center;gap:10px}
#general-content .sms-package707 .design-bar249 svg{width:22px;height:22px}
#general-content .sms-package707 .design-title249{font-size:16px;font-weight:600;margin:0;color:inherit}
#general-content .sms-package-body707{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
#general-content .sms-package-body707 span,#general-content .sms-package-body707 p{font-size:14px;color:#536679;display:block}
#general-content .sms-package-body707 strong{display:block;font-size:26px;line-height:1.5;color:#173c60;font-variant-numeric:tabular-nums}
#general-content .sms-package-body707 p{margin:4px 0 0}
#general-content .sms-package-body707 button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:14px;font-weight:600}
#general-content .sms-package-body707 button svg{width:18px;height:18px}
#general-content .message-service-status685{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:650px){#general-content .sms-package-body707{align-items:stretch;flex-direction:column;gap:14px}#general-content .message-service-status685{grid-template-columns:1fr}}

/* 4.710 — paired catalog/purchase actions and a compact SMS balance. */
#general-content .sms-package-body707{padding:14px 20px;gap:16px}
#general-content .sms-package-actions710{display:flex;align-items:center;gap:10px;flex-shrink:0}
#general-content .sms-package-actions710>[data-sms-catalog710]{background:#e8eff7;color:#173c60;border:1px solid #c7d8eb}
@media(max-width:650px){#general-content .sms-package-actions710{flex-wrap:wrap}#general-content .sms-package-actions710 button{flex:1}}
/* 4.711 — same modal/card layout as the program package catalog. */
#dialog.sms-catalog711 .sms-plans-grid711{grid-template-columns:repeat(3,minmax(0,1fr))}
#dialog.sms-catalog711 .plan-card483>h2{background:#173c60}
#dialog.sms-catalog711 .sms-unit-price711{font-size:14px;color:#536679;margin:0 0 16px;line-height:1.5}
@media(max-width:850px){#dialog.sms-catalog711 .sms-plans-grid711{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#dialog.sms-catalog711 .sms-plans-grid711{grid-template-columns:1fr}}

#dialog.sms-catalog711 .plan-price483 strong.sms-price-unset712{font-size:24px;white-space:normal}

/* 4.720 — compact sender form, consistent with other settings. */
#general-content #message-sender685 .form-grid{gap:16px;margin-bottom:12px}
#general-content #message-sender685 label{font-size:14px;margin-bottom:0}
#general-content #message-sender685 input{font-family:inherit!important;font-size:14px!important;font-weight:400!important;min-height:44px}
#general-content #message-sender685>.muted{margin:10px 0 16px;font-size:13px;line-height:1.6}
#general-content .service-help720{font-size:14px;line-height:1.6}
#general-content .service-footer720{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}
#general-content .service-footer720 button{min-height:44px;font-size:14px;font-weight:600;margin:0}
#general-content .service-footer720 [role=status]{font-size:14px}
#general-content .service-footer720 [role=status]:empty{display:none}
