.contact-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:-.35rem 0 1rem;padding:.8rem 1rem;border:1px solid #d5e0ed;border-radius:.7rem;background:#f6f9fd}.contact-toolbar p{margin:0}.contact-section-title{margin:1.4rem 0 .65rem}.contact-card{position:relative}.contact-purpose{display:inline-block;padding:.2rem .5rem;margin:.15rem .12rem .15rem 0;border-radius:999px;background:#e7f0fd;color:#0b4da2;font-size:.74rem;font-weight:700}.contact-dialog{width:min(700px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto}.contact-dialog select,.contact-dialog textarea{width:100%;padding:12px;border:1px solid #b9c7d8;border-radius:8px;margin-top:5px;background:#fff;color:#17243a;font:inherit}.contact-purposes{display:grid;grid-template-columns:1fr 1fr;gap:.2rem 1rem;border:1px solid #ccd8e6;border-radius:.7rem;padding:.7rem 1rem;margin:1rem 0}.contact-purposes legend{font-weight:700;padding:0 .35rem}.contact-purposes label{display:flex;align-items:center;gap:.5rem;margin:.3rem 0;font-weight:600}.contact-purposes input{width:auto;margin:0}.contact-actions{align-items:center}.contact-actions .action-spacer{flex:1}.contact-actions .danger{background:#fff0f0;color:#a41818;border:1px solid #e0a4a4}
html[data-theme="dark"] .contact-toolbar{background:#13243a;border-color:#365374}html[data-theme="dark"] .contact-purpose{background:#173d68;color:#a8d2ff}html[data-theme="dark"] .contact-dialog,html[data-theme="dark"] .contact-dialog input,html[data-theme="dark"] .contact-dialog textarea{background:#101d2f;color:#eef4ff;border-color:#425a76}html[data-theme="dark"] .contact-purposes{border-color:#425a76}html[data-theme="dark"] .contact-actions .danger{background:#4b1c25;color:#ffc7cf;border-color:#8d4451}
@media(max-width:700px){.contact-toolbar{align-items:flex-start;flex-direction:column}.contact-toolbar button{width:100%}.contact-purposes{grid-template-columns:1fr}.contact-dialog{width:calc(100vw - 14px);padding:1rem}}