/* Shared desktop-like settings surface. Native controllers and field names stay intact. */
.mt-settings-native{font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ws-text);background:var(--ws-bg);font-size:13px}
.sc-shell.mt-settings-native #layout-sidebar{background:var(--ws-aside);border-right:1px solid var(--ws-border)}
.sc-shell.mt-settings-native #layout-sidebar .scroller{padding:18px 12px}
.sc-shell.mt-settings-native #settings-menu li{border:0;margin:3px 0}
.sc-shell.mt-settings-native #settings-menu a{display:flex;align-items:center;min-height:44px;padding:10px 14px!important;border-radius:9px;color:var(--ws-muted);font-size:13px;line-height:1.45;white-space:normal;transition:background .12s,color .12s}
.sc-shell.mt-settings-native #settings-menu a::before{font-size:16px;opacity:.7;margin-right:11px;flex-shrink:0}
.sc-shell.mt-settings-native #settings-menu li.selected>a{background:var(--ws-selected)!important;color:var(--ws-strong)!important;font-weight:600;box-shadow:none}
.sc-shell.mt-settings-native #settings-menu a:hover{background:var(--ws-hover);color:var(--ws-strong)}
.sc-shell.mt-settings-native #layout-list{background:var(--ws-panel)}
.sc-shell.mt-settings-native #sections-table li{margin:3px 0;border:0}
.sc-shell.mt-settings-native #sections-table a{min-height:42px;padding:11px 12px;border-radius:8px;color:var(--ws-muted);font-size:13px}
.sc-shell.mt-settings-native #sections-table li.selected>a{background:var(--ws-selected)!important;color:var(--ws-strong)!important;font-weight:550}
.sc-shell.mt-settings-native #layout-content{background:var(--ws-bg)}
.sc-shell.mt-settings-native #layout-sidebar>.header,.sc-shell.mt-settings-native #layout-list>.header,.sc-shell.mt-settings-native #layout-content>.header{background:var(--ws-panel);border-color:var(--ws-border);color:var(--ws-text);font-weight:600;box-shadow:none}
.sc-shell.mt-settings-native .header-title{font-size:13px!important;color:var(--ws-text)!important;letter-spacing:0}
.mt-settings-pane .formcontent{background:var(--ws-bg)!important;box-sizing:border-box;padding:30px 32px 96px!important;color:var(--ws-text)}
.mt-settings-pane .formcontent>form,.mt-settings-pane .formcontent>.propform,.mt-settings-pane .mt-pane-title{max-width:880px;margin-left:auto;margin-right:auto}
.mt-settings-pane .mt-pane-title{font-size:23px;line-height:1.35;font-weight:600;letter-spacing:-.5px;color:var(--ws-strong);margin-top:0;margin-bottom:24px}
.mt-settings-native .formcontent fieldset.mt-native-group{display:block;min-width:0;box-sizing:border-box;margin:0 auto 20px;padding:24px 26px 14px;border:1px solid var(--ws-border);border-radius:12px;background:var(--ws-panel);max-width:880px;box-shadow:0 2px 6px var(--ws-shadow)}
.mt-settings-native fieldset.mt-native-group>legend{display:block;float:none;width:auto;max-width:100%;padding:0 8px;margin:0 0 8px -8px;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-.1px;color:var(--ws-strong);border:0;background:var(--ws-panel)}
.mt-settings-pane .propform table,.mt-settings-pane table.propform{width:100%;border-collapse:collapse}
.mt-settings-pane .propform td{border:0;padding-top:12px!important;padding-bottom:12px!important;vertical-align:middle}
.mt-settings-pane td.title{width:47%;padding-right:24px!important;color:var(--ws-text);font-size:13px;line-height:1.6;text-align:left}
.mt-settings-pane td.title label{margin:0;font-weight:450;color:var(--ws-text);font-size:13px;line-height:1.6}
.mt-settings-native .formcontent input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=button]):not([type=submit]),.mt-settings-native .formcontent select,.mt-settings-native .formcontent textarea{box-sizing:border-box;min-height:40px;max-width:100%;padding:9px 12px;border:1px solid var(--ws-border);border-radius:8px;color:var(--ws-text);background:var(--ws-field);font:13px/1.5 Inter,'Segoe UI',Arial,sans-serif;box-shadow:none}
.mt-settings-native .formcontent textarea{min-height:112px;resize:vertical}
.mt-settings-native .formcontent input:focus-visible,.mt-settings-native .formcontent select:focus-visible,.mt-settings-native .formcontent textarea:focus-visible{outline:2px solid var(--sc-accent);outline-offset:2px;border-color:var(--sc-accent)}
.mt-settings-native .custom-control-label::before{border-color:var(--ws-border);background-color:var(--ws-field)}
.mt-settings-native .custom-control-input:checked~.custom-control-label::before{background-color:var(--sc-accent);border-color:var(--sc-accent)}
.mt-settings-native input[type=checkbox],.mt-settings-native input[type=radio]{accent-color:var(--sc-accent)}
.mt-settings-native .hint,.mt-settings-native .propform .hint,.mt-settings-native .formcontent small{color:var(--ws-muted);font-size:12px;line-height:1.65}
.mt-settings-pane>.formbuttons{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;justify-content:flex-end;gap:10px;padding:15px 32px!important;margin:0!important;background:var(--ws-panel)!important;border-top:1px solid var(--ws-border);box-shadow:0 -5px 18px var(--ws-shadow)}
.mt-settings-native .formbuttons .btn,.mt-settings-native .formcontent .btn,.mt-settings-native .ui-dialog-buttonpane button{min-height:40px;border:1px solid var(--ws-border);border-radius:8px;padding:9px 18px;font:550 13px/1.5 Inter,'Segoe UI',Arial,sans-serif;color:var(--ws-text);background:var(--ws-aside);box-shadow:none;text-transform:none;letter-spacing:0}
.mt-settings-native .formbuttons .btn-primary,.mt-settings-native .formcontent .btn-primary,.mt-settings-native .ui-dialog-buttonpane .btn-primary{background:var(--ws-button)!important;color:var(--ws-button-text)!important;border-color:transparent!important}
.mt-settings-native .btn:disabled,.mt-settings-native .btn.disabled{opacity:.5}
.mt-settings-native .select2-container .select2-selection{background:var(--ws-field);border:1px solid var(--ws-border);border-radius:8px;color:var(--ws-text);min-height:40px}
.mt-settings-native .tox,.mt-settings-native .tox .tox-editor-header{border-color:var(--ws-border)!important;border-radius:8px;box-shadow:none!important}
.mt-settings-native .tox .tox-toolbar,.mt-settings-native .tox .tox-toolbar__primary,.mt-settings-native .tox .tox-menubar,.mt-settings-native .tox .tox-toolbar-overlord{background:var(--ws-aside)!important;color:var(--ws-text)}
.mt-settings-native .tox .tox-mbtn,.mt-settings-native .tox .tox-tbtn{color:var(--ws-text)!important}.mt-settings-native .tox .tox-tbtn svg{fill:var(--ws-text)!important}
.mt-settings-native .mt-settings-heading>span{display:none}.mt-settings-native .mt-settings-heading h1{font-size:24px;font-weight:600;letter-spacing:-.5px}.mt-settings-native .mt-settings-content{padding:30px 32px!important}.mt-settings-native .mt-settings-card{box-shadow:0 2px 6px var(--ws-shadow)}
.mt-settings-native #folderstoolbar .purge{display:none!important}
@media(max-width:767px){.mt-settings-pane .formcontent{padding:22px 16px 90px!important}.mt-settings-native .formcontent fieldset.mt-native-group{padding:19px 18px 10px}.mt-settings-pane .mt-pane-title{font-size:21px}.mt-settings-pane td.title{width:auto;padding-right:12px!important}.mt-settings-pane>.formbuttons{padding:12px 16px!important}.mt-settings-native .mt-settings-content{padding:22px 16px!important}}
@media(max-width:480px){.mt-settings-pane .propform tr{display:block;padding:8px 0}.mt-settings-pane .propform td{display:block!important;width:100%!important;padding:4px 0!important}.mt-settings-pane .propform td.title{padding-bottom:7px!important}.mt-settings-pane .propform td input:not([type=checkbox]):not([type=radio]),.mt-settings-pane .propform td select{width:100%}.mt-settings-pane>.formbuttons .btn-primary{width:100%}}
@media(prefers-reduced-motion:reduce){.mt-settings-native *{transition:none!important}}