.contact-index-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 150px 150px auto;gap:9px;align-items:center;margin:0 0 12px}.contact-index-toolbar input,.contact-index-toolbar select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 12px;color:var(--ink);min-height:40px;font-size:12px}.contact-index-toolbar span{font-size:11px;color:var(--muted);white-space:nowrap}.contact-index{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.contact-table-head,.contact-index-row{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(160px,1fr) minmax(140px,.9fr) minmax(190px,1.2fr) 80px 70px 90px;gap:10px;align-items:center}.contact-table-head{padding:10px 12px;background:#f7f8fb;border-bottom:1px solid var(--line);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#7b8598}.contact-index-row{width:100%;border:0;border-bottom:1px solid #edf0f5;background:#fff;color:var(--ink);text-align:left;padding:11px 12px;cursor:pointer;transition:.12s}.contact-index-row:last-of-type{border-bottom:0}.contact-index-row:hover{background:#fafaff}.contact-index-row>*{min-width:0}.contact-index-row b,.contact-index-row small{display:block;min-width:0;overflow-wrap:anywhere}.contact-index-row b{font-size:12px}.contact-index-row small{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.4}.contact-index-person{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center}.contact-index-person .contact-avatar{font-style:normal}.contact-next-overdue b,.contact-next-overdue small{color:var(--red)!important}.contact-index-row:hover .contact-index-person b{color:#555be0}@media(max-width:1100px){.contact-table-head,.contact-index-row{grid-template-columns:minmax(210px,1.5fr) minmax(150px,1fr) minmax(170px,1.1fr) 70px 70px}.contact-table-head span:nth-child(3),.contact-index-row>span:nth-child(3),.contact-table-head span:nth-child(7),.contact-index-row>span:nth-child(7){display:none}}@media(max-width:760px){.contact-index-toolbar{grid-template-columns:1fr}.contact-index-toolbar span{white-space:normal}.contact-table-head{display:none}.contact-index-row{grid-template-columns:1fr auto;gap:7px 12px;padding:12px}.contact-index-row>span{display:block!important}.contact-index-row>span:nth-child(2),.contact-index-row>span:nth-child(3),.contact-index-row>span:nth-child(7){grid-column:1/-1}.contact-index-row>span:nth-child(4){grid-column:1/-1;background:#f7f8fc;border-radius:8px;padding:8px}.contact-index-row>span:nth-child(5),.contact-index-row>span:nth-child(6){font-size:11px}.contact-index-person{grid-column:1/-1}}