.mate-card{background:white;border:1px solid #dce7ed;border-radius:18px;padding:20px;margin:18px 0}.mate-card h3{margin-top:0}.mate-select{width:100%;padding:12px;border:1px solid #cbdce6;border-radius:10px;font:inherit;margin:10px 0}.mate-switch{display:flex;gap:8px;flex-wrap:wrap}.mate-switch button{border:1px solid #bfd3e0;background:#f5f9fc;border-radius:12px;padding:10px;cursor:pointer}.mate-switch .selected{background:#e0f0fb;border-color:#317cad;color:#084d74;font-weight:700}.mate-matches{max-height:220px;overflow:auto}.mate-option{display:flex;flex-direction:column;text-align:left;gap:4px;width:100%;padding:10px;border:0;border-bottom:1px solid #e8eff3;background:white;cursor:pointer}.mate-option:hover{background:#eaf6fd}.mate-option small,.mate-selected small{color:#607785}.mate-selected{display:flex;flex-direction:column;background:#e8f6f0;border-radius:12px;padding:12px;margin-top:10px}.mate-summary{display:flex;gap:12px;align-items:center;justify-content:space-between}.mate-summary>div:not(.mate-plus){flex:1;min-width:0;background:#f1f6f9;padding:13px;border-radius:14px;display:flex;flex-direction:column;gap:6px}.mate-summary strong{overflow-wrap:anywhere}.mate-summary small,.mate-summary span{color:#5e7686}.mate-plus{font-size:25px}.mate-table{width:100%;min-width:500px}.mate-table th,.mate-table td{padding:12px;text-align:left;border-bottom:1px solid #e4edf1}.mate-placeholder{padding:20px;background:#f4f8fb;border-radius:12px}