.content:has(.contacts-shell){max-width:none;padding:20px 57px 70px}
.contacts-shell{width:100%}
.contacts-tabs{height:28px;display:flex;align-items:center;gap:4px;margin-bottom:20px;padding-left:4px}
.contacts-tabs a{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:550;line-height:16px;white-space:nowrap}
.contacts-tabs a.active{background:#e4e4e4}
.contacts-tabs a:hover{background:#ebebeb}
.contacts-feature{height:88px;display:flex;align-items:center;gap:16px;padding:13px 15px;margin-bottom:16px}
.contacts-feature:has(.contacts-activity){height:85px}
.contacts-feature:has(.contacts-feature-copy p br){height:100px}
.contacts-feature-image{width:56px;height:56px;object-fit:contain;flex:none}
.contacts-feature-copy{flex:1;min-width:0}
.contacts-feature-copy h2{font-size:13px;font-weight:650;line-height:20px;margin:0 0 8px}
.contacts-feature-copy p{font-size:13px;line-height:20px;color:#616161;margin:0}
.contacts-feature>.btn{height:32px;font-size:13px;font-weight:550}
.contacts-activity{display:inline-flex;background:#f1f1f1;color:#666;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:550;line-height:16px;vertical-align:1px;margin-left:4px}
.contacts-activity.active{background:#d5f7e2;color:#135f3d}
.contacts-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 16px}
.contacts-stats.one{grid-template-columns:1fr}
.contacts-stat{height:90px;padding:13px 15px}
.contacts-stat-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.contacts-stat h2{font-size:13px;font-weight:650;line-height:20px;margin:0}
.contacts-stat strong{display:block;font-size:16px;font-weight:650;line-height:20px;margin-top:12px}
.contacts-download{border:0;background:none;color:#aaa;font-size:13px;padding:0;cursor:not-allowed}
.contacts-empty{height:356px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding-top:40px}
.contacts-shell:has(.contacts-stats.one) .contacts-empty{height:376px}
.contacts-empty img{width:226px;height:226px;object-fit:contain}
.contacts-empty strong{font-size:13px;font-weight:650;line-height:20px}
.contacts-empty a{font-size:13px;line-height:20px;color:#0964aa}
.contacts-segment-table{overflow:hidden}
.contacts-segment-table table{border-collapse:collapse;width:100%;table-layout:fixed}
.contacts-segment-table th{height:33px;background:#f5f5f5;color:#616161;font-size:12px;font-weight:550;text-align:left;padding:0 16px}
.contacts-segment-table td{height:34px;border-top:1px solid #e4e4e4;padding:0 16px;font-size:13px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contacts-segment-table th:nth-child(1){width:59%}
.contacts-segment-table th:nth-child(2){width:19%}
.contacts-segment-table a,.contacts-segment-table td button{color:#0864aa;text-decoration:none;font-size:13px;border:0;background:none;padding:0}
.contacts-segment-table a:hover,.contacts-segment-table td button:hover{text-decoration:underline}
.contacts-source-pill{display:inline-block;background:#d8fae6;color:#165c40;padding:1px 7px;border-radius:5px;font-size:12px;line-height:18px}
.contacts-modal{position:fixed;z-index:21;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100vw - 28px));background:#fff;border-radius:16px;box-shadow:0 15px 35px #0004;overflow:hidden}
.contacts-modal-head{height:52px;display:flex;align-items:center;justify-content:space-between;background:#f7f7f7;border-bottom:1px solid #e5e5e5;padding:0 16px}
.contacts-modal-head h2{font-size:14px;font-weight:650;margin:0}
.contacts-modal-head button{background:none;border:0;font-size:19px;color:#444;padding:4px 6px}
.contacts-modal-body{padding:16px;display:flex;flex-direction:column;align-items:stretch}
.contacts-modal-body>label:not(.contacts-upload){font-size:13px;font-weight:650;margin:0 0 8px}
.contacts-modal-body>.input{height:32px;margin-bottom:25px;font-size:13px}
.contacts-upload{height:160px;border:1px dashed #999;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:13px;cursor:pointer}
.contacts-upload-icon{width:40px;height:40px;border-radius:50%;background:#5c5c5c;color:#fff;display:grid;place-items:center;font-size:34px;line-height:40px;font-weight:700}
.contacts-upload small{font-size:13px;color:#666}
.contacts-modal-body p{font-size:13px;margin:17px 0 8px}
.contacts-modal-body>a{color:#075da0;font-size:13px;text-decoration:underline;align-self:flex-start}
.contacts-form-error{font-size:12px;color:#c72b25;margin-top:10px}
.contacts-modal-actions{height:60px;border-top:1px solid #e5e5e5;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 16px}
.contacts-modal-actions .btn{height:29px;font-size:12px}
@media(max-width:900px){.content:has(.contacts-shell){padding:20px 24px 70px}}
@media(max-width:640px){.content:has(.contacts-shell){padding:16px}.contacts-feature{height:auto;min-height:84px;flex-wrap:wrap}.contacts-feature>.btn{margin-left:72px}.contacts-stats{grid-template-columns:1fr}.contacts-segment-table{overflow:auto}.contacts-segment-table table{min-width:640px}}

.content:has(>.contacts-segments){padding:20px 32px 70px}.contacts-segments .contacts-empty{height:408px}.contacts-segments .contacts-empty p{font-size:13px;line-height:20px;margin:2px 0 0}.contacts-empty-link{border:0;background:none;color:#0964aa;font-size:13px;line-height:20px;padding:0;margin:0;min-height:20px}.contacts-empty-link:hover{text-decoration:underline}.contacts-empty-link:focus-visible{outline:2px solid #303030;outline-offset:3px}
@media(max-width:640px){.content:has(>.contacts-segments){padding:16px}.contacts-segments .contacts-empty{height:auto;min-height:408px;padding:40px 16px 32px;text-align:center}}

/* Email contacts share the approved table, without the three-column segment widths. */
.contacts-email-table{overflow-x:auto}
.contacts-email-table table{table-layout:auto;min-width:850px}
.contacts-email-table th:nth-child(n){width:auto;white-space:nowrap;padding:0 12px}
.contacts-email-table td{padding:0 12px}

@media(max-width:640px){
 .contacts-feature{display:grid;grid-template-columns:56px minmax(0,1fr);height:auto!important;align-items:start}
 .contacts-feature>.btn{grid-column:2;justify-self:start;margin-left:0}
}
