.sms-settings-panel { overflow:hidden; }
.sms-settings-heading { padding-block-end:18px; border-block-end:1px solid var(--cc-line); }
.sms-settings-heading h2 { margin-block:.3rem .2rem; }
.sms-connection-overview { display:grid; grid-template-columns:minmax(0,2fr) repeat(3,minmax(120px,1fr)); gap:10px; }
.sms-connection-overview>div { min-width:0; padding:14px 16px; border:1px solid var(--cc-line); border-radius:12px; background:var(--cc-surface-sunken); display:grid; gap:6px; }
.sms-connection-overview span { color:var(--cc-ink-soft); font-size:.78rem; }
.sms-connection-overview strong { font-size:.92rem; font-weight:650; overflow-wrap:anywhere; }
.sms-settings-form { display:grid; gap:16px; }
.sms-settings-group { margin:0; padding:20px; border:1px solid var(--cc-line); border-radius:16px; background:var(--cc-surface); min-width:0; }
.sms-settings-group legend { width:100%; padding:0 0 14px; display:flex; gap:12px; align-items:flex-start; font-weight:750; }
.sms-settings-group legend>span:first-child { width:30px; height:30px; flex:none; display:grid; place-items:center; border-radius:9px; background:var(--cc-accent-soft,var(--cc-subtle)); color:var(--cc-accent); font-size:.8rem; }
.sms-settings-group legend>span:last-child { display:grid; gap:3px; }
.sms-settings-group legend small { color:var(--cc-ink-soft); font-size:.78rem; font-weight:450; line-height:1.8; }
.sms-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.sms-fields--connection { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sms-fields--secret { grid-template-columns:minmax(0,2fr) minmax(220px,1fr); align-items:end; }
.sms-field { min-width:0; display:grid; grid-template-columns:1fr auto; gap:7px; color:var(--cc-ink); font-size:.86rem; font-weight:600; }
.sms-field--wide { grid-column:1/-1; }
.sms-field :is(input,select,textarea) { grid-column:1/-1; width:100%; min-width:0; min-height:46px; padding:10px 12px; border:1px solid var(--cc-line-strong); border-radius:11px; background:var(--cc-surface); color:var(--cc-ink); transition:border-color .18s ease,box-shadow .18s ease,background .18s ease; }
.sms-field :is(input,select,textarea):hover { border-color:var(--cc-accent); }
.sms-field :is(input,select,textarea):focus { border-color:var(--cc-accent); box-shadow:0 0 0 3px var(--cc-focus-soft,var(--cc-glow-button)); outline:0; }
.sms-field__hint,.sms-field__help { color:var(--cc-ink-soft); font-size:.72rem; font-weight:450; }
.sms-field__help { grid-column:1/-1; }
.sms-capability-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sms-choice { min-width:0; min-height:68px; padding:13px 14px; border:1px solid var(--cc-line); border-radius:13px; background:var(--cc-surface-sunken); display:flex; align-items:center; gap:12px; cursor:pointer; transition:border-color .18s ease,background .18s ease,transform .18s ease; }
.sms-choice:hover { border-color:var(--cc-accent); transform:translateY(-1px); }
.sms-choice>input[type=hidden] { display:none; }
.sms-choice>input[type=checkbox] { width:20px; height:20px; flex:none; accent-color:var(--cc-accent); }
.sms-choice>span { min-width:0; display:grid; gap:3px; }
.sms-choice strong { font-size:.88rem; }
.sms-choice small { color:var(--cc-ink-soft); font-size:.75rem; line-height:1.7; }
.sms-choice--danger { background:var(--cc-danger-soft); }
.sms-choice--danger strong { color:var(--cc-danger); }
.sms-settings-submit { padding:16px; border-radius:16px; background:var(--cc-surface-sunken); display:flex; align-items:center; justify-content:space-between; gap:16px; }
.sms-choice--master { flex:1; padding:0; border:0; background:transparent; min-height:auto; }
.sms-choice--master:hover { transform:none; border-color:transparent; }
.sms-settings-submit .cc-primary { flex:none; min-width:190px; }
@media(max-width:900px) {
 .sms-connection-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .sms-connection-overview>div:first-child { grid-column:1/-1; }
}
@media(max-width:700px) {
 .sms-settings-heading { align-items:flex-start; }
 .sms-connection-overview,.sms-fields,.sms-fields--connection,.sms-fields--secret,.sms-capability-grid { grid-template-columns:minmax(0,1fr); }
 .sms-connection-overview>div:first-child,.sms-field--wide { grid-column:auto; }
 .sms-settings-group { padding:16px; }
 .sms-settings-submit { align-items:stretch; flex-direction:column; }
 .sms-settings-submit .cc-primary { width:100%; min-width:0; }
}