/* ==========================================================================
   Proje: HIZIRBEY Portal
   Paket: HIZIRBEY Design System
   Bileşen: Form Builder
   Dosya: themes/default/assets/css/hds/components/form/fields.css
   Açıklama: Field, FieldGroup, FormSection ve form action yerleşimleri.
   Mimari: Form Builder layout katmanı.
   Yazar: Mehmet Kalli
   Oluşturuldu: 03.08.2026 01:15
   Ownership: Public Field, FieldGroup, FormSection and action layout
   Contract: .hds-field*, .hds-field-group*, .hds-form-section*, .hds-form__actions
   Güncellendi: 12.08.2026
   Sürüm: 1.0.0
========================================================================== */
/* =========================================================================
 * >>> Form Builder Layout
 * ========================================================================= */
.hds-form-builder { display: grid; gap: 24px; }
.hds-field { display: grid; gap: 6px; min-width: 0; }
.hds-field__label { color: #263b4a; font-size: 14px; font-weight: 700; }
.hds-field__required { margin-left: 4px; color: #b42318; }
.hds-field__control { min-width: 0; }
.hds-field__help { color: #66757f; font-size: 12px; line-height: 1.4; }
.hds-field__error { color: #b42318; font-size: 12px; font-weight: 600; line-height: 1.4; }
.is-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.hds-field--choice { grid-template-columns: auto minmax(0, 1fr); align-items: start; column-gap: 8px; }
.hds-field--choice .hds-field__control { grid-column: 1; padding-top: 2px; }
.hds-field--choice .hds-field__label { grid-column: 2; font-weight: 500; cursor: pointer; }
.hds-field--choice .hds-field__help,
.hds-field--choice .hds-field__error { grid-column: 2; }
.hds-field-group { display: grid; grid-template-columns: repeat(var(--hds-field-columns, 1), minmax(0, 1fr)); min-width: 0; margin: 0; padding: 0; border: 0; }
.hds-field-group.columns-1 { --hds-field-columns: 1; }
.hds-field-group.columns-2 { --hds-field-columns: 2; }
.hds-field-group.columns-3 { --hds-field-columns: 3; }
.hds-field-group.gap-sm { gap: 8px; }
.hds-field-group.gap-md { gap: 16px; }
.hds-field-group.gap-lg { gap: 24px; }
.hds-field-group__legend { grid-column: 1 / -1; margin-bottom: 8px; color: #263b4a; font-weight: 700; }
.hds-form-section { display: grid; gap: 16px; }
.hds-form-section__header { display: grid; gap: 4px; }
.hds-form-section__title { margin: 0; color: #263b4a; font-size: 18px; }
.hds-form-section__description { margin: 0; color: #66757f; }
.hds-form-section__body { display: grid; gap: 16px; }
.hds-form__actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
@media (max-width: 640px) { .hds-field-group.columns-2, .hds-field-group.columns-3 { grid-template-columns: minmax(0, 1fr); } .hds-form__actions { align-items: stretch; flex-direction: column; } .hds-form__actions .hds-action-group, .hds-form__actions .hds-action-group__item, .hds-form__actions .hds-button { width: 100%; } }
/* <<< Form Builder Layout */