.settings-page{display:grid;gap:18px;max-width:none;min-width:0;margin:0;color:var(--text,#2b2a28)}
.settings-tabs{display:flex;gap:4px;max-width:100%;overflow-x:auto;margin:0;padding:0 14px;border-bottom:1px solid var(--line,#dedbd7);border-radius:14px 14px 0 0;background:var(--surface,#fff);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.settings-tabs::-webkit-scrollbar{display:none}
.settings-tabs button{flex:0 0 auto;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--muted,#6f6b67);font-weight:600;padding:16px 18px;white-space:nowrap}
.settings-tabs button:hover{border-left:0;background:var(--surface-accent,rgba(242,140,40,.08));color:var(--orange-dark,#bd5d00)}
.settings-tabs button.active{border-left:0;border-bottom-color:#f28c28;color:#bd5d00;background:rgba(242,140,40,.08);font-weight:600}
.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-tabs{padding:0 5px}
  .settings-tabs button{padding:13px 12px}
  .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}
}
.settings-cms-tabs{display:flex;gap:4px;overflow-x:auto;padding:0 14px;border-bottom:1px solid var(--line);background:var(--surface);scrollbar-width:none}
.settings-cms-tabs::-webkit-scrollbar{display:none}
.settings-cms-tabs button{flex:0 0 auto;border:0;border-left:0!important;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--muted);padding:14px 17px;font-weight:600}
.settings-cms-tabs button:hover,.settings-cms-tabs button.active{border-bottom-color:var(--orange);background:var(--surface-accent);color:var(--orange-dark)}
.help-cms-card{border-radius:0 0 14px 14px}
.help-cms-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px 180px auto;gap:10px;margin:16px 0}
.help-cms-bulk{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.help-cms-bulk select{width:220px}
.help-cms-bulk span{color:var(--muted);font-size:13px}
.help-cms-table td:first-child,.help-cms-table th:first-child{width:40px;text-align:center}
.help-cms-table td:last-child,.help-cms-table th:last-child{width:52px;text-align:center}
.help-cms-title{display:block;border:0;background:transparent;color:var(--ink);padding:0;font-weight:700;text-align:left}
.help-cms-title:hover{color:var(--orange-dark)}
.help-cms-table td small{display:block;margin-top:3px;color:var(--muted);max-width:540px}
.help-cms-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}
.help-cms-status.status-published{background:var(--success-soft);color:var(--success)}
.help-cms-status.status-draft{background:var(--warning-soft);color:var(--warning)}
.help-cms-status.status-hidden{background:var(--surface-soft);color:var(--muted)}
#modal.help-cms-dialog{width:min(960px,calc(100vw - 32px));max-width:960px;max-height:calc(100dvh - 32px)}
#modal.help-cms-dialog #modal-body{min-width:0}
.help-cms-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.help-cms-form-grid .full{grid-column:1/-1}
.help-cms-form textarea{resize:vertical}
.help-cms-media{padding-top:14px;border-top:1px solid var(--line)}
.help-cms-media h4{margin:0 0 12px}
.help-cms-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.help-cms-images figure{margin:0;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}
.help-cms-images img{display:block;width:100%;height:110px;object-fit:contain;border-radius:7px}
.help-cms-images figcaption{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-top:7px;color:var(--muted);font-size:12px}
.help-cms-images figcaption button{border:0;background:transparent;color:var(--danger);padding:3px}
.help-cms-version-list{display:grid;gap:8px;margin:18px 0}
.help-cms-version-list article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}
.help-cms-version-list small{display:block;color:var(--muted);margin-top:3px}
@media(max-width:920px){.help-cms-toolbar{grid-template-columns:1fr 1fr}.help-cms-toolbar input{grid-column:1/-1}}
@media(max-width:680px){
  .settings-cms-tabs{padding:0 5px}.settings-cms-tabs button{padding:12px 11px}
  .help-cms-card{padding:13px}.help-cms-toolbar{grid-template-columns:1fr}
  .help-cms-toolbar input{grid-column:auto}.help-cms-bulk{align-items:stretch;flex-wrap:wrap}.help-cms-bulk select{width:100%}
  .help-cms-form-grid{grid-template-columns:1fr}.help-cms-form-grid .full{grid-column:auto}
  .help-cms-table th:nth-child(5),.help-cms-table td:nth-child(5),.help-cms-table th:nth-child(6),.help-cms-table td:nth-child(6){display:none}
  #modal.help-cms-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px)}
}


/* Help CMS WYSIWYG editor */
.help-cms-editor-label{display:block;margin-bottom:7px;color:var(--ink);font-weight:600}
.help-cms-editor-shell{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--surface)}
.help-cms-editor-shell:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px rgba(242,140,40,.14)}
.help-cms-editor-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;background:var(--surface-soft);border-bottom:1px solid var(--line)}
.help-cms-editor-group{display:flex;align-items:center;gap:3px;padding-right:6px;border-right:1px solid var(--line)}
.help-cms-editor-group:last-child{padding-right:0;border-right:0}
.help-cms-editor-history{margin-left:auto}
.help-cms-editor-button{display:grid;place-items:center;width:34px;height:32px;min-width:34px;padding:0;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:7px;font:600 13px/1 Inter,Arial,sans-serif}
.help-cms-editor-button.wide{min-width:39px}.help-cms-editor-button.text{width:auto;padding:0 9px}.help-cms-editor-button.strong{font-weight:800}.help-cms-editor-button.italic{font-style:italic}.help-cms-editor-button.underline{text-decoration:underline}
.help-cms-editor-button:hover,.help-cms-editor-button:focus-visible{background:var(--surface-accent);color:var(--orange-dark);border-color:#efc49e;outline:0}
.help-cms-editor{min-height:330px;max-height:52vh;overflow:auto;padding:18px;background:var(--surface);color:var(--ink);font:400 15px/1.65 Inter,Arial,sans-serif;outline:0}
.help-cms-editor:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}
.help-cms-editor h2{margin:20px 0 8px;font-size:22px;line-height:1.3}.help-cms-editor h3{margin:18px 0 7px;font-size:18px;line-height:1.35}.help-cms-editor h4{margin:16px 0 6px;font-size:16px}
.help-cms-editor p,.help-cms-editor div{margin:8px 0}.help-cms-editor ul,.help-cms-editor ol{margin:10px 0;padding-left:26px}.help-cms-editor li{margin:5px 0}
.help-cms-editor a{color:var(--orange-dark);text-decoration:underline}.help-cms-editor hr{margin:20px 0;border:0;border-top:1px solid var(--line)}.help-cms-editor blockquote{margin:14px 0;padding:10px 14px;background:var(--surface-accent);border-left:3px solid var(--orange);border-radius:0 8px 8px 0;color:var(--muted)}
.help-cms-editor-value{display:none}
.help-cms-editor-footer{display:flex;justify-content:space-between;gap:12px;padding:7px 11px;background:var(--surface-soft);color:var(--muted);border-top:1px solid var(--line);font-size:11px}
.help-cms-editor-footer .limit{color:var(--danger);font-weight:700}
:root[data-theme="dark"] .help-cms-editor-shell,:root[data-theme="dark"] .help-cms-editor,:root[data-theme="dark"] .help-cms-editor-toolbar,:root[data-theme="dark"] .help-cms-editor-footer{border-color:var(--line)}
@media(max-width:760px){.help-cms-editor-toolbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.help-cms-editor-toolbar::-webkit-scrollbar{display:none}.help-cms-editor-group{flex:0 0 auto}.help-cms-editor-history{margin-left:0}.help-cms-editor{min-height:260px;max-height:46vh;padding:14px}.help-cms-editor-footer span:first-child{display:none}.help-cms-editor-footer{justify-content:flex-end}}
