.settings-main{max-width:1240px;padding-top:38px}
.settings-main .page-heading{margin-bottom:22px}
.settings-layout{display:grid;grid-template-columns:218px minmax(0,1fr);gap:24px;align-items:start}
.settings-menu{position:sticky;top:24px;display:flex;flex-direction:column;gap:4px;padding:9px;background:#fff;border:1px solid #dfe6e1;border-radius:10px;box-shadow:0 3px 12px #273c3005}
.settings-menu button{position:relative;width:100%;min-height:46px;padding:11px 13px;border-radius:7px;background:transparent;color:#65786c;font-size:13px;text-align:left;white-space:normal;line-height:1.4}
.settings-menu button:hover{background:#f2f7f3}
.settings-menu button[aria-pressed=true]{background:#eaf3ed;color:var(--green);font-weight:650}
.settings-menu button[aria-pressed=true]::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:2px;background:var(--green)}
.settings-content{min-width:0;background:#fff;border:1px solid #dfe6e1;border-radius:10px;overflow:hidden;box-shadow:0 3px 12px #273c3005}
.settings-content .settings-section{margin:0}
.settings-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 27px 24px}
.settings-panel-head h2{margin:4px 0 0;color:#2b4436;font-size:20px;font-weight:600;letter-spacing:.3px}
.settings-overline{color:#86a08d;font-size:10px;font-weight:650;letter-spacing:1.2px}
.settings-panel-head .primary{min-height:38px;padding:8px 13px;font-size:12px}
.settings-list-heading{display:flex;justify-content:space-between;gap:12px;padding:12px 27px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8faf8;color:#738579;font-size:11px;font-weight:600}
.settings-list-heading span:last-child{font-weight:400;color:#8c9c91}
.settings-list{min-height:145px}
.settings-record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;padding:18px 27px;border-bottom:1px solid #edf1ee}
.settings-record:last-child{border-bottom:0}
.settings-record:hover{background:#fbfdfb}
.settings-record-info{min-width:0}
.settings-record-name{display:block;margin:3px 0;color:#315641;font-size:14px;font-weight:650;line-height:1.45;overflow-wrap:anywhere}
.settings-record-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin-top:12px}
.settings-meta-item{display:flex;min-width:0;gap:6px;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.settings-meta-item b{flex:none;color:#95a297;font-weight:500}
.settings-meta-item span{min-width:0;color:#61766a}
.settings-record-actions{display:flex;gap:8px;align-items:center}
.settings-record-actions .secondary{min-height:34px;padding:6px 12px;font-size:12px}
.settings-remove{min-height:34px;padding:6px 8px;background:transparent;color:#ae665c;font-size:12px;white-space:nowrap}
.settings-remove:hover{color:#903f34;background:#fbf3f1;border-radius:5px}
.settings-content .location-empty{padding:46px 20px;margin:0;color:#91a096;font-size:12px;text-align:center}
.settings-content .settings-error{margin:0 27px;color:#b35044;font-size:12px}
.settings-content .settings-error:not(:empty){padding:12px 0}
.settings-panel-footer{display:flex;justify-content:flex-end;padding:13px 27px;border-top:1px solid var(--line);color:#94a197;font-size:11px}
.settings-editor{width:720px;max-height:min(88vh,88dvh);overflow:hidden}
.settings-editor form{display:flex;flex-direction:column;max-height:min(88vh,88dvh);min-height:0}
.settings-editor .dialog-heading{flex:none;padding:22px 27px 19px}
.settings-editor .dialog-heading h2{margin-top:5px;font-size:20px}
.settings-editor .form-body{flex:1;min-height:0;padding:24px 27px;overflow:auto;overscroll-behavior:contain}
.settings-editor .dialog-footer{flex:none;padding:15px 27px}
.settings-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px}
.settings-editor-applicant{grid-template-columns:minmax(0,1fr)}
.settings-editor-location .settings-field:first-child,.settings-editor-vendor .settings-field:first-child{grid-column:1/-1}
.settings-field{display:flex;flex-direction:column;gap:7px;min-width:0;color:#63796a;font-size:12px}
.settings-field input{width:100%;min-width:0;min-height:40px;padding:10px 12px;border:1px solid #dce4de;border-radius:5px;background:#fff;color:#334c3e}
.settings-field input:focus{border-color:#5c9873;outline:2px solid #e0eee4}
@media(max-width:760px){
  .settings-main{padding-top:28px}
  .settings-layout{display:block}
  .settings-menu{position:static;flex-direction:row;gap:4px;overflow-x:auto;margin-bottom:15px;padding:5px}
  .settings-menu button{flex:1;min-width:max-content;min-height:40px;padding:9px 12px;text-align:center;white-space:nowrap}
  .settings-menu button[aria-pressed=true]::before{left:12px;right:12px;top:auto;bottom:0;width:auto;height:3px}
  .settings-panel-head{padding:20px}
  .settings-list-heading{padding:12px 20px}
  .settings-record{padding:16px 20px}
  .settings-panel-footer{padding:13px 20px}
  .settings-content .settings-error{margin:0 20px}
}
@media(max-width:540px){
  .settings-panel-head{align-items:flex-start}
  .settings-panel-head h2{font-size:17px}
  .settings-panel-head .primary{padding:7px 10px;white-space:nowrap}
  .settings-record{grid-template-columns:minmax(0,1fr)}
  .settings-record-meta{grid-template-columns:minmax(0,1fr)}
  .settings-record-actions{justify-content:flex-end}
  .settings-editor-fields{grid-template-columns:minmax(0,1fr)}
  .settings-editor .dialog-heading{padding:19px 20px}
  .settings-editor .form-body{padding:20px}
  .settings-editor .dialog-footer{padding:14px 20px}
}
