/* Layout only for the Eventin Contactpersoon native name row. */
.pica-contact-name-row { display:grid !important; grid-template-columns:minmax(0,1fr); gap:16px; align-items:start; }
.pica-contact-name-row > * { min-width:0 !important; width:auto !important; max-width:none !important; flex:none !important; }
.pica-contact-name-row .pica-contact-prefix { display:block; margin:0; box-sizing:border-box; }
.pica-contact-prefix label { display:block; margin-bottom:8px; color:#18214c; font-size:16px; line-height:1.45; }
.pica-contact-prefix label span { color:#8490a8; font-size:12px; }
.pica-contact-prefix input { display:block; box-sizing:border-box; width:100%; height:40px; min-height:40px; padding:7px 12px; border:1px solid #d4d9df; border-radius:6px; font:inherit; background:#fff; }
.pica-contact-prefix input:focus { border-color:#6754ff; outline:1px solid #6754ff; }
@media(max-width:640px){ .pica-contact-name-row { grid-template-columns:minmax(0,1fr) !important; } }

/* Fallback: show the field even if Eventin changes its contact layout. */
.pica-contact-prefix:not(.pica-contact-name-row > .pica-contact-prefix) { margin:12px 0 18px; }

/* 1.9.4: contactvelden op volledige breedte, onder elkaar. */
.pica-contact-name-row > .ant-col, .pica-contact-name-row > .ant-form-item, .pica-contact-name-row > .pica-contact-prefix { width:100% !important; max-width:100% !important; }

/* 1.9.5: all contact name controls stacked, independent of Eventin columns. */
.pica-contact-name-row { display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:16px !important; }
.pica-contact-name-row > * { flex:0 0 auto !important; width:100% !important; max-width:100% !important; margin:0 !important; }
.pica-contact-name-row input:not([type="hidden"]) { width:100% !important; box-sizing:border-box; }