@import url('./checkbox.css');

.es-public-form.es-ticket-form-wrap,
.es-ticket-form { font-family: inherit; }
.es-ticket-form { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 12px 16px; }
.es-tf-field, .es-tf-heading, .es-tf-helptext, .es-tf-divider, .es-tf-actions { grid-column: span 12; }
.es-tf-w-half { grid-column: span 6; }
.es-tf-w-third { grid-column: span 4; }
.es-tf-field label { display: block; font-size: 13px; font-weight: 600; margin: 0 0 6px; }
.es-tf-field input:not([type="checkbox"]):not([type="radio"]), .es-tf-field textarea, .es-tf-field select {
	width: 100%; max-width: 100%; box-sizing: border-box; border: 1px solid var(--es-border, #e5e7eb); border-radius: 10px; padding: 10px 12px; font: inherit;
}
.es-tf-field input:not([type="checkbox"]):not([type="radio"]):focus, .es-tf-field textarea:focus, .es-tf-field select:focus { outline: 2px solid var(--es-primary, #2563eb); outline-offset: 1px; }
.es-tf-help, .es-tf-helptext { font-size: 12px; color: var(--es-muted, #64748b); }
.es-tf-error { color: #b91c1c; font-size: 12px; }
.es-tf-check { display: flex; gap: 10px; align-items: center; padding: 4px 0; border: 0; border-radius: 0; min-height: 32px; }
.es-tf-chip { display: inline-flex; gap: 6px; border: 1px solid #e5e7eb; border-radius: 999px; padding: 6px 10px; margin: 0 6px 6px 0; }
.es-tf-submit { width: 100%; border: 0; border-radius: 10px; padding: 12px; font-weight: 700; background: var(--es-primary, #2563eb); color: #fff; cursor: pointer; }
.es-tf-hp { position: absolute; left: -9999px; }
.es-p-custom { display: grid; gap: 6px; margin-top: 12px; }
.es-p-custom div { display: flex; justify-content: space-between; gap: 12px; }
@media (max-width: 768px) {
	.es-tf-w-half, .es-tf-w-third { grid-column: span 12; }
}