.contact-modal-root{position:fixed;inset:0;background:#172b4d66;z-index:120000;display:flex;align-items:center;justify-content:center;padding:24px;font:13px 'Malgun Gothic',sans-serif;color:#172b4d}
.contact-modal{background:#fff;border-radius:14px;box-shadow:0 18px 65px #0f172a40;width:min(1260px,96vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}
.contact-modal header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.contact-modal h2{margin:0 0 6px;font-size:20px}.contact-modal p{font-size:12px;color:#64748b;line-height:1.6;margin:4px 0}.contact-modal button,.contact-invoice-bar button{border:1px solid #ccd6e2;border-radius:6px;padding:8px 12px;background:#f8fafc;color:#174a73;cursor:pointer;font:inherit}.contact-modal button:disabled{opacity:.45;cursor:default}
.contact-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:16px 24px 8px}.contact-modal input:not([type=checkbox]),.contact-modal select{font:inherit;border:1px solid #cbd5e1;padding:9px;border-radius:6px;background:white;color:#172b4d;min-width:0}.contact-toolbar input{flex:1;min-width:220px!important}.contact-modal [data-contact-status]{padding:0 24px 12px;min-height:20px}.contact-workspace{padding:0 24px 20px;overflow:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.contact-workspace:has(aside:not(:empty)){grid-template-columns:minmax(0,1fr) 310px}.contact-list{min-height:220px;max-height:56vh;overflow:auto}.contact-row{display:grid!important;width:100%;grid-template-columns:minmax(130px,1.2fr) minmax(70px,.6fr) minmax(180px,1.5fr) 36px;gap:10px;text-align:left;align-items:center;border-radius:0!important;border-width:0 0 1px!important;background:white!important;padding:12px 6px!important}.contact-row:hover{background:#edf5fc!important}.contact-row span{overflow-wrap:anywhere}.contact-row small{display:block;font-size:11px;color:#64748b;margin-top:4px}.contact-row em{font-style:normal;font-size:11px}.contact-modal footer{display:flex;justify-content:center;align-items:center;gap:20px;padding:10px}.contact-modal aside{background:#f4f7fb;border-radius:8px}.contact-modal aside:not(:empty){padding:16px}.contact-modal form label{display:flex;flex-direction:column;gap:6px;margin:14px 0}.contact-modal .contact-check{display:flex;flex-direction:row;align-items:center;gap:8px}.contact-import-list{max-height:44vh;overflow:auto}.contact-import-row{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid #cbd5e1}.contact-invoice-bar{display:flex;align-items:center;gap:12px;margin:12px 0}.contact-invoice-bar span{font-size:11px;color:#64748b}.contact-empty{padding:40px;text-align:center}
@media(max-width:900px){.contact-workspace:has(aside:not(:empty)){grid-template-columns:1fr}.contact-modal-root{padding:8px}.contact-row{grid-template-columns:1fr 80px 1fr 30px}.contact-toolbar{padding:12px}.contact-workspace{padding:0 12px 12px}}