.mutual-aid-rules-page { display:grid; gap:20px; }
.mutual-aid-rules-page .page-heading-row { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }
.mutual-aid-rules-page .page-heading-row h2 { margin:2px 0 4px; font-size:1.45rem; font-weight:800; color:#283831; }
.mutual-aid-rules-page .page-heading-row p { margin:0; color:#6f7d77; }
.mutual-rule-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 18px; border-bottom:1px solid #e4e9e6; }
.mutual-rule-toolbar .search-control { position:relative; flex:1 1 420px; max-width:520px; }
.mutual-rule-toolbar .search-control i { position:absolute; left:13px; top:50%; transform:translateY(-50%); color:#78857f; }
.mutual-rule-toolbar .search-control input { width:100%; min-height:42px; padding:9px 12px 9px 38px; border:1px solid #d8e1dc; border-radius:9px; outline:none; }
.mutual-rule-toggle { display:flex; align-items:center; gap:8px; color:#58675f; font-weight:600; }
.mutual-rule-table th { color:#6f7c76; font-size:.77rem; text-transform:uppercase; letter-spacing:.04em; }
.mutual-rule-table td { vertical-align:top; }
.mutual-rule-table td:first-child { min-width:180px; }
.mutual-rule-table td:first-child strong, .mutual-rule-table td:first-child small { display:block; }
.mutual-rule-table td:first-child small { max-width:240px; margin-top:3px; color:#7e8984; font-size:.8rem; }
.mutual-rule-summary { display:grid; gap:2px; min-width:210px; color:#59675f; font-size:.82rem; }
.mutual-rule-choice-grid { display:grid; grid-template-columns:1fr; gap:6px; }
.mutual-rule-choice-grid button { min-height:38px; padding:7px 10px; border:1px solid #d8e1dc; border-radius:8px; background:#fff; color:#526159; text-align:left; font-weight:600; }
.mutual-rule-choice-grid button.active { border-color:#73ae94; background:#eaf4ef; color:#155d43; }
@media (max-width: 767.98px) { .mutual-aid-rules-page .page-heading-row, .mutual-rule-toolbar { align-items:stretch; flex-direction:column; } .mutual-rule-toolbar .search-control { max-width:none; width:100%; } }
.mutual-rule-claim-type-select { position:relative; }
.mutual-rule-claim-type-trigger { display:flex; align-items:center; width:100%; min-height:48px; padding:7px 12px; border:1px solid #d8e1dc; border-radius:9px; background:#fff; color:#35483f; text-align:left; }
.mutual-rule-claim-type-select.open .mutual-rule-claim-type-trigger { border-color:#6aa388; box-shadow:0 0 0 3px rgba(44,122,88,.1); }
.mutual-rule-claim-type-trigger > span { display:grid; gap:1px; flex:1 1 auto; min-width:0; }
.mutual-rule-claim-type-trigger small { color:#819087; font-size:.72rem; line-height:1; }
.mutual-rule-claim-type-trigger strong { overflow:hidden; font-size:.94rem; text-overflow:ellipsis; white-space:nowrap; }
.mutual-rule-claim-type-trigger > i { margin-left:12px; color:#74837b; font-size:.82rem; }
.mutual-rule-claim-type-dismiss { position:fixed; inset:0; z-index:1054; border:0; background:transparent; }
.mutual-rule-claim-type-menu { position:absolute; z-index:1055; top:calc(100% + 6px); left:0; right:0; overflow:auto; max-height:280px; padding:6px; border:1px solid #dce4df; border-radius:10px; background:#fff; box-shadow:0 12px 28px rgba(24,49,38,.15); }
.mutual-rule-claim-type-option { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:44px; padding:8px 10px; border:0; border-radius:7px; background:transparent; color:#3d5047; text-align:left; }
.mutual-rule-claim-type-option:hover, .mutual-rule-claim-type-option.active { background:#edf5f1; color:#155d43; }
.mutual-rule-claim-type-option > span { display:grid; gap:1px; min-width:0; }
.mutual-rule-claim-type-option strong { font-size:.91rem; }
.mutual-rule-claim-type-option small { overflow:hidden; color:#7c8982; font-size:.76rem; text-overflow:ellipsis; white-space:nowrap; }

.member-service-standard-dialog .mutual-rule-claim-type-select.open {
    z-index: 1070;
}

.member-service-standard-dialog .mutual-rule-claim-type-menu {
    z-index: 1072;
}

.member-service-standard-dialog .mutual-rule-claim-type-dismiss {
    z-index: 1071;
}
