dialog:has(.message-recipients){width:min(1080px,calc(100vw - 28px))}
.message-recipients{border:1px solid #dce3ed;border-radius:12px;background:#fff;overflow:hidden;margin:4px 0}
.message-recipients input[type=checkbox]{width:16px;height:16px;flex:0 0 16px;padding:0;margin:0;accent-color:#164a83;cursor:pointer}
.message-recipients input:disabled{cursor:default}
.message-recipients button{font:inherit;cursor:pointer}
.message-recipients button:disabled{cursor:default;opacity:.45}
.recipient-top{display:flex;align-items:center;gap:12px;background:#f0f3f8;padding:12px 16px;border-bottom:1px solid #e0e6ee}
.recipient-top h3{margin:0;font-size:15px;color:#173c65}
.recipient-top [role=status]{flex:1;font-size:13px;color:#526277}
.recipient-top strong{color:#164a83}
.recipient-top .btn{margin:0;background:#fff;font-size:12px;padding:6px 10px}
.recipient-section-label{font-size:12px;font-weight:700;color:#344b65;margin:12px 14px 8px}
.recipient-section-label small{font-weight:400;font-size:11px;margin-left:6px;color:#718098}
.recipient-types{display:flex;flex-wrap:wrap;gap:7px;padding:0 14px 14px}
.recipient-type{display:flex;align-items:center;gap:7px;margin:0;padding:8px 10px;border:1px solid #dbe2ed;border-radius:7px;cursor:pointer;font-size:12px;font-weight:500;background:#fff}
.recipient-type.is-selected{background:#eaf2ff;border-color:#8aafd8;color:#164a83}
.recipient-type b{font-size:11px;color:#63758c;font-variant-numeric:tabular-nums}
.recipient-type:has(input:disabled){opacity:.55;cursor:default}
.recipient-columns{display:grid;grid-template-columns:270px minmax(0,1fr);border-top:1px solid #e0e6ee}
.recipient-groups{background:#f7f9fc;border-right:1px solid #e0e6ee;min-width:0}
.recipient-groups>input[type=search]{display:block;width:calc(100% - 24px);margin:0 12px 8px;padding:8px 10px;font-size:12px;background:#fff}
.recipient-group-scroll{height:314px;overflow:auto;padding:0 7px 8px;overscroll-behavior:contain}
.recipient-group-row{display:flex;align-items:center;min-height:35px;gap:2px;border-radius:5px}
.recipient-group-row:hover{background:#eaf0f8}
.recipient-group-row label{display:flex;align-items:center;gap:7px;flex:1;min-width:0;margin:0;font-size:12px;font-weight:500;cursor:pointer;padding:6px 5px 6px 0}
.recipient-group-row label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.recipient-group-row small{font-size:11px;color:#7a8798;padding-right:3px;font-variant-numeric:tabular-nums}
.recipient-expand,.recipient-expand-space{width:22px;flex:0 0 22px;text-align:center}
.recipient-expand{height:28px;padding:0;border:0;background:transparent;color:#526b86;border-radius:4px}
.recipient-expand:hover{background:#dce7f5}
.recipient-group-children{margin-left:15px;border-left:1px solid #e0e5ee;padding-left:3px}
.recipient-group-children[hidden]{display:none}
.recipient-group-heading{font-size:11px;color:#63758c;margin:14px 8px 5px;padding-top:9px;border-top:1px solid #dfe6f0}
.recipient-contacts{min-width:0;padding:12px 14px 0}
.recipient-contacts>input[type=search]{display:block;width:100%;padding:8px 10px;font-size:12px;margin:0 0 10px}
.recipient-list-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;flex-wrap:wrap}
.recipient-list-tools label{display:flex;gap:6px;align-items:center;margin:0;font-size:12px;font-weight:500}
.recipient-list-tools .recipient-selected-only{font-size:11px;color:#718098}
.recipient-list-scroll{height:285px;overflow:auto;border:1px solid #e1e6ee;border-radius:7px;overscroll-behavior:contain}
.recipient-person{display:flex;align-items:center;gap:10px;margin:0;padding:10px 11px;border-bottom:1px solid #edf0f5;cursor:pointer;font-size:12px;font-weight:400;min-height:56px}
.recipient-person:last-child{border-bottom:0}
.recipient-person:hover{background:#f6f9fe}
.recipient-person:has(input:checked){background:#f0f6ff}
.recipient-person-text{flex:1;min-width:0}
.recipient-person-line{display:flex;align-items:baseline;gap:8px;min-width:0}
.recipient-person-line strong{font-size:13px;color:#233b56;flex-shrink:0}
.recipient-person-line>span{font-size:11px;color:#65758a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recipient-person small{display:block;margin-top:4px;color:#7b8899;font-size:11px}
.recipient-consent{margin:0 8px;font-size:10px;padding:1px 5px;border-radius:4px;background:#e8edf5;color:#526b89}
.recipient-consent.is-denied{background:#fff0e8;color:#a5643e}
.recipient-pagination{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:11px;color:#758297}
.recipient-pagination>div{display:flex;align-items:center;gap:10px}
.recipient-pagination button{font-size:11px;color:#3c5879;border:1px solid #dce3ed;background:#fff;border-radius:5px;padding:4px 8px}
.recipient-pagination b{font-weight:500;font-variant-numeric:tabular-nums}
.recipient-empty{padding:24px 14px;text-align:center;color:#8490a1;font-size:12px;line-height:1.7}
.recipient-limit{margin:0;padding:9px 14px;background:#fff6e8;color:#996629;border-top:1px solid #f1dfc0;font-size:12px}
@media(max-width:650px){
 .recipient-columns{grid-template-columns:1fr}
 .recipient-groups{border-right:0;border-bottom:1px solid #e0e6ee}
 .recipient-group-scroll{height:160px}
 .recipient-list-scroll{height:260px}
 .recipient-top{gap:8px;padding:10px 12px}
 .recipient-top h3{font-size:13px}
 .recipient-top [role=status]{font-size:11px}
 .recipient-types{gap:6px;padding:0 10px 12px}
 .recipient-type{font-size:11px;padding:7px 8px;gap:5px}
 .recipient-contacts{padding:12px 10px 0}
}

.recipient-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;min-width:0}.recipient-list-heading h4{margin:0;font-size:13px;color:#173c65}.recipient-list-heading .btn{padding:6px 9px;margin:0;font-size:12px;white-space:nowrap}