.form-group{margin-bottom:var(--spacing-lg)}.form-group label{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:600;font-size:var(--font-size-md);transition:color .2s;display:block}.form-row{margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:.75rem;display:flex}.form-group input,.form-group select,.form-group textarea,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=date],input[type=time],input[type=datetime-local],input[type=search],input:where(:not([type])),select,textarea{border:1px solid var(--control-border,var(--border-secondary));color:var(--control-ink,var(--text-primary));background:var(--bg-input);transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s}.form-group input,.form-group select,.form-group textarea,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=date],input[type=time],input[type=datetime-local],input[type=search],select,textarea{width:100%}:where(input,select,textarea).form-control,:where(select).form-select{appearance:none;width:100%;display:block}:where(input).form-control[type=file]{overflow:hidden}.form-label{margin-bottom:var(--spacing-sm);display:inline-block}.form-text{margin-top:var(--spacing-xs);color:var(--text-secondary);font-size:.875em}input.form-control,select.form-control,textarea.form-control,select.form-select{border-color:var(--control-border,var(--border-secondary));color:var(--control-ink,var(--text-primary));background-color:var(--control-bg,var(--bg-input))}.form-group input::placeholder,.form-group textarea::placeholder,input::placeholder,textarea::placeholder,input.form-control::placeholder,textarea.form-control::placeholder{color:var(--text-muted);opacity:1}@media (width<=480px){.form-group input,.form-group select,.form-group textarea,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=date],input[type=time],input[type=datetime-local],input[type=search],select,textarea{min-width:0}}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--border-focus);background-color:var(--bg-input);box-shadow:var(--control-focus-ring);outline:none}input.form-control:focus,select.form-control:focus,textarea.form-control:focus,select.form-select:focus{border-color:var(--border-focus);color:var(--control-ink,var(--text-primary));background-color:var(--control-bg,var(--bg-input));box-shadow:var(--control-focus-ring);outline:2px solid #0000}[data-field-box]:focus-within{border-color:var(--border-focus);box-shadow:var(--control-focus-ring);outline:2px solid #0000}[data-field-box] :is(input:not([type=checkbox],[type=radio]),textarea){box-shadow:none;background-color:#0000;border:0;outline:0}.form-group input:hover:not(:disabled):not(:focus),.form-group select:hover:not(:disabled):not(:focus),.form-group textarea:hover:not(:disabled):not(:focus),input:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus){border-color:var(--control-border-hover,color-mix(in srgb, var(--control-border,var(--border-secondary)) 55%, var(--text-secondary)))}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled,input:disabled,select:disabled,textarea:disabled,input.form-control:disabled,select.form-control:disabled,textarea.form-control:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.6}.form-group input:read-only,.form-group textarea:read-only,input:read-only,textarea:read-only,input.form-control:read-only,textarea.form-control:read-only{background-color:var(--bg-tertiary);cursor:default}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:var(--dir-end,right) 12px center!important;cursor:pointer!important;background-size:12px!important;padding-inline-end:40px!important}.form-control-compact{min-width:0}[data-theme=dark] select{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-secondary)}select option{background-color:var(--bg-card);color:var(--text-primary);padding:8px}textarea{resize:vertical}input[type=search]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:var(--dir-start,left) 12px center;background-size:16px}[data-theme=dark] input[type=search]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E")}input[type=checkbox],input[type=radio]{border:2px solid var(--border-primary);cursor:pointer;accent-color:#3b82f6;max-width:18px;height:18px;margin-inline-end:8px;min-width:auto!important;min-height:auto!important}input[type=checkbox]:focus,input[type=radio]:focus{outline:none;box-shadow:0 0 0 4px #3b82f61a}input[type=file]{cursor:pointer;padding:8px 12px}input[type=file]::file-selector-button{border:2px solid var(--border-primary);border-radius:var(--radius-control);background-color:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;margin-inline-end:12px;padding:8px 16px;font-weight:600}input[type=file]::file-selector-button:hover{background-color:var(--bg-card);border-color:#3b82f6}.form-help{line-height:1.4;font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--spacing-xs);display:block}.form-error{margin-top:var(--spacing-xs);color:#ef4444;font-size:var(--font-size-sm);font-weight:500;display:block}.form-actions{gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-primary);margin-bottom:var(--spacing-lg);flex-direction:row;justify-content:flex-end;padding-inline-start:55px;display:flex;bottom:0}.input-group{align-items:stretch;display:flex}.rendered-form .formbuilder-file-status{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-muted)}.rendered-form .formbuilder-file-list{gap:var(--spacing-xs);margin:var(--spacing-sm) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.rendered-form .formbuilder-file-list li{align-items:center;gap:var(--spacing-sm);min-width:0;font-size:var(--font-size-md);display:flex}.rendered-form .formbuilder-file-list a{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--link-color);flex:1;overflow:hidden}input[type=number]{min-width:unset!important}.app-screen input[type=number]{text-align:center;justify-content:center;min-width:46px!important}
