.scan-form { display: flex; flex-direction: column; gap: var(--spacing-lg); } .scan-form__fields { display: flex; flex-direction: column; gap: var(--spacing-md); } .scan-form__field { display: flex; flex-direction: column; gap: var(--spacing-xs); } .scan-form__label { font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); color: var(--color-text-primary); display: flex; align-items: center; gap: var(--spacing-xs); } .scan-form__error { font-size: var(--font-size-sm); color: var(--color-danger); font-weight: var(--font-weight-normal); } .scan-form__checkboxes { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--spacing-sm); } .scan-form__checkbox-label { display: flex; align-items: center; gap: var(--spacing-xs); padding: var(--spacing-sm); background: var(--glass-bg); border: 1px solid var(--glass-border); border-radius: var(--radius-md); cursor: pointer; transition: all var(--transition-base); font-size: var(--font-size-sm); color: var(--color-text-primary); } .scan-form__checkbox-label:hover { background: var(--glass-bg-hover); border-color: var(--glass-border-hover); } .scan-form__checkbox { width: 18px; height: 18px; cursor: pointer; accent-color: var(--color-accent-primary); } @media (width <= 768px) { .scan-form__checkboxes { grid-template-columns: 1fr; } }