/* Shared Settings UI */
.settings-page-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0 0 24px; }
.settings-page-intro > p { margin:0; max-width:760px; color:#65736e; font-size:1rem; line-height:1.55; }
.settings-primary-action { min-height:40px; padding-inline:16px; display:inline-flex; align-items:center; gap:8px; white-space:nowrap; border-radius:8px; font-weight:700; }
.settings-toolbar { min-height:72px; padding:16px 18px !important; display:flex; align-items:center; gap:16px; border-bottom:1px solid #e4eae7; background:#fff; }
.settings-toolbar .search-control, .settings-toolbar .funeral-search { width:min(520px, 100%); }
.settings-toggle, .claim-type-toggle, .mutual-rule-toggle { margin-left:auto; display:inline-flex; align-items:center; gap:9px; white-space:nowrap; color:#46544f; font-weight:600; font-size:.95rem; }
.settings-toggle input, .claim-type-toggle input, .mutual-rule-toggle input { width:16px; height:16px; accent-color:#0d5a45; }
.settings-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:22px 24px 18px; border-bottom:1px solid #e5ebe8; }
.settings-section-head h3 { margin:0 0 4px; font-size:1.05rem; font-weight:800; color:#17312a; }
.settings-section-head p { margin:0; color:#6c7975; font-size:.92rem; }
.settings-inline-stats { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.settings-inline-stats span { display:inline-flex; align-items:center; gap:5px; min-height:30px; padding:4px 10px; border:1px solid #e1e8e4; border-radius:999px; background:#f8faf9; color:#66736e; font-size:.82rem; }
.settings-inline-stats strong { color:#17312a; font-size:.9rem; }
.settings-row-actions { display:inline-flex; align-items:center; gap:6px; }
.settings-icon-action { width:34px; height:34px; padding:0; border:1px solid #e1e7e4; border-radius:8px; background:#fff; color:#233b34; display:inline-grid; place-items:center; transition:background .15s ease,border-color .15s ease,color .15s ease; }
.settings-icon-action:hover { background:#f2f7f5; border-color:#cbd8d2; color:#0d5a45; }
.settings-icon-action.warning:hover { color:#986c0c; background:#fff8e7; border-color:#eedda9; }
.settings-icon-action.success:hover { color:#16734b; background:#eef9f3; border-color:#cce8d9; }
.settings-icon-action.danger { color:#c53d48; }
.settings-icon-action.danger:hover { color:#a92532; background:#fff1f2; border-color:#f1c9cd; }
.settings-subnav { display:flex; align-items:center; gap:4px; margin:-6px 0 20px; border-bottom:1px solid #dce5e1; }
.settings-subnav button { position:relative; border:0; background:transparent; color:#65736e; font-weight:700; padding:11px 14px 13px; }
.settings-subnav button::after { content:''; position:absolute; left:12px; right:12px; bottom:-1px; height:2px; background:transparent; border-radius:2px 2px 0 0; }
.settings-subnav button:hover { color:#174b3d; }
.settings-subnav button.active { color:#0d5a45; }
.settings-subnav button.active::after { background:#0d5a45; }
.claim-types-page > .panel-card, .mutual-aid-rules-page > .panel-card, .funeral-setup-stack > .panel-card { overflow:hidden; }
/* Toolbar dropdowns must be allowed to escape the toolbar card, matching /loans/applications. */
.claim-types-page > .app-toolbar-card { overflow:visible; }
.claim-type-table thead th, .mutual-rule-table thead th, .funeral-setup-stack table thead th { padding-top:13px; padding-bottom:13px; background:#f7f9f8; color:#70807a; font-size:.76rem; letter-spacing:.055em; text-transform:uppercase; font-weight:800; border-bottom-color:#e4eae7; }
.claim-type-table tbody td, .mutual-rule-table tbody td, .funeral-setup-stack table tbody td { padding-top:16px; padding-bottom:16px; border-bottom-color:#edf1ef; }
.claim-type-table tbody tr:last-child td, .mutual-rule-table tbody tr:last-child td, .funeral-setup-stack table tbody tr:last-child td { border-bottom:0; }
@media (max-width: 760px) { .settings-page-intro { align-items:flex-start; flex-direction:column; } .settings-primary-action { width:100%; justify-content:center; } .settings-toolbar { align-items:stretch; flex-direction:column; } .settings-toggle, .claim-type-toggle, .mutual-rule-toggle { margin-left:0; } .settings-section-head { flex-direction:column; } }


/* Settings list pages follow the Members page layout: controls outside the table card. */
.settings-list-toolbar { margin-bottom:14px; }
.settings-list-card { min-height:280px; overflow:hidden; }
.settings-list-toggle { min-height:46px; padding:0 14px; display:inline-flex; align-items:center; gap:9px; border:1px solid var(--line); border-radius:10px; background:#fff; color:#46544f; font-size:.9rem; font-weight:600; white-space:nowrap; }
.settings-list-toggle input { width:16px; height:16px; margin:0; accent-color:var(--brand); }
.settings-list-card > .table-responsive { margin:0; }
.settings-list-card table thead th { padding:13px 18px; background:#f7f9f8; color:#70807a; font-size:.73rem; letter-spacing:.055em; text-transform:uppercase; font-weight:800; border-bottom-color:#e4eae7; white-space:nowrap; }
.settings-list-card table tbody td { padding:16px 18px; border-bottom-color:#edf1ef; }
.settings-list-card table tbody tr:last-child td { border-bottom:0; }
.funeral-setup-toolbar { margin-top:-6px; }
@media (max-width:767.98px) { .settings-list-toggle { flex:1 1 auto; justify-content:center; } }

/* L106-L123: Member Services configuration pages follow the locked app-wide standard. */
.claim-types-page,
.mutual-aid-rules-page,
.funeral-setup-stack {
    gap: 14px;
}

.funeral-setup-stack .settings-subnav {
    margin: -4px 0 0;
}

.app-compact-toolbar-card .funeral-setup-toolbar {
    margin-top: 0;
}

.claim-types-page .settings-list-card table tbody td,
.mutual-aid-rules-page .settings-list-card table tbody td,
.funeral-setup-stack .settings-list-card table tbody td {
    font-size: 14.5px;
}

.claim-types-page .settings-list-card table tbody td small,
.mutual-aid-rules-page .settings-list-card table tbody td small,
.funeral-setup-stack .settings-list-card table tbody td small {
    margin-top: 3px;
    font-size: 13px;
    line-height: 1.35;
}

.claim-types-page .table-footer,
.mutual-aid-rules-page .table-footer,
.funeral-setup-stack .table-footer {
    font-size: 13px;
}