.cpi-contact-editor{margin-top:18px;padding:16px;border:1px solid rgba(80,104,133,.45);border-radius:14px;background:rgba(7,18,32,.36)}
.cpi-contact-editor>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.cpi-contact-editor h3{margin:0;font-size:17px}.cpi-contact-editor p{margin:5px 0 0;color:#8295ab;font-size:12px;line-height:1.6}
.cpi-add-contact,.cpi-remove-contact{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(34,211,238,.45);border-radius:9px;background:#0d3344;color:#d9fbff;font:inherit;font-weight:800;cursor:pointer}
.cpi-add-contact{min-height:40px;padding:0 14px;white-space:nowrap}.cpi-remove-contact{width:40px;height:40px;border-color:rgba(248,113,113,.48);background:#3b1720;color:#fecaca}
.cpi-contact-list{display:grid;gap:9px}.cpi-contact-row{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(150px,1fr) minmax(220px,1.5fr) 40px;gap:9px;align-items:end;padding:10px;border:1px solid rgba(80,104,133,.32);border-radius:11px;background:rgba(6,15,28,.45)}
.cpi-contact-row label{display:grid;gap:5px;margin:0}.cpi-contact-row label>span{color:#91a4ba;font-size:11px;font-weight:700}.cpi-contact-row input,.cpi-contact-row select{width:100%;min-height:40px;border:1px solid rgba(80,104,133,.55);border-radius:8px;padding:7px 10px;background:#0b1728;color:#e8f0fa;font:inherit}
@media(max-width:760px){.cpi-contact-editor>header{align-items:stretch;flex-direction:column}.cpi-contact-row{grid-template-columns:1fr}.cpi-remove-contact{width:100%}}
