/* Shared form controls for account and advertising contact. */
.form{display:grid;gap:18px}
.form-status:empty{display:none}
.field{display:grid;gap:7px;min-width:0}
.field>label{font-size:var(--fs-body-sm);font-weight:600;color:var(--text-secondary)}
.control{position:relative;display:flex;align-items:center}
.control>:is(.icon,.ui-icon){position:absolute;left:14px;--size:18px;--icon-size:18px;color:var(--text-quaternary);pointer-events:none;transition:color .15s}
.control :is(input,textarea){width:100%;height:46px;padding:0 14px 0 42px;border:1px solid var(--border-primary);border-radius:12px;background:var(--bg-primary);font-size:var(--fs-body-md);box-shadow:0 1px 2px rgb(16 24 40 / 5%);transition:border-color .15s,box-shadow .15s}
.control.plain :is(input,textarea){padding-left:14px}
.control :is(input,textarea)::placeholder{color:var(--text-placeholder)}
.control :is(input,textarea):hover{border-color:var(--border-brand-primary)}
.control :is(input,textarea):focus{outline:none;border-color:var(--bg-brand-solid);box-shadow:0 0 0 4px color-mix(in srgb,var(--bg-brand-solid) 16%,transparent)}
.control:focus-within>:is(.icon,.ui-icon){color:var(--text-brand-primary)}
.control :is(input,textarea)[aria-invalid=true]{border-color:var(--border-error);box-shadow:0 0 0 4px color-mix(in srgb,var(--text-error-primary) 12%,transparent)}
.control textarea{height:auto;min-height:104px;padding-top:12px;padding-bottom:12px;resize:vertical}