/* Settings share the admin palette and keep their layout independent of security forms. */
.settings-view{--settings-selected:#fff7f0;--settings-accent:#ac6732;max-width:1120px}
.settings-tabs{display:flex;gap:8px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.settings-tabs [role=tab]{display:inline-flex;align-items:center;justify-content:center;gap:9px;position:relative;min-height:50px;padding:12px 20px;border:0;background:transparent;border-radius:8px 8px 0 0;color:var(--muted);font-size:14px;font-weight:600}
.settings-tabs [role=tab] svg{width:18px;height:18px}
.settings-tabs [role=tab]:hover{color:var(--ink);background:var(--line)}
.settings-tabs [role=tab][aria-selected=true]{color:var(--orange-ink)}
.settings-tabs [role=tab][aria-selected=true]::after{content:"";position:absolute;bottom:-1px;left:18px;right:18px;height:3px;border-radius:3px 3px 0 0;background:var(--settings-accent)}
.settings-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px 30px;border-bottom:1px solid var(--line)}
.settings-card-heading h2{font-size:18px;line-height:1.4;font-weight:650;margin:0 0 7px}
.settings-card-heading p{font-size:13px;line-height:1.6;margin:0;color:var(--muted)}
.settings-view .badge{flex-shrink:0;font-size:12px;padding:5px 10px;white-space:normal}
.settings-card-heading>.badge{margin-top:2px}
.settings-form-body{padding:26px 30px}
.provider-options{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.provider-options legend{padding:0;margin-bottom:12px;font-size:13px;font-weight:600}
.settings-view .provider-option{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:13px;margin:0;padding:19px 18px;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:var(--card);font-weight:400;transition:border-color .16s ease,background .16s ease}
.provider-option:has(input:checked){border-color:var(--settings-accent);background:var(--settings-selected)}
.provider-option:has(input:disabled){opacity:.6;cursor:wait}
.provider-option:hover{border-color:var(--settings-accent)}
.provider-option:focus-within{outline:3px solid var(--orange);outline-offset:3px}
.settings-view .provider-option input{grid-column:3;grid-row:1;width:18px;min-height:18px;height:18px;margin:0;accent-color:var(--orange-ink);padding:0}
.provider-option .provider-icon{grid-column:1;grid-row:1;display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:var(--bg);color:var(--muted)}
.provider-option:has(input:checked) .provider-icon{color:var(--orange-ink);background:var(--card)}
.provider-option>span:last-child{grid-column:2;grid-row:1;min-width:0}
.provider-icon svg{width:23px;height:23px}
.provider-option strong{display:block;font-size:14px;font-weight:600;line-height:1.5}
.provider-option small{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:4px}
.settings-view .field-hint{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.75;overflow-wrap:anywhere}
.cos-settings{margin-top:24px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.cos-settings summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;cursor:pointer;list-style:none;min-height:72px}
.cos-settings summary::-webkit-details-marker{display:none}
.cos-settings summary:hover{background:var(--bg)}
.cos-settings summary strong{display:block;font-size:14px;font-weight:600}
.cos-settings summary small{display:block;margin-top:3px;font-size:12px;color:var(--muted);line-height:1.6}
.cos-settings .details-chevron{width:18px;height:18px;color:var(--muted);transition:transform .16s ease}
.cos-settings[open] .details-chevron{transform:rotate(90deg)}
.cos-settings[open] summary{border-bottom:1px solid var(--line)}
.cos-settings-body{padding:22px 20px}
.settings-section-heading{margin-bottom:18px}
.settings-section-heading h3{font-size:13px;margin:0 0 5px;font-weight:650}
.settings-section-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}
.credentials-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:22px;margin-top:24px}
.settings-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
.settings-field{min-width:0}
.settings-view .settings-field label{margin:0 0 8px;font-weight:600;font-size:13px}
.settings-view .settings-field input{display:block;width:100%;min-width:0;min-height:46px;font-size:13px}
.settings-field>small{display:block;margin-top:7px;color:var(--muted);font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.settings-view .settings-clear-row{margin-top:18px}
.settings-view .config-checkbox{margin:0;font-size:12px;font-weight:400;line-height:1.6;min-height:44px}
.settings-view .config-checkbox small{display:block;color:var(--muted);font-size:12px;font-weight:400}
.settings-view .config-checkbox:has(input:disabled){color:var(--muted)}
.settings-note{display:flex;align-items:flex-start;gap:10px;background:var(--bg);border-radius:8px;padding:15px 16px;margin-top:24px}
.settings-note>svg{width:18px;height:18px;margin-top:2px;color:var(--muted)}
.settings-note p{margin:0;font-size:12px;line-height:1.75}
.settings-note strong{display:block;font-weight:500;color:var(--ink)}
.settings-note span{display:block;color:var(--muted);margin-top:2px}
.settings-form-body>.form-error,.settings-form-body>.success-message{margin:18px 0 0;font-size:13px}
.settings-form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 30px;border-top:1px solid var(--line);background:var(--card)}
.settings-form-footer>span{font-size:12px;color:var(--muted)}
.settings-form-footer>div{display:flex;gap:10px}
.settings-form-footer button{font-size:13px;min-height:44px;white-space:nowrap}
.settings-service-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:var(--bg);padding:18px 20px;border-radius:9px;margin:0 0 26px}
.settings-service-meta dt{font-size:12px;color:var(--muted);margin:0 0 5px}
.settings-service-meta dd{font-size:14px;font-weight:600;margin:0;overflow-wrap:anywhere}
@media(max-width:1100px){.settings-form-footer>span{display:none}.settings-form-footer{justify-content:flex-end}.settings-card-heading,.settings-form-body{padding:24px}.provider-options{gap:12px}.settings-view .provider-option{padding:16px 13px;gap:10px;grid-template-columns:32px minmax(0,1fr) 18px}.provider-option .provider-icon{width:32px;height:36px}}
@media(max-width:650px){.settings-tabs{margin-bottom:16px;gap:0}.settings-tabs [role=tab]{flex:1;min-height:48px;padding:10px 12px;font-size:14px}.settings-card-heading{padding:20px 18px;gap:12px}.settings-card-heading h2{font-size:17px}.settings-card-heading p{font-size:12px}.settings-card-heading>.badge{font-size:11px;max-width:110px}.settings-form-body{padding:20px 18px}.provider-options{grid-template-columns:1fr;gap:10px}.provider-options legend{font-size:14px}.settings-view .provider-option{padding:16px;grid-template-columns:36px minmax(0,1fr) 18px;gap:12px}.provider-option strong{font-size:14px}.cos-settings{margin-top:20px}.cos-settings summary{padding:16px;min-height:72px}.cos-settings-body{padding:20px 16px}.settings-field-grid{grid-template-columns:1fr;gap:20px}.settings-view .settings-field input{font-size:16px;padding-inline:11px}.settings-view .settings-field label{font-size:14px}.settings-form-footer{padding:16px 18px}.settings-form-footer>div{width:100%;flex-wrap:wrap}.settings-form-footer button{flex:1;padding-inline:12px}.settings-note{padding:14px 12px;margin-top:20px}.credentials-heading{align-items:flex-start}.settings-view .credentials-heading .badge{font-size:11px}.settings-service-meta{padding:16px;gap:12px}.settings-service-meta dd{font-size:13px}.settings-view .config-checkbox{align-items:flex-start;padding-block:10px}.settings-view .config-checkbox input{margin-top:2px}}