.form-group { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
.form-group label { font-size: 0.875rem; font-weight: 600; color: var(--color-text-muted); }
.form-row { display: flex; gap: 12px; }
.form-row .form-group { flex: 1; }
.form-actions { display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
.btn-primary  { background: var(--color-primary);  color: #fff; font-weight: 600; border-radius: var(--radius-sm); }
.btn-primary:hover:not(:disabled)  { background: var(--color-primary-dark); }
.btn-secondary { background: var(--color-surface2); color: var(--color-text); border: 1px solid var(--color-border); border-radius: var(--radius-sm); }
.btn-secondary:hover:not(:disabled) { background: var(--color-border); }
.btn-danger   { background: var(--color-danger);   color: #fff; font-weight: 600; border-radius: var(--radius-sm); }
.btn-danger:hover:not(:disabled)   { background: #a93226; }
.btn-blue     { background: #1a6fa8; color: #fff; font-weight: 600; border-radius: var(--radius-sm); }
.btn-blue:hover:not(:disabled)     { background: #135a8a; }
.form-hint  { font-size: 0.8rem; color: var(--color-text-muted); }
.form-error { font-size: 0.8rem; color: var(--color-danger); }
.checkbox-group { display: flex; align-items: center; gap: 8px; }
.checkbox-group input[type="checkbox"] { width: auto; accent-color: var(--color-primary); }
.checkbox-group label { font-size: 0.95rem; font-weight: 400; color: var(--color-text); cursor: pointer; margin: 0; }