.wecom-contact-section{margin-bottom:24px}
.wecom-contact-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.wecom-contact-title-row h4{font-size:14px;font-weight:600;line-height:20px;color:#111827;margin:0}
.wecom-contact-title-row p{font-size:12px;line-height:18px;color:#64748b;margin:3px 0 0}
.wecom-contact-actions{display:flex;gap:8px;flex:0 0 auto}
.wecom-contact-actions .btn{height:32px;padding:0 14px;font-size:13px;border-radius:8px}
.wecom-contact-card{background:#fff;border:1px solid #e6ebf2;border-radius:12px;overflow:hidden}
.wecom-contact-notice{display:flex;align-items:center;gap:10px;padding:11px 16px;background:#eff8ff;border-bottom:1px solid #d7eafd;color:#315b82;font-size:13px;line-height:20px}
.wecom-contact-notice-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;flex:0 0 auto}
.wecom-contact-status{display:grid;grid-template-columns:minmax(180px,1.1fr) repeat(3,minmax(130px,1fr));border-bottom:1px solid #edf1f5}
.wecom-contact-status-item{min-width:0;padding:15px 16px;border-right:1px solid #edf1f5}
.wecom-contact-status-item:last-child{border-right:0}
.wecom-contact-label{font-size:12px;line-height:18px;color:#7b8ca3;margin-bottom:5px}
.wecom-contact-value{font-size:15px;font-weight:600;line-height:22px;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wecom-contact-state{display:inline-flex;align-items:center;gap:7px}
.wecom-contact-state::before{content:"";width:8px;height:8px;border-radius:50%;background:#94a3b8}
.wecom-contact-state.connected{color:#15803d}
.wecom-contact-state.connected::before{background:#22a55b}
.wecom-contact-state.failed{color:#b45309}
.wecom-contact-state.failed::before{background:#f59e0b}
.wecom-contact-state.testing{color:#2563eb}
.wecom-contact-state.testing::before{background:#3b82f6}
.wecom-contact-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 16px;gap:12px;background:#fafbfd;border-bottom:1px solid #edf1f5}
.wecom-contact-metric{min-width:0}
.wecom-contact-metric strong{display:block;font-size:20px;line-height:26px;color:#172033;margin-top:2px}
.wecom-contact-metric time{display:block;font-size:13px;line-height:22px;color:#334155;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wecom-contact-error{margin:14px 16px 0;padding:10px 12px;border:1px solid #fed7aa;background:#fff7ed;border-radius:8px;color:#9a4b0b;font-size:13px;line-height:20px}
.wecom-contact-preview{padding:14px 16px 16px}
.wecom-contact-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.wecom-contact-preview-head h5{font-size:14px;font-weight:600;line-height:20px;color:#1f2937;margin:0}
.wecom-contact-preview-head span{font-size:12px;color:#94a3b8}
.wecom-contact-table-wrap{overflow-x:auto;border:1px solid #e8edf4;border-radius:8px}
.wecom-contact-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}
.wecom-contact-table th{padding:9px 12px;background:#f7f9fc;border-bottom:1px solid #e8edf4;color:#64748b;font-size:12px;font-weight:600;text-align:left;white-space:nowrap}
.wecom-contact-table td{padding:10px 12px;border-bottom:1px solid #edf1f5;color:#334155;line-height:20px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wecom-contact-table tr:last-child td{border-bottom:0}
.wecom-contact-table .wecom-contact-departments{white-space:normal;word-break:normal;overflow-wrap:break-word}
.wecom-contact-bool{display:inline-flex;padding:2px 7px;border-radius:10px;background:#f1f5f9;color:#64748b;font-size:12px;line-height:18px}
.wecom-contact-bool.available{background:#ecfdf3;color:#15803d}
.wecom-contact-empty{padding:28px 16px;text-align:center;color:#94a3b8;font-size:13px;border:1px dashed #dfe6ee;border-radius:8px;background:#fafbfd}
@media(max-width:1100px){.wecom-contact-status{grid-template-columns:repeat(2,minmax(0,1fr))}.wecom-contact-status-item:nth-child(2){border-right:0}.wecom-contact-status-item:nth-child(-n+2){border-bottom:1px solid #edf1f5}}
@media(max-width:720px){.wecom-contact-title-row{align-items:stretch;flex-direction:column}.wecom-contact-actions{width:100%}.wecom-contact-actions .btn{flex:1}.wecom-contact-status,.wecom-contact-metrics{grid-template-columns:1fr}.wecom-contact-status-item{border-right:0;border-bottom:1px solid #edf1f5}.wecom-contact-status-item:last-child{border-bottom:0}.wecom-contact-metrics{gap:10px}.wecom-contact-table{min-width:760px}}