@import url("../tokens/bauwerk-tokens.css");

/* BauWERK Fields 0.2 — visual reference: PrüfWERK. */
.bw-core-field { display:grid; gap:4px; min-width:0; color:var(--bw-color-text); font:400 var(--bw-type-meta)/1.35 var(--bw-font-ui); }.bw-core-field__label { color:var(--bw-color-text); }.bw-core-field__hint,.bw-core-field__error { color:var(--bw-color-text-muted); font-size:11px; }.bw-core-field__error { display:none; color:var(--bw-color-danger); }.bw-core-field[data-invalid=true] .bw-core-field__error { display:block; }.bw-core-field[data-invalid=true] .bw-core-input { border-color:var(--bw-color-danger); }
.bw-core-input { width:100%; min-height:29px; padding:4px 7px; border:1px solid var(--bw-color-line); border-radius:5px; outline:0; background:var(--bw-color-surface); color:var(--bw-color-text); font:400 var(--bw-type-meta)/1.35 var(--bw-font-ui); transition:border-color var(--bw-motion-fast),box-shadow var(--bw-motion-fast); }.bw-core-input:hover:not(:disabled) { border-color:var(--bw-color-line-strong); }.bw-core-input:focus { border-color:var(--bw-color-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--bw-color-accent) 16%,transparent); }.bw-core-input:disabled { background:var(--bw-color-surface-subtle); color:var(--bw-color-text-muted); cursor:default; }.bw-core-input::placeholder { color:var(--bw-color-text-faint); }
textarea.bw-core-input { min-height:72px; resize:vertical; }.bw-core-field--compact .bw-core-input { min-height:26px; padding:3px 6px; font-size:11.5px; }
.bw-core-checkbox { display:inline-flex; align-items:center; gap:7px; color:var(--bw-color-text); font:400 var(--bw-type-meta)/1.35 var(--bw-font-ui); cursor:pointer; }.bw-core-checkbox input { width:14px; height:14px; margin:0; accent-color:var(--bw-color-accent); }.bw-core-checkbox:has(input:disabled) { color:var(--bw-color-text-muted); cursor:default; }
.bw-core-field-group { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.bw-core-fieldset { margin:0; padding:12px; border:1px solid var(--bw-color-line); border-radius:var(--bw-radius-md); background:var(--bw-color-surface); }.bw-core-fieldset legend { padding:0 5px; color:var(--bw-color-text-muted); font:400 11px var(--bw-font-ui); }
@media(max-width:600px){.bw-core-field-group{grid-template-columns:1fr}}