/* Each configuration route owns one form and one active navigation item. */
.management.settings-pages{display:block;width:100%;max-width:1100px;padding:28px 24px 56px;margin:0 auto;min-width:0}
.settings-pages .management-heading{display:block;margin:28px 0 24px}
.settings-pages .management-heading h1{font:500 30px/1.2 var(--sans);margin:0 0 12px;letter-spacing:-.02em}
.settings-pages .management-heading p{font:400 16px/1.6 var(--sans);max-width:680px;margin:0;color:#536158}
.settings-page-nav{display:grid;width:100%;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 0 20px;border-bottom:1px solid #cbd1c9}
.settings-page-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #c1c9c0;border-radius:6px;color:#263c2f;text-decoration:none;font:500 14px/1.4 var(--sans);text-align:center;overflow-wrap:anywhere}
.settings-page-nav a[aria-current=page]{background:#243c2d;color:#fff;border-color:#243c2d}
.settings-page-nav a:focus-visible,.settings-page-form :is(input,button,a):focus-visible{outline:3px solid #47699a;outline-offset:3px}
.settings-page-form{width:100%;max-width:680px;min-width:0;display:grid;gap:24px}
.settings-page-form .content-field{display:grid;gap:8px;min-width:0;margin:0}
.settings-page-form label{font:500 16px/1.5 var(--sans);margin:0}
.settings-page-form input{width:100%;max-width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid #8f9c90;border-radius:5px;background:#fff;color:#24352b;font:400 16px/1.5 var(--sans)}
.settings-page-form .field-limit{font:400 14px/1.5 var(--sans);color:#536158}
.settings-page-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.settings-page-actions :is(button,a){min-height:44px}.settings-page-actions a{font:400 14px/1.5 var(--sans);display:inline-flex;align-items:center;text-decoration:underline}
.settings-scope-note,.settings-save-state{font:400 14px/1.6 var(--sans);margin:0;color:#536158}
@media(max-width:600px){.management.settings-pages{padding:20px 16px 40px}.settings-page-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:16px}.settings-pages .management-heading{margin:24px 0 20px}.settings-pages .management-heading h1{font-size:26px}.settings-page-form{gap:20px}}

.settings-page-form select{width:100%;max-width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #8f9c90;border-radius:5px;background:#fff;color:#24352b;font:400 16px/1.5 var(--sans)}
.settings-page-form .palette-controls{margin:0;max-width:100%;width:100%}.settings-page-form .palette-controls input[type=color]{padding:3px;min-height:44px;flex:0 0 44px}
.settings-page-preview{margin-top:4px;border-top:1px solid #cbd1c9;padding-top:16px;min-width:0}.settings-page-preview>summary{min-height:44px;display:list-item;cursor:pointer;font:500 16px/1.5 var(--sans)}
.settings-preview-caption{font:400 14px/1.6 var(--sans);color:#536158}.settings-preview-canvas{width:100%;max-width:660px;min-width:0;margin-top:16px;background:#fff}
.settings-data-page{max-width:760px;width:100%;min-width:0}.settings-data-row{padding:24px 0;border-bottom:1px solid #cbd1c9;display:grid;justify-items:start;gap:16px;min-width:0}.settings-data-row:first-child{padding-top:0}.settings-data-row h2{font:600 20px/1.4 var(--sans);margin:0 0 8px}.settings-data-row p{font:400 16px/1.6 var(--sans);margin:0;color:#536158;max-width:68ch}.settings-backup-actions{display:flex;gap:12px;flex-wrap:wrap}.settings-data-row .op-button{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:760px){.settings-page-form .palette-grid{grid-template-columns:1fr}.settings-data-row{padding:20px 0}.settings-page-form .palette-inputs input[type=text]{max-width:none}}

/* v49: small settings navigation gives complete words their own inline space. */
@media(max-width:359px){
 .management.settings-pages nav.settings-page-nav a{flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 6px;min-height:44px;text-align:center;word-break:normal;overflow-wrap:normal}
 .management.settings-pages nav.settings-page-nav .settings-nav-object{flex:0 0 36px;width:32px;height:36px;margin:0}
}