.settings-page{max-width:1320px;margin:0 auto}
.settings-tabs{display:flex;gap:4px;padding:0;margin:0 0 18px;border-bottom:1px solid var(--line)}
.settings-tabs button{border-radius:0;background:transparent;color:var(--muted);padding:13px 18px;border-bottom:3px solid transparent}
.settings-tabs button.active{color:var(--orange-dark);border-bottom-color:var(--orange);font-weight:800}
.settings-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:18px;box-shadow:0 5px 20px #2b2a2808}
.settings-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px}
.settings-card-head h3{margin:0 0 5px;color:#343230}
.settings-card-head p{margin:0;color:var(--muted)}
.settings-map-layout{display:grid;grid-template-columns:minmax(280px,430px) 1fr;gap:24px;align-items:stretch}
.settings-fields label,.settings-grid label,.settings-test label{margin:8px 0}
.settings-map-preview{min-height:270px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#efedea}
.settings-preview-error{height:100%;display:grid;place-items:center;color:var(--red);padding:20px}
.settings-note{margin-top:14px;padding:12px;border-radius:9px;background:#fff7ef;color:#76543b;font-size:13px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.settings-switch{display:flex;align-items:center;gap:9px;margin:0;font-weight:700;white-space:nowrap}
.settings-switch input{display:none}
.settings-switch span{position:relative;width:46px;height:25px;border-radius:99px;background:#cbc7c1;transition:.2s}
.settings-switch span:after{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0003;transition:.2s}
.settings-switch input:checked+span{background:var(--orange)}
.settings-switch input:checked+span:after{transform:translateX(21px)}
.settings-clear-password{display:flex!important;align-items:center;gap:9px;align-self:end;padding-bottom:11px}
.settings-clear-password input{width:17px;height:17px;accent-color:var(--orange)}
.settings-test{display:flex;align-items:flex-end;gap:12px;margin-top:12px;padding-top:16px;border-top:1px solid var(--line)}
.settings-test label{flex:1;max-width:420px}
.settings-footer{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:13px 16px;border:1px solid #f1d3bb;border-radius:12px;background:#fffaf5;box-shadow:0 8px 25px #3f2a1830}
.settings-footer span{margin-right:auto}
.settings-footer .success{color:var(--green);font-weight:700}
.settings-footer .error{color:var(--red)}
.settings-card td code{display:block;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){
  .settings-map-layout,.settings-grid{grid-template-columns:1fr}
  .settings-map-preview{min-height:240px}
}
@media(max-width:650px){
  .settings-card{padding:15px}
  .settings-card-head,.settings-test{align-items:stretch;flex-direction:column}
  .settings-test label{max-width:none;width:100%}
  .settings-footer{bottom:6px}
}